// JScript File
var modelArr = new Array("170-Versatile", "190-Popular", "190-Versatile", "210-Popular", "210-Versatile", "RS-Adventurous", "SS-Agile", "SS-Ideal");
var itemLocked
var prevLocked

function displayModel(modelType, eventType)
{
    unlockModel(modelType);
    var modelDiv = document.getElementById(modelType);

    if(eventType=="over")
    {
        //modelDiv.setAttribute('class', 'ModelsDropDownVisible');
        modelDiv.className = 'ModelsDropDownVisible';
    }
    else
    {
        //modelDiv.setAttribute('class', 'ModelsDropDown');
        modelDiv.className = 'ModelsDropDown';
    }
    
}




function lockModel(modelType)
{
    unlockModel(modelType);
    var modelButtons = document.getElementById(modelType + "Buttons");
    var modelsMenu = document.getElementById('subMenuID');
    
    modelButtons.className = 'ButtonsVisible';

    setMenuOptions("disable");    

    modelsMenu.style.visibility = 'hidden';
    
    itemLocked = modelType;
}


function unlockModel(modelType)
{
    for(x=0;x<modelArr.length;x++)
    {
       if(modelArr[x]!=modelType)
       {
            var modelItem = document.getElementById(modelArr[x]);
       
            modelItem.className = 'ModelsDropDown'; 
       }
    }
}


function setMenuOptions(type)
{

    for(menuCnt in modelArr)
    {
        if(type=="disable")
        {
            var menuLink = document.getElementById(modelArr[menuCnt]+"Link");
            menuLink.onmouseout = '';
            menuLink.onmouseover = '';
        }
        else
        {
            setMenuLink(modelArr[menuCnt]);
        }
    }


}



function setMenuLink(menuName)
{
    var menuLink = document.getElementById(menuName+"Link");

    menuLink.onmouseout = function()
    {
        displayModel(menuName, 'out');
    }
    
    
    menuLink.onmouseover = function()
    {
        displayModel(menuName, 'over');
    }
}




function changeMainMenu()
{
    var modelsMenu = document.getElementById('subMenuID');
    
    modelsMenu.style.visibility = '';
    
    //Make sure all model buttons have the proper class assigned.
    if(itemLocked!=null)
    {
        var modelButtons = document.getElementById(itemLocked + "Buttons");
        //modelButtons.className = 'ButtonsCSS';
        itemLocked = '';
    }

    setMenuOptions("enable");
    
}


function showButtons()
{
     var modelsButtons = document.getElementById('ButtonsID');
   
    modelsButtons.className = "Buttons"    
}

function hideButtons()
{
     var modelsButtons = document.getElementById('ButtonsID');

    modelsButtons.className = "ButtonsHide";    
}