$(document).ready(function(){
    
    // SETS THE SUB MENU DISPLAY ON HOVER
    $("#menu ul li ul").css("display","none")
    $("#menu ul li ul").mouseenter(function(){
        $(this).css("display","block")}).mouseleave(function(){
        $(this).css("display","none")
    });
    $("#menu li").mouseenter(function(){
        $(this).children("ul").css("display","block");
        }).mouseleave(function(){
        setTimeout("",1000);
        $(this).children("ul").css("display","none")
    });
});  

function changeSprite(id)
{
    var menuItem = $("#" + id);
    switch (id)
    {
        case 'li1':        
            menuItem.css("background-position","0px 0px")        
            break;
        
        case 'li2':
            menuItem.css("background-position","-69px -28px")
            break;
        
        case 'li3':
            menuItem.css("background-position","-163px -56px")
            break;
        
        case 'li4':
            menuItem.css("background-position","-289px -84px")
            break;
        
        case 'li5':
            menuItem.css("background-position","-389px -112px")
            break;
        
        case 'li6':
            menuItem.css("background-position","-521px -140px")
            break;
        
        case 'li7':
            menuItem.css("background-position","-658px -168px")
            break;
        
        case 'li8':
            menuItem.css("background-position","-778px -196px")
            break;
        
        default:
            menuItem.css("background-position","0px 0px")        
            break;
    }
}