var dropmenu = new Array();
dropmenu['drop1']= false;
dropmenu['drop2']= false;
dropmenu['drop3']= false;

var subdropmenu = new Array();
subdropmenu['subdrop1']= false;
subdropmenu['subdrop2']= false;
subdropmenu['subdrop3']= false;
subdropmenu['subdrop4']= false;

function drop(itemover, itemnum, subitem, color) {
    if(itemnum != "") {
        document.getElementById(itemnum).style.backgroundColor = color;
        document.getElementById(itemnum).style.backgroundImage = 'none';
    }
    if(itemover != "") {
        document.getElementById(itemover).style.backgroundColor = color;
        document.getElementById(itemover).style.backgroundImage = 'none';
    }
    var sub = document.getElementById(subitem);
    if(sub != null) {
        sub.style.display = 'inline';
        sub.style.visibility = 'visible';
    }

}

function undrop(itemover, itemnum, subitem, color) {
    //alert("hello world " + dropmenu[subitem]);
    if(dropmenu[subitem] != true) {
        if(itemover != "") {
            document.getElementById(itemover).style.backgroundColor = color;
        }
        if(itemnum != "") {
            document.getElementById(itemnum).style.backgroundColor = color;
        }
        var sub = document.getElementById(subitem);
        if(sub != null) {
            sub.style.display = 'none';
            sub.style.visibility = 'hidden';
        }
    }
}

function setVar(item) {
    dropmenu[item] = true;
    //alert('hello setVar ' + item + ' & dropmenu ' + dropmenu[item]);

}

function unsetVar(itemover, item, subitem, color) {
    dropmenu[subitem] = false;
    //alert('hello unsetVar ' + item + ' & dropmenu ' + dropmenu[item]);
    undrop(itemover, item, subitem, color);
}

function dropsub(subitem) {
    var sub = document.getElementById(subitem);
    if(sub != null) {
        sub.style.display = 'inline';
        sub.style.visibility = 'visible';
    }
}

function changeColor(itemover, item, color) {

    if(itemover != "") {
        document.getElementById(itemover).style.backgroundColor = color;
        document.getElementById(itemover).style.backgroundImage = 'none';
    }
    if(item != "") {
        document.getElementById(item).style.backgroundColor = color;
        document.getElementById(item).style.backgroundImage = 'none';
    }
}