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

function replace_image()
{
	if( $(this).attr("src").indexOf("_up.jpg") != '-1' )
	{
		$(this).attr("src", $(this).attr("src").replace("_up.jpg", "_over.jpg") );
	}
	else
	{
		$(this).attr("src", $(this).attr("src").replace("_over.jpg", "_up.jpg") );
	}
}

function jsddm_open()
{	

	jsddm_canceltimer();
	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
	$("#menuSystem").css("height", "600");
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}
	

function jsddm_close()
{	$("#menuSystem").css("height", "30");
	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

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

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

$(document).ready(function()
{	$('#jsddm > li').bind('mouseover', jsddm_open);
	$('#jsddm > li').bind('mouseout',  jsddm_timer);
	$(".topnav_image").bind('mouseover', replace_image);
	$(".topnav_image").bind('mouseout', replace_image);
});

document.onclick = jsddm_close;