var menu0done    = 0;
var menu1done    = 0;
var menu2done    = 0;
var menu3done    = 0;

function activatemenu(id, storedlocation, menu, title) 
{
    var trackerID;
    $(id).mouseover(function()
    {                     
        if(eval(storedlocation) == 0) 
        {
            trackerID = window.setTimeout('showMenu("' + storedlocation + '","' + menu + '","' + title + '")',350);
        } 
        else 
        { 
            window.clearTimeout(trackerID); 
        }
    });
    
    $(id).mouseout(function() 
    {
        window.clearTimeout(trackerID);
        trackerID = window.setTimeout('clearMenu("' + storedlocation + '","' + menu + '","' + title + '")',250);
    }); 
}

function showMenu(storedlocation, menu, title) 
{
        eval(storedlocation+"=1;");
        $(title).show("");
        $(menu).slideDown("fast"); 
}
function clearMenu(storedlocation, menu, title) 
{
        eval(storedlocation+"=0;");
        $(menu).stop();
        $(menu).hide("");
        $(title).hide("");
}

$(document).ready(function(){
    var i=0;
    var prodmenu = $("#prodMenu li.menuli");
    var t = 0;
    for (t=0; t<4; t++) {
        var select = '#id_li'+t;
        var elem = $(select);
        var id = elem.attr('id');
        var menu = elem.find("div.prodDiv").attr('id');
        var title = elem.find("div.titleDiv").attr('id');
        activatemenu("#"+id,"menu"+i+"done","#"+menu,"#"+title);
        i++;        
    }
    /*
    prodmenu.each(function(){
        debugger;
        var id = $(this).attr('id');
        var menu = $(this).find("div.prodDiv").attr('id');
        var title = $(this).find("div.titleDiv").attr('id');
        activatemenu("#"+id,"menu"+i+"done","#"+menu,"#"+title);
        i++;
    });
    */
    /*
    $("#prodMenu li").hover(function(){
        $(this).find('div.titleDiv').show();
        $(this).find('div.prodDiv').slideDown();
    },function(){
        $(this).find('div.prodDiv').slideUp('fast');
        $(this).find('div.titleDiv').hide();
    });
    */
});

