$(document).ready(function(){

		
		
	var timeout    = 500;
	var closetimer = 0;
	var ddmenuitem = 0;
	var topmenu = '';

	function jsddm_open()
	{	jsddm_canceltimer();
		jsddm_close();
		topmenu = $(this);
		$(this).addClass("level-one-hover");
		ddmenuitem = $(this).find('ul.sub-menu').css('display', 'block');
		var position = $(this).find('ul.sub-menu').find('.position').html();
		var custom_width = $(this).find('ul.sub-menu').find('.custom-width').html();

		if (custom_width) {
			$(this).find('ul.sub-menu').css("width", custom_width + "px");
			//		alert($(this).find('ul.sub-menu').css("width"));
			// ddmenuitem.css("width", custom_width);
			// alert();
		}
		var width_dropdown = $(ddmenuitem).width();
		var width_topmenu = $(topmenu).width();
		
		ddmenuitem.find("DIV.line-border-hide").css("width", topmenu.width()+30); // adjust the width of line class to hide the line between the two menus
		if (position=="left") {
			ddmenuitem.css("left", -1);	// align side border
			ddmenuitem.find("DIV.line-border-hide").css("margin-left", 0);
		} else {
			ddmenuitem.css("left", 0 - (width_dropdown - width_topmenu) +29);	// align side border
			ddmenuitem.find("DIV.line-border-hide").css("margin-left", width_dropdown - width_topmenu - 30);
		}
		
// alert(width_box);	
//		ddmenuitem.css("top", 25);	// align bottom border
//		var ddmenuitemInitTop = ddmenuitem.css("top").replace("px", "");

	}

	function jsddm_close()
	{  if(ddmenuitem) {
		topmenu.removeClass("level-one-hover");
		ddmenuitem.css('display', 'none'); }
	}
	
	function jsddm_timer()
	{  closetimer = window.setTimeout(jsddm_close, timeout);}
	
	function jsddm_canceltimer()
	{  if(closetimer)
	   {  window.clearTimeout(closetimer);
	      closetimer = null;}}
	
	$('ul#nav-dropdown > li.main-item').bind('mouseover', jsddm_open);
	$('ul#nav-dropdown > li.main-item').bind('mouseout',  jsddm_timer);

	document.onclick = jsddm_close;

});


/*
$(document).ready(function(){

    $("ul#nav-dropdown li").hover(function(){
    
        $(this).addClass("hover");
        $('ul.sub-menu:first',this).css('visibility', 'visible');
    
    }, function(){
    
        $(this).removeClass("hover");
        $('ul.sub-menu:first',this).css('visibility', 'hidden');
    
    });
    
//    $("ul#nav-dropdown li ul.sub-menu li:has(ul.sub-menu)").find("a:first").append(" » ");

});

*/