var timeout   			= 500;
var closetimer 			= 0;
var ddmenuitem 			= 0;
var sub_ddmenuitem 	= 0;
var sub_closetimer 	= 0;
var sub_timeout   	= 500;
var test = 0;
var test2 = 0;

function jsddm_open(){		
	jsddm_canceltimer();
	jsddm_close();
	
	var parentWidth = ($(this).width()-4) + "px";
	
	
	
	ddmenuitem = $(this).children('ul:first').css({'visibility':'visible', "min-width":parentWidth});
	if($(this).children('ul').length > 0)
		test = $(this).addClass("parent_hover");	
}

function jsddm_close(){
	if (ddmenuitem) {
  	ddmenuitem.css('visibility', 'hidden');		
  }
	if(test)
		test.removeClass("parent_hover");
}

function jsddm_timer(){
	closetimer = window.setTimeout(jsddm_close, timeout);
}

function jsddm_canceltimer(){
	if(closetimer){
		window.clearTimeout(closetimer);
    closetimer = null;
	}
}

function jsddm_sub_open(){	
	jsddm_sub_canceltimer();
	jsddm_sub_close();
	
	var marginLeft 	= $(this).parents("ul").innerWidth();	
	var marginTop 	= $(this).children("a,span").innerHeight();	
	
	//alert(marginLeft + " => " + marginTop);
	
	test2 = $(this).parents("li").addClass("parent_hover");
	sub_ddmenuitem = $(this).children('ul:first').css({'visibility':'visible',"margin-left":marginLeft + "px","margin-top":"-" + marginTop + "px"});
}

function jsddm_sub_close(){
	if (sub_ddmenuitem) {
  	sub_ddmenuitem.css('visibility', 'hidden');		
  }
	if(test2)
		test2.removeClass("parent_hover");
}

function jsddm_sub_timer(){	
	sub_closetimer = window.setTimeout(jsddm_sub_close, sub_timeout);	
}

function jsddm_sub_canceltimer(){	
	if(sub_closetimer){		
		window.clearTimeout(sub_closetimer);		
    sub_closetimer = null;
	}
}


$(document).ready(function(){
	$('#jsddm > li').bind('mouseover', jsddm_open);
  $('#jsddm > li').bind('mouseleave',jsddm_timer);
	
	$('#jsddm li ul li').bind('mouseover', jsddm_sub_open);
  $('#jsddm li ul li').bind('mouseleave',jsddm_sub_timer);
		
});

document.onclick = jsddm_close;
document.onclick = jsddm_sub_close;