function togglePicks(id, league_id) {
    var dom_id = "picks_"+id+"_"+league_id;
    var link_id = "link_"+id+"_"+league_id;
    if($(dom_id).empty()) {
        var url = "/picks/"+id;
        $(dom_id).update('<img src="/images/ajax-loader.gif" alt="">')
        new Ajax.Request(url, {
            method: 'get',
            onSuccess: function(transport){
                $(dom_id).update(transport.responseText);
            }
        });
    }
    $(dom_id).toggle();
    if($(link_id).innerHTML == 'view picks') {
        $(link_id).innerHTML = 'hide picks';
    }
    else {
        $(link_id).innerHTML = 'view picks';
    }
}

var timeout = 400;
var closetimer  = 0;
var ddmenuitem  = 0;

function mopen(id) {   
    mcancelclosetime();
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
    ddmenuitem = document.getElementById(id);
    ddmenuitem.style.visibility = 'visible';

}

function mclose() {
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}


function mclosetime() {
    closetimer = window.setTimeout(mclose, timeout);
}

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

document.onclick = mclose; 

document.observe("dom:loaded", function(){
    $$(".control").each(function(e){
        e.observe("click", function(e){this.next("ul").toggle();if(this.innerHTML == "hide"){this.innerHTML = "show"} else {this.innerHTML = "hide"}});
    });
    $$("#menu .main").each(function(ele){
        if($(ele.id+"_dd") != null) {
            ele.observe("mouseout", function(){
                mclosetime();
            });
            ele.observe("mouseover", function(){
                mopen(ele.id+"_dd");
            });
        }
    });
});