var $j = jQuery.noConflict();

$j(document).ready(function(){
  
  // Header sliders
  $j("#header").find(".slider_toggle").each(function(){
    $j(this).click(function(){        
      if ( $j(this).is(".open") == true ) {
        var zindex = $j(this).parent(".header_slider").css("z-index") / 10;
        $j(this).parent(".header_slider").animate({
          top: "-58px"
        }).css({
          "z-index": zindex
        }).siblings().animate({
          top: "-58px"
        });
        $j(this).toggleClass("open");
      } else {
        var zindex = $j(this).parent(".header_slider").css("z-index") * 10;
        $j(this).parent(".header_slider").animate({
          top: "0px"
        }).css({
          "z-index": zindex
        }).siblings().animate({
          top: "-91px"
        });
        $j(this).toggleClass("open");
      }        
    });
  });
  
  // Add "last" class on the last item of every <ul> (useful mainly for IE6)
  $j("ul").each(function(){
    $j(this).children("li").filter(":last").addClass("last");
  });
  
  // Triggers main nav subsections
  $j("#nav li").hover(function(){
    $j(this).addClass("over");
    $j(this).children(".subnav").stop(true).fadeTo("500", 1.0);
  }, function() {
    $j(this).removeClass("over");
    $j(this).children(".subnav").fadeOut("fast");
  });
  
  // Adds small grey arrow on active link
  $j("#nav li.active > a").append("<span class='active_arrow'>&nbsp;<\/span>");
  
  // Adds green arrow on navigation submenus, according to its parent. Then, hide submenu and position it accordingly.
  $j("#nav li .subnav").each(function(){
    var position = $j(this).parent("li").position();
    var halfwidth = $j(this).parent("li").width() / 2;
    var left = position.left + halfwidth;
    $j(this).append("<span class='arrow'><\/span>");
    $j(this).children(".arrow").css({
      "left": left
    });
    $j(this).css({
      "display": "none",
      "left": "0px"
    });
    $j(this).find("ul li a").each(function(){
      $j(this).hover(function(){
        $j(this).stop().animate({
          marginLeft: "10px"
        }, "fast");        
      }, function(){
        $j(this).stop().animate({
          marginLeft: "0px"
        }, "fast");
      });
    });      
  });
  
  // Adds top and bottom shadow on content boxes
  $j(".wide_content").each(function(){
    $j(this).prepend("<div class='wide_top'><\/div>").append("<div class='wide_bot'><\/div>");
  });
  $j(".normal_content").each(function(){
    $j(this).prepend("<div class='normal_top'><\/div>").append("<div class='normal_bot'><\/div>");
  });
  
  // Adds images to home right bottom links
  $j("#home_links li").each(function(){
    $j(this).append("<span>&nbsp;<\/span>");
  });
  
  // Swap search form value on user click
  swapValue = [];
  $j("input.text").each(function(i){
     swapValue[i] = $j(this).val();
     $j(this).focus(function(){
        if ($j(this).val() == swapValue[i]) {
          $j(this).val("");
        }
        $j(this).addClass("focus");
     }).blur(function(){
        if ($j.trim($j(this).val()) == "") {
          $j(this).val(swapValue[i]);
          $j(this).removeClass("focus");
        }
     });
  });
  
  // Adds icon on "Downloads" list, according to the link extension.
  $j("a[href$='.pdf']").parent("li").addClass("pdf");
  $j("a[href$='.html']").parent("li").addClass("html");
  
  // Tooltip
  $j("#header_connect ul li a").tipTip();
  
  // Header Login
//  $j("#member_login_slider form button").hover(function(){
//    $j(this).addClass("over");
//  }, function(){
//    $j(this).removeClass("over");
//  });
  
  // Internal sidebar animation
  $j("#sidebar_nav > li").not(".active").children("a").each(function(){
      $j(this).hover(function(){
        $j(this).stop().animate({
          paddingLeft: "35px",
          width: "253px" 
        }, "fast");        
      }, function(){
        $j(this).stop().animate({
          paddingLeft: "14px",
          width: "274px"
        }, "fast");
      });
    });   
  
});

//$j(window).load(function(){
  // Sponsors
//  $j("[id^=sponsors_list] li").each(function(){
//    var imgwidth = $j(this).find("img").width();
//    var imgheight = $j(this).find("img").height();
//    $j(this).css({
//      "width" : imgwidth,
//      "height" : imgheight
//    });
//  });  
//  $j("[id^=sponsors_list] li").hover(function(){    
//    var imgwidth = $j(this).width();
//    var imgheight = $j(this).height();
//    var newwidth = imgwidth * 2;
//    var newheight = imgheight * 2;
//    var marginleft = (newwidth / 2 + 20) * -1;
//    var margintop = (newheight / 2 + 20) * -1;            	
//    $j(this).css({'z-index' : '10'});
//  	$j(this).find("img").stop().animate({
//			marginTop: margintop, 
//			marginLeft: marginleft,
//			top: '50%',
//			left: '50%',
//			width: newwidth,
//			height: newheight
//  	}, 200);  
//  }, function(){
//    var imgwidth = $j(this).width();
//    var imgheight = $j(this).height();
//    $j(this).css({'z-index' : '2'});
//  	$j(this).find("img").stop().animate({
//			marginTop: '0px',
//			marginLeft: '0px',
//			top: '0px',
//			left: '0px',
//			width: imgwidth,
//			height: imgheight
//  	}, 400);
//  });

//});
