var $j = jQuery.noConflict();


$j(document).ready(function(){
	//Add Spans
	$j('#primary-nav').addSpans();
	
	//Make Tabs Work (Home Page)
	$j('#bucket1').makeTabs();
	$j('#bucket2').makeTabs();
	
	//Drop-Down Functions
	function dropDownOver() {
		$j(this).find('ul').stop().fadeTo(200, 1).show();
	}
	function dropDownOut() {
		$j(this).find('ul').stop().fadeTo(300, 0, function(){
			$j(this).hide();
		});
	}
	var hoverConfig = {    
     sensitivity: 3,    
     interval: 200,
     over: dropDownOver,    
     timeout: 400, 
     out: dropDownOut    
	};
	
	//Drop-Down IE Functions
	function dropDownOverIE() {
		$j(this).find('ul').stop().show();
	}
	function dropDownOutIE() {
		$j(this).find('ul').stop().hide();
	}
	var hoverConfigIE =  {    
     sensitivity: 3,    
     interval: 200,
     over: dropDownOverIE,    
     timeout: 400, 
     out: dropDownOutIE    
	};

	if ($j.browser.msie && $j.browser.version==6 || $j.browser.version==7) {
   		$j('#primary-nav > li').hoverIntent(hoverConfigIE);
   	} else {
   		$j('ul#primary-nav ul').css({'opacity': '0'});
		$j('ul#primary-nav > li').hoverIntent(hoverConfig);
	}
});

//Adds tab functionality to buckets on home page.
jQuery.fn.makeTabs = function () {
	
	var tabNav = $j(this).find('ul.tabs li a');
	var tabDivs = $j(this).find('div');
		
	tabNav.click(
		function (event) {
			var divSelector = $j(this).attr('href');
			
			tabDivs.not(divSelector).hide();
			$j(divSelector).show();
			
			$j(this).closest('li').addClass('active');
			tabNav.not(this).closest('li').removeClass('active');
	});	
}

//Function to place spans for active li in ul#primary-nav
$j.fn.addSpans = function (sides) {

	var activeItem = $j(this).find('li.active:first');
	
	if (activeItem.size() == 1) {
		switch (sides) {
			case 'left':
			$j(activeItem).prepend('<span id="left"></span>');
			break;
			
			case 'right':
			$j(activeItem).append('<span id="right"></span>');
			break;
			
			default:
			$j(activeItem).prepend('<span id="left"></span>');
			$j(activeItem).append('<span id="right"></span>');
			break;
		}
	
		var position = $j(activeItem).position();
		var width = $j(activeItem).width();
		
		//NOTE: POSITIONG IGNORES MARGINS
		var spanWidth = parseInt($j('span#left').css('width'));
		var leftPos = (0 - spanWidth);
		
		//Sets positions left & right.
		$j(activeItem).css({'background-image': 'url(../images/primary-nav-active-bg.jpg)', 'background-repeat':'repeat-x'});
		$j('span#left').css({'top': position.top, 'left': leftPos});
		$j('span#right').css({'top': position.top, 'left': width-1});
	}
};