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

function navOpen(){
    navCancelTimer();
    navClose();
	ddmenu = $(this);
    ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
	$(this).css({
		backgroundImage: "url(/assets/img/nav-on.png)",
		color: "#969696"
	});
}

function navClose(){
	if (ddmenu) {
		if(ddmenu.index() != 3){
		 ddmenu.css("background-image","url(/assets/img/nav-bg.png)");
	} else {
		 ddmenu.css("background-image","url(/assets/img/nav-end-bg.png)");
	}
       
	}
    if (ddmenuitem) {
        ddmenuitem.css('visibility', 'hidden');
	}
}

function navTimer(){
    closetimer = window.setTimeout(navClose, timeout);
}

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

$(document).ready(function(){
    $('#nav > li').bind('mouseover', navOpen);
    $('#nav > li').bind('mouseout', navTimer);
});

document.onclick = navClose;