/// <reference path="jquery/jquery-1.3.2.min.js"/>
// This script is from http://javascript-array.com/scripts/jquery_simple_drop_down_menu/
function closeMenu() {
    if (ddmenuitem) {
        //window.status = opencloseIndex++;
        ddmenuitem.css('visibility', 'hidden');
        $(ddmenu).removeClass('hover');
    }
}

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

function openMenu()
{  
	cancelTimer();
	closeMenu();

	ddmenuitem = $(this).find('ul').css('visibility', 'visible');
	ddmenu = $(this).find('div').addClass('hover');
}

$(document).ready(function() {
    timeout = 500;
    closetimer = 0;
    opencloseIndex = 0;
    ddmenuitem = 0;
    ddmenu = 0;

    // Get the first li class elements and bind the mouse over and out events
    $('#shopMenuDropdown > li').bind('mouseover', openMenu);
    $('#shopMenuDropdown > li').bind('mouseout', function() { closetimer = window.setTimeout(closeMenu, timeout); });
});

document.onclick = closeMenu;