var timeout         = 00;
var closetimer		= 0;
var ddmenuitem      = 0;
var obj = 0;
function jsddm_open()
{	jsddm_canceltimer();
	jsddm_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
	if(ddmenuitem)
	{
		obj = $(this).find('img').eq(0); 
		obj.attr('osrc', obj.attr('src'));
		var pos = obj.attr('src').lastIndexOf(".");
		var name = obj.attr('src').substr(0, pos);
		var ext = obj.attr('src').substr(pos);
		obj.attr('src', (name+"_hover"+ext));	
	}
}

function jsddm_close()
{	
	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
	if(obj)obj.attr('src', obj.attr('osrc'));
}
	

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

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

$(document).ready(function()
{	
	$('#jsddm > li.sub').bind('mouseover', jsddm_open);
	$('#jsddm > li.sub').bind('mouseout',  jsddm_timer);
	$('#jsddm a').hover(function(){$(this).addClass('hover')}, function(){$(this).removeClass('hover')});
});

document.onclick = jsddm_close;