var root;
var max_counter=20;
var intervalID;
var duration=10;
var counter=0;
var navroot="#navcontainer";
var current_submenu=null;
var zeroPosition = {x:0, y:0};
$(document).ready(function(){
						    root = $('#container');
						     createSubmenuBase();
						   
							resizing();
						     
							$(window).resize(resizing);
							vanishUls();
							
						   });

function createSubmenuBase()
{
	var html_content="<div id='submenu_holder' ";
	//html_content=html_content+" style='position:absolute; width:"+root.width()+"px; top:0px; left:0px; height:20px; background:#000000;'>";
	html_content=html_content+" style='position:absolute; width:"+root.width()+"px; top:0px; left:0px; '>";
	html_content=html_content+"</div>";
	$('body').append(html_content);
	
}


function resizing()
{
  W = $(window).width();
  H = $(window).height();
  
  wx = root.width();
  var left_amount = (W-wx)/2;
  var top_amount = 54;;
  $('#submenu_holder').css('left',left_amount+'px');
  $('#submenu_holder').css('top',top_amount+'px');
   $('#submenu_holder').css('z-index',999999);
	
}

function vanishUls()
{
  	var adjsut=36;
	main_ul = $(navroot).find('ul').eq(0);
	main_ul.find('ul').hide();
	
	main_ul.children('li').each(function(n){
	
	$(this).find('a').eq(0).bind('mouseover',overFunction);	
	$(this).find('a').eq(0).bind('mouseout',overFunction);	
	
	if($(this).find('ul').length)
	{
	 
	  $(this).find('a').eq(0).attr('id','li-id_'+n)	
	  
      var p = $(this).position();
      var content = "<ul>"+($(this).find('ul').html())+"</ul>";
	  
	  var submenu_content='<div id="submenu_'+n+'" ';
	  submenu_content = submenu_content+'class="submenu"';
	  submenu_content = submenu_content+' style="position:absolute; display:none; left:'+Number(p.left+adjsut)+'px;">';
	  submenu_content = submenu_content+''+content;
	  submenu_content = submenu_content+'</div>';
	  
	  
	  $('#submenu_holder').append(submenu_content);
											
	}
										 
	});
	
	$('#submenu_holder').find('a').each(function(n){
												 
												    $(this).bind('mouseover',function(){resetCounter();});
													$(this).bind('mouseout',function(){startCounter();});
												    
													});
	
}

function overFunction(e)
{
	
	switch(e.type)
	{
	   case "mouseover":
	   resetCounter();
	   n = $(this).attr('id').split("_")[1];
	  
	  /* */
	   
	   if(current_submenu!=null)
		{
			var notsame=true;
			if(current_submenu.attr('id').split("_")[1] == n){notsame=false;}
			
			if(notsame){current_submenu.stop(true, true).slideUp('slow')}
		 }
		
	   if(n!=undefined)
	   {
	   	
		$('#submenu_'+n).stop(true, true).slideDown('slow');
		current_submenu= $('#submenu_'+n);
	   }
	   break;
	   
	   case "mouseout":
	   startCounter();
	   break;
	
	}
	
}


function startCounter()
{
  intervalID = setInterval(count,duration);
}

function resetCounter()
{
	counter=0;
	clearInterval(intervalID);
}

function count()
{
  if(max_counter > counter)
  {
	counter++;  
  }
  else
  {
	resetCounter();
	current_submenu.slideUp('slow');
  }
}