// JavaScript Document
$(document).ready(function(){
	$('#topcountry').hover(
		function () {
			//show its submenu
			$(this).stop().animate({'right':'266px'},200);
		}, 
		function () {
			//hide its submenu
			$(this).stop().animate({'right':'80px'},200);			
		}
	);
	
	/*
	$("#job-search-text").focus(function(srcc){
			if($(this).val() == $(this)[0].title){
				$(this).val("");
			}
	});
	
	$("#job-search-text").blur(function(){
		if($(this).val() == ""){		
			$(this).val($(this)[0].title);
		}
	});
	
	$("#job-search-text").blur();  
	*/
	
	var searchBox = $("#job-search-text");
	var searchBoxDefaultText = 'Search for Jobs';
	
	// initial value
	searchBox.val(searchBoxDefaultText);
	
	// focus and blur values
	searchBox.focus(function(e){
		if($(this).attr("value") == searchBoxDefaultText) $(this).attr("value", "");
	});
	searchBox.blur(function(e){
		if($(this).attr("value") == "") $(this).attr("value", searchBoxDefaultText);
	});

	$(function() {
		$('#nav').hover(
			function(){
			$('#mask').stop().fadeTo('slow',0.8);
			},
			function(){
			$('#mask').stop().fadeTo('800',0);
			$('#mask').hide();
			}
		);
	
	});
	
		
	//On Hover Over To Create Big Submenu below navbar
	function megaHoverOver(){
		$(this).find(".sub").stop().fadeTo('fast', 1).show(); //Find sub and fade it in
/*		(function($) {
			//Function to calculate total width of all ul's
			jQuery.fn.calcSubWidth = function() {
				rowWidth = 0;
				//Calculate row
				$(this).find("ul").each(function() { //for each ul...
					rowWidth += $(this).width(); //Add each ul's width together
				});
			};
		})(jQuery); 
	
		if ( $(this).find(".row").length > 0 ) { //If row exists...
	
			var biggestRow = 0;	
	
			$(this).find(".row").each(function() {	//for each row...
				$(this).calcSubWidth(); //Call function to calculate width of all ul's
				//Find biggest row
				if(rowWidth > biggestRow) {
					biggestRow = rowWidth;
				}
			});
	
			$(this).find(".sub").css({'width' :biggestRow}); //Set width
			$(this).find(".row:last").css({'margin':'0'});  //Kill last row's margin
	
		} else { //If row does not exist...
	
			$(this).calcSubWidth();  //Call function to calculate width of all ul's
			$(this).find(".sub").css({'width' : rowWidth}); //Set Width
	
		} */
	}
	
	//On Hover Out
	function megaHoverOut(){
	  $(this).find(".sub").stop().fadeTo('fast', 0, function() { //Fade to 0 opactiy
		  $(this).hide();  //after fading, hide it
	  });
	}

	var config = {
		 sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
		 interval: 100, // number = milliseconds for onMouseOver polling interval
		 over: megaHoverOver, // function = onMouseOver callback (REQUIRED)
		 timeout: 500, // number = milliseconds delay before onMouseOut
		 out: megaHoverOut // function = onMouseOut callback (REQUIRED)
	};
	
	$("ul#nav li .sub").css({'opacity':'0'}); //Fade sub nav to 0 opacity on default
	$("ul#nav li").hoverIntent(config); //Trigger Hover intent with custom configurations
		
		// initialize home banners
		
		$('#banner-home div:first').fadeIn(2000, function() {
			$('#banner-home').cycle({ 
				speed:  1000, 
				timeout: 3000,
				pagerEvent: 'mouseover',
				pauseOnPagerHover: true,
				pagerAnchorBuilder: function(idx, slide) { 
        return '#banner-nav a:eq('+idx+')'; 
    } 
			});
		});
		
	// initialize horizontal banners
	$("li[class=active]").stop().animate({width:'530px'},300);
	
	// fading functions for home banner
	$('#accordian-banner li .thumbnail').hover(function(){
			
			// get selected index
			var target = $(this).parent().prevAll().length;
			
			// add/remove class
			$('#accordian-banner > li').removeClass('active');
			$('#accordian-banner > li').eq(target).addClass('active');
			
			// contract inactive group contents
			$("#accordian-banner > li:not([class=active])").stop().animate({width:'200px'},300);		
			// expand active group contents
			$("#accordian-banner > li[class=active]").stop().animate({width:'530px'},500);
			
	});
	

});