$(document).ready(function(){
	
	var currentSubmenu=null;
	var submenucounter=0;
	var max_submenucounter=6;
	var counterID=null;
	var mainpos = $('.menu').position();
	var toppos = $('.menu').find('#main-nav-wraper').eq(0).position();
	var anchor_left = [];
	var anchor_top = [];
	var container_DIV_HTML = "<div id='submenuContainer' style='";
	container_DIV_HTML = container_DIV_HTML+"position:absolute; background:#FFFFFF,display:none; z-index:999999; left:100px; top:0px;";
	container_DIV_HTML = container_DIV_HTML+"'>";
	container_DIV_HTML = container_DIV_HTML+"</div>" 
	
	$('.menu').find('#main-nav-wraper').hide();
	
	//$('.menu').find('#main-nav-wraper').css('webkit-box-shadow','0px 0px 0px #000');
	//$('.menu').find('#main-nav-wraper').css('moz-box-shadow','10px 10px 50px #000');
	
	
	$('.menu').find('ul').eq(0).find('a').each(function(n){
																$(this).attr('serial',n);
																var position = $(this).position();
																anchor_left[n]=position.left;
																anchor_top[n]=position.top;
																$(this).bind('mouseover',opensubmeu);
																$(this).bind('mouseout',opensubmeu);
																																													
														   });
	
	
	
	$('.menu').find('#main-nav-wraper').each(function(n){
													  	        $(this).find('.main-nav-wraper-top-1').each(function(m)
																											{
																												$(this).bind('mouseover',function(){ 
																												
																												//$(this).css('background','#becad3')		
																																				  
																																				    }); 
																												 
																												 $(this).bind('mouseout',function(){ 
																												
																												//$(this).css('background','#efefef')		
																																				  
																																				    }); 
																												 
																												 
																												   
																											});
													  
													  	});
	
	$('.menu').append(container_DIV_HTML);
	
	
	function opensubmeu(e)
	{
		
			var menuNum=Number($(this).attr('serial'));
			//alert(anchor_top[menuNum-1]);
			switch(e.type)
			{
				case "mouseover":
				stopCount();
				if(currentSubmenu!=null)
					{
						currentSubmenu.hide();
					}
					
				if($(this).attr('rel')=="submenu")
				{
					//$('.menu').find('#main-nav-wraper').eq($(this).attr('serial')).slideDown('fast');
					var styles = $('.menu').find('#main-nav-wraper').eq($(this).attr('serial')).attr('style');
					var html_content = "<div id='main-nav-wraper' style='"+styles+" display:block;'>"+$('.menu').find('#main-nav-wraper').eq($(this).attr('serial')).html()+"</div>";
					//alert($('#submenuContainer').css('left'));
					
					$('#submenuContainer').html(html_content);
					$('#submenuContainer').css({'left':anchor_left[menuNum-1]-60,'top':anchor_top[menuNum-1]+50});
					$('#submenuContainer').slideDown('fast');
					//alert($('#submenuContainer').css('top'));
					
					//currentSubmenu = $('.menu').find('#main-nav-wraper').eq($(this).attr('serial'));
					currentSubmenu = $('#submenuContainer');
					currentSubmenu.bind('mouseover',submenuAction)
					currentSubmenu.bind('mouseout',submenuAction)
				}
				
				break;
				
				case "mouseout":
				stratCount();
				break;
				
			}
	}
	
	
	function stratCount()
	{
		clearInterval(counterID);
		submenucounter=0;
		counterID =  setInterval(count,100);
	}
	
	function count()
	{
		if(max_submenucounter>submenucounter)
		{
		submenucounter++;	
		}
		else
		{
			stopCount();
			currentSubmenu.hide();
		}
	}
	
	function stopCount()
	{
		clearInterval(counterID);
		submenucounter=0;
	}
	
	function submenuAction(e)
	{
	   switch(e.type)
	   {
		  case "mouseover":
		  stopCount();
		  break;
		  
		  case "mouseout":
		  stratCount();
		  break;
		   
	   }
	}
								
});
