/**
	* FastBrokers fancy menu jquery script
	*
	* done by Bernacchia Simone for FastBrokers.com
	*
	*
	* hope this works ^^; 
	*
	*
	* @Package:		newFastbrokers
	* @Date:		02-24-2011 12:57:00 -0800
	* @Author:		Simone Bernacchia < sbernacchia@fastbrokers.com >
	*
	*
	*/


  $(document).ready(function(){
//initialize the menu layers
	$('#menu1menu').css('top','-1000px');
	$('#menu2menu').css('top','-1000px');
	$('#menu3menu').css('top','-1000px');
	$('#menu4menu').css('top','-1000px');
	$('#menu5menu').css('top','-1000px');
	$('#menu10menu').css('top','-1000px');
	
	var t1,t2,t3,t4,t5,t10,t01,t02,t03,t04,t05,t010; //timeout var
	
	var timeoutVal = 2000; //timeout in millisecs
	var shorttimeoutVal = 2000;
	
/*	$('#menu1 a').mouseenter(function(){
		clearTimeout($(this).data('timeoutId'));
		$('#menu1menu').animate({'top':'0px'},{'duration':'slow'});
	}).mouseleave(function(){
		var someel1 = this;
		var timeoutId = setTimeout(function(){ $("#menu1menu").animate({'top':'-1000px'},{'duration':'slow'});}, 650);
    $(someel1).data('timeoutId', timeoutId); //set the timeoutId, allowing us to clear this trigger if the mouse comes back over

	}); //bind	
		
*/	
		$('#menu1 a').mouseenter(function(){
		$('#menu1menu').animate({'top':'0px'},{'duration':'fast'});
		$('#menu1cont').animate({'height':'180px'},{'duration':'fast'});
		resetMenus('2,3,4,5,10');
	}).mouseleave(function(){
		t01 =	setTimeout("$('#menu1menu').animate({'top':'-1000px'},{'duration':'fast'}); $('#menu1cont').animate({'height':'0px'},{'duration':'fast'});",timeoutVal);
		}).mouseenter(function(){clearTimeout(t01);});//bind	

	

		$('#menu2 a').mouseenter(function(){
		$('#menu2menu').animate({'top':'0px'},{'duration':'fast'});
		$('#menu2cont').animate({'height':'220px'},{'duration':'fast'});
		resetMenus('1,3,4,5,10');
		}).mouseleave(function(){
		t02 =	setTimeout("$('#menu2menu').animate({'top':'-1000px'},{'duration':'fast'}); $('#menu2cont').animate({'height':'0px'},{'duration':'fast'});",timeoutVal);
		}).mouseenter(function(){clearTimeout(t02);});//bind	


		
			$('#menu3 a').mouseenter(function(){
		$('#menu3menu').animate({'top':'0px'},{'duration':'fast'});
		$('#menu3cont').animate({'height':'220px'},{'duration':'fast'});
		resetMenus('1,2,4,5,10');
		}).mouseleave(function(){
		t03 =	setTimeout("$('#menu3menu').animate({'top':'-1000px'},{'duration':'fast'}); $('#menu3cont').animate({'height':'0px'},{'duration':'fast'});",timeoutVal);
		}).mouseenter(function(){clearTimeout(t03);});  //bind	
		

	
			$('#menu4 a').mouseenter(function(){
		$('#menu4menu').animate({'top':'0px'},{'duration':'fast'});
		$('#menu4cont').animate({'height':'335px'},{'duration':'fast'});
		resetMenus('1,2,3,5,10');
		}).mouseleave(function(){
		t04 =	setTimeout("$('#menu4menu').animate({'top':'-1000px'},{'duration':'fast'}); $('#menu4cont').animate({'height':'0px'},{'duration':'fast'});",timeoutVal);
		}).mouseenter(function(){clearTimeout(t04);});//bind	


	
			$('#menu5 a').mouseenter(function(){
		$('#menu5menu').animate({'top':'0px'},{'duration':'fast'});
		$('#menu5cont').animate({'height':'260px'},{'duration':'fast'});
		resetMenus('1,2,3,4,10');
		}).mouseleave(function(){
		t05 =	setTimeout("$('#menu5menu').animate({'top':'-1000px'},{'duration':'fast'}); $('#menu5cont').animate({'height':'0px'},{'duration':'fast'});",shorttimeoutVal );
		}).mouseenter(function(){clearTimeout(t05);});//bind	
 
 			$('#menu10 a').mouseenter(function(){
		$('#menu10menu').animate({'top':'0px'},{'duration':'fast'});
		$('#menu10cont').animate({'height':'66px'},{'duration':'fast'});
		resetMenus('1,2,3,4,5');
		}).mouseleave(function(){
		t010 =	setTimeout("$('#menu11menu').animate({'top':'-1000px'},{'duration':'fast'}); $('#menu11cont').animate({'height':'0px'},{'duration':'fast'});",shorttimeoutVal );
		}).mouseenter(function(){clearTimeout(t05);});//bind	
 

	//menucont binds	
		$('div #menu1cont').mouseleave(function(){
		t1 =	setTimeout("$('#menu1menu').animate({'top':'-1000px'},{'duration':'fast'}); $('#menu1cont').animate({'height':'0px'},{'duration':'fast'});",shorttimeoutVal );
		}).mouseenter(function(){clearTimeout(t01); clearTimeout(t1);});
		
	
			$('div #menu2cont').mouseleave(function(){
				t2 =	setTimeout("$('#menu2menu').animate({'top':'-1000px'},{'duration':'fast'}); $('#menu2cont').animate({'height':'0px'},{'duration':'fast'});",shorttimeoutVal );
		}).mouseenter(function(){clearTimeout(t02); clearTimeout(t2);});
	
			$('div #menu3cont').mouseleave(function(){
				t3 =	setTimeout("$('#menu3menu').animate({'top':'-1000px'},{'duration':'fast'}); 	$('#menu3cont').animate({'height':'0px'},{'duration':'fast'});",shorttimeoutVal );
		}).mouseenter(function(){clearTimeout(t03); clearTimeout(t3);});
	
			$('div #menu4cont').mouseleave(function(){
				t4 =	setTimeout("$('#menu4menu').animate({'top':'-1000px'},{'duration':'fast'}); $('#menu4cont').animate({'height':'0px'},{'duration':'fast'});",shorttimeoutVal );
		}).mouseenter(function(){clearTimeout(t04); clearTimeout(t4);});
	
			$('div #menu5cont').mouseleave(function(){
				t5 =	setTimeout("$('#menu5menu').animate({'top':'-1000px'},{'duration':'fast'}); $('#menu5cont').animate({'height':'0px'},{'duration':'fast'});",shorttimeoutVal );
		}).mouseenter(function(){clearTimeout(t05); clearTimeout(t5);});
		
					$('div #menu10cont').mouseleave(function(){
				t10 =	setTimeout("$('#menu10menu').animate({'top':'-1000px'},{'duration':'fast'}); $('#menu10cont').animate({'height':'0px'},{'duration':'fast'});",shorttimeoutVal );
		}).mouseenter(function(){clearTimeout(t010); clearTimeout(t10);});
		
	}); //end document.ready

	function resetMenus(menuarr){
	var menuarray = [];
	menuarray = menuarr.split(',');
//	mal = (menuarr.length -1);
	for (x in menuarray){
		name = '#menu'+menuarray[x]+'menu';
		name2 = '#menu'+menuarray[x]+'cont';
		$(name).animate({'top':'-1000px'},{'duration':'fast'});
		$(name2).animate({'height':'1px'},{'duration':'fast'});
	} //end for
	
	} //end resetMenus