function showHide(e, state)
{
    el = document.getElementById(e);
    if (!(el == null))
    {
    if (state == "hidden") {
        el.style.visibility = "hidden";
    } else if (state == "visible") {
        el.style.visibility = "visible";
    } else {
        el.style.visibility = el.style.visibility  == "visible" ? "hidden" : "visible";
    }
    }
}

function hideSecondDropDown()
{    
    showHide("secondmenu", "hidden");
}

$(document).ready(function(){

	$("#dynamicdropdownmenu img.arrow").click(function(){ 
								
		$("div.head_menu").removeClass('active');
		
		submenu = $(this).parent().parent().find("div.sub_menu");
				
		if(submenu.css('display')=="block"){
			$(this).parent().removeClass("active"); 	
			submenu.hide();															
		}else{
			$(this).parent().addClass("active"); 	
			submenu.fadeIn(); 	
				
		}
		
		$("div.sub_menu:visible").not(submenu).hide();
								
	})
	
	$("#dynamicdropdownmenu .head_menu a").click(function(){ 
								
		$("div.head_menu").removeClass('active');
		
		submenu = $(this).parent().parent().find("div.sub_menu");
				
		if(submenu.css('display')=="block"){
			$(this).parent().removeClass("active"); 	
			submenu.hide();															
		}else{
			$(this).parent().addClass("active"); 	
			submenu.fadeIn(); 	
				
		}
		
		$("div.sub_menu:visible").not(submenu).hide();
								
	})
	
	//.mouseover(function(){ $(this).attr('src','images/arrow_hover.png'); })
	.mouseout(function(){ 
		if($(this).parent().parent().find("div.sub_menu").css('display')!="block"){
			//$(this).attr('src','images/arrow.png');
			showHide("secondmenu", "visible"); 
		}else{
			//$(this).attr('src','images/arrow_select.png');
			//submenu.hide();				
		}		
	});

	$("#dynamicdropdownmenu div.head_menu").mouseover(function(){ $(this).addClass('over')})
								 .mouseout(function(){ $(this).removeClass('over') });
	
	$("#dynamicdropdownmenu div.sub_menu").mouseover(function(){ $(this).fadeIn(); })
							   .blur(function(){ 
							   		$(this).hide();
									$("div.head_menu").removeClass('active');
								});		
								
	$(document).click(function(event){ 		
			//alert("click me");
			var target = $(event.target);
			if (target.parents("#dynamicdropdownmenu").length == 0) {				
				$("#dynamicdropdownmenu div.head_menu").removeClass('active');
				$("#dynamicdropdownmenu div.sub_menu").hide();
				if(document.getElementById("secondmenu") != null)
				{
				    showHide("secondmenu", "visible");
				}    
			}
	});		  						   
								   
});