$j = jQuery.noConflict();

$j(document).ready(function(){
  $j('#searchInput').watermark('Search', { useNative: false, className: 'Watermark' });

  var mmItemConfig = { sensitivity: 1, interval: 150, timeout: 250, over: menuHoverOver, out: menuHoverOut };
  $j('ul#topnav LI.TopMenuItem').hoverIntent(mmItemConfig);

  var smItemConfig = { sensitivity: 1, interval: 150, timeout: 250, over: subMenuHoverOver, out: subMenuHoverOut };
  $j('ul#topnav LI.SubMenuItem').hoverIntent(smItemConfig);

  $j('ul#topnav LI.SubMenuItem .DeepMenu').each(function() { $j(this).parent().addClass('HasSubMenu'); });
});

function slideSwitch() {
  var $active = $j('#photoWhiteRoundedBox IMG.Active');
  if ($active.length == 0) {
    $active = $j('#photoWhiteRoundedBox IMG:last');
  }
  var $next = $active.next();
  if ($next.length == 0) {
    $next = $j('#photoWhiteRoundedBox IMG:first');
    if ($next[0] == $active[0]) {
      clearInterval(window.$_slideShow);
      return;
    }
  }
  $active.addClass('LastActive');
  $next.css({opacity: 0.0}).addClass('Active').animate({opacity: 1.0}, 1000, function() { $active.removeClass('Active LastActive'); });
}


function menuHoverOver() {
  var li = $j(this);
  li.addClass('TopMenuItemHover');
  var subMenu = li.find('.SubMenu');
  var liWidth = li.width();
  if (liWidth > subMenu.width()) {
    subMenu.css({'width' : liWidth + 'px'});
  }
  subMenu.show();
}

function menuHoverOut(){
  var li = $j(this);
  li.removeClass('TopMenuItemHover');
  li.find('.SubMenu').hide();
}

function subMenuHoverOver() {
  var li = $j(this);
  var rootLi = li.parent().parent().parent();
  menuHoverOver.apply(rootLi[0]);
  li.addClass('SubMenuItemHover');
  var deepMenu = li.find('.DeepMenu');
  var parentLi =  li.parent().parent();
  var leftPos = parentLi.width();
  var subMenuWidth = $j('div', li).width();
  if (parentLi.offset().left + leftPos + subMenuWidth > $j(window).width()) { 
    leftPos = (subMenuWidth) * -1; 
  }
  deepMenu.css({ 'left' : leftPos + 'px', 'top' : '' + li.position().top + 'px'});
  deepMenu.show();
}

function subMenuHoverOut(){
  var li = $j(this);
  li.removeClass('SubMenuItemHover');
  li.find('.DeepMenu').hide();
}

