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

function menubar_open()
{  
	menubar_canceltimer();
	menubar_close();
	ddmenuitem = $(this).find('ul').css('visibility', 'visible');
}

function menubar_close()
{
	if(ddmenuitem)
	{
		ddmenuitem.css('visibility', 'hidden');
		$('#iw-menubar').parent().css('background-position', '0px 0px');
	}
}

function menubar_timer()
{
	closetimer = window.setTimeout(menubar_close, timeout);
}

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

$(document).ready(function()
	{  
		$('#iw-menubar > ul > li').bind('mouseover', menubar_open);
		$('#iw-menubar > ul > li').bind('mouseout',  menubar_timer);
		$('#iw-menubar > ul > li:nth-child(1)').width(202);
		$('#iw-menubar > ul > li:nth-child(2)').width(112);
		$('#iw-menubar > ul > li:nth-child(3)').width(168);
		$('#iw-menubar > ul > li:nth-child(1)').bind('mouseover', function() { $('#iw-menubar').parent().css('background-position', '-630px 0px'); });
		$('#iw-menubar > ul > li:nth-child(2)').bind('mouseover', function() { $('#iw-menubar').parent().css('background-position', '-1260px 0px'); });
		$('#iw-menubar > ul > li:nth-child(3)').bind('mouseover', function() { $('#iw-menubar').parent().css('background-position', '-1890px 0px'); });
		$('#iw-menubar > ul > li:nth-child(4)').bind('mouseover', function() { $('#iw-menubar').parent().css('background-position', '-2520px 0px'); });
		$('#iw-menubar').parent().attr('class', 'menubar');
	}
);

document.onclick = menubar_close;