var timeout    = 700;
var closetimer = 0;
var ddmenuitem = 0;
var master_id = "";

function close_sub(){
	$(master_id).fadeOut(500);
}

function set_timeout(id){ 
	closetimer = window.setTimeout(close_sub, timeout);
}

function clear_timeout(){
	if(closetimer){  
		//alert ("this is called");
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

function open_sub(id){
	clear_timeout()
	//clearInterval(timeout);
    //closetimer = null;
	master_id = "#dropdown_" + id;
	//$("#dropdown_" + id).show();
	if ($("#dropdown_" + id)){
			//alert("exist");
		if(id == 7){
			$("#dropdown_" + id).css("left", $("#menu_item_" + id).position().left - 95); 
		} else {
			$("#dropdown_" + id).css("left", $("#menu_item_" + id).position().left); 
		}
		$("#dropdown_" + id).show(); 
	}	
	
	for(i = 0; i < 11; i++){
		if(id == i){
			//$("#dropdown_" + id).show();
		} else {
			$("#dropdown_" + i).hide();
		}
	}
	//alert("im hovered" + id)
}

document.onclick = close_sub;