//var timeout	= 300;
//var closetimer	= 0;
//var ddmenuitem	= 0;

//// open hidden layer
//function mopen(id)
//{	
//	// cancel close timer
//	mcancelclosetime();

//	// close old layer
//	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
//	
//	// get new layer and show it
//	ddmenuitem = document.getElementById(id);
//	ddmenuitem.style.visibility = 'visible';
//	ddimageitemtop = document.getElementById(id+'_image_top');
//	ddimageitemtop.style.visibility = 'visible';
//	ddimageitembottom = document.getElementById(id+'_image_bottom');
//	ddimageitembottom.style.visibility = 'visible';

//}
//// close showed layer
//function mclose()
//{
//	if(ddimageitemtop) ddimageitemtop.style.visibility = 'hidden';
//	if(ddimageitembottom) ddimageitembottom.style.visibility = 'hidden';
//	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
//}

//// go close timer
//function mclosetime()
//{
//	closetimer = window.setTimeout(mclose, timeout);
//}

//// cancel close timer
//function mcancelclosetime()
//{
//	if(closetimer)
//	{
//		window.clearTimeout(closetimer);
//		closetimer = null;
//	}
//}

//// close layer when click-out
//document.onclick = mclose;


$(document).ready(function() 
{
    $('#sddm li').bind("mouseover", function(event) 
    {
        $(this).find('div.menu_on').removeClass('hidden');
        $(this).find('div.menu_off').removeClass('visible');
        $(this).find('div.menu_on').addClass('visible');
        $(this).find('div.menu_off').addClass('hidden');
        
        $(this).find('.submenu').addClass('visible');
    });
    
    $('#sddm li').bind("mouseout", function(event) 
    {        
        $(this).find('div.menu_on').removeClass('visible');
        $(this).find('div.menu_off').removeClass('hidden');
        $(this).find('div.menu_on').addClass('hidden');
        $(this).find('div.menu_off').addClass('visible');
        
        $(this).find('.submenu').removeClass('visible');
    });
});