// JavaScript Document



$(document).ready(function() {
//On Hover Over
function megaHoverOver(){
    $(this).find(".sub").stop().fadeTo(1, 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(1, 0, function() { //Fade to 0 opactiy
      $(this).hide();  //after fading, hide it
  });
}
	
	
	
	//Set custom configurations
var config = {
     sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
     interval: 50, // number = milliseconds for onMouseOver polling interval
     over: megaHoverOver, // function = onMouseOver callback (REQUIRED)
     timeout: 0, // number = milliseconds delay before onMouseOut
     out: megaHoverOut // function = onMouseOut callback (REQUIRED)
};



$("ul#topnav li .sub").css({'opacity':'0'}); //Fade sub nav to 0 opacity on default
$("ul#topnav li").hoverIntent(config); //Trigger Hover intent with custom configurations
	

//++++++++++++++++++++++

$("ul#main_nav a.con_login").click(function(){ 
	$("ul#main_nav a").css('backgroundPosition',  'left top');
	$("ul#left_nav a").css('backgroundPosition',  'left top');										
		if ($('ul#main_nav #login_sub').is(':hidden')) {
			$(this).css('backgroundPosition',  'left bottom');										
		}else{
			$(this).css('backgroundPosition',  'left top');										
	
		}
			$("ul#left_nav #country_sub").hide();
			$("ul#main_nav #login_sub").toggle();
			$("ul#main_nav #started_sub").hide();
			$("#click_area1").toggle();
			$("#click_area2").hide();
			$("#click_area3").hide();
});

$("ul#main_nav a.get_started").click(function(){ 
	
	$("ul#main_nav a").css('backgroundPosition',  'left top');		
	$("ul#left_nav a").css('backgroundPosition',  'left top');										
		if ($('ul#main_nav #started_sub').is(':hidden')) {
			$(this).css('backgroundPosition',  'left bottom');										
		}else{
			$(this).css('backgroundPosition',  'left top');										
		}
			$("ul#left_nav #country_sub").hide();
			$("ul#main_nav #login_sub").hide();
			$("ul#main_nav #started_sub").toggle();
			$("#click_area2").toggle();
			$("#click_area1").hide();
			$("#click_area3").hide();
});

$("ul#left_nav a.country").click(function(){ 
	$("ul#main_nav a").css('backgroundPosition',  'left top');		
		if ($('ul#left_nav #country_sub').is(':hidden')) {
			$(this).css('backgroundPosition',  'left bottom');										
		}else{
			$(this).css('backgroundPosition',  'left top');										
		}
			$("ul#main_nav #started_sub").hide();
			$("ul#main_nav #login_sub").hide();
			$("ul#left_nav #country_sub").toggle();
			$("#click_area3").toggle();
			$("#click_area2").hide();
			$("#click_area1").hide();
});

$('#click_area1').click(function(){
	$("ul#main_nav a").css('backgroundPosition',  'left top');										
	$("ul#main_nav #login_sub").toggle();
	$(this).hide();
});

$('#click_area2').click(function(){
	$("ul#main_nav a").css('backgroundPosition',  'left top');										
	$("ul#main_nav #started_sub").toggle();
	$(this).hide();
});

$('#click_area3').click(function(){
	$("ul#left_nav a").css('backgroundPosition',  'left top');										
	$("ul#left_nav #country_sub").toggle();
	$(this).hide();
});


//show code example A

	
});