function swap(buttonName)
{
    var obj = document.getElementById(buttonName);
    var curSrc = obj.src;
    if (curSrc.indexOf('on') > -1)
        obj.src = "graphics/menu/" + buttonName + "_off.gif";
    else
        obj.src = "graphics/menu/" + buttonName + "_on.gif";
    //alert(obj.src);
}

function preLoad()
{
    var obj1 = new Image(); obj1.src = "graphics/menu/btn_about_off.gif";
    var obj2 = new Image(); obj2.src = "graphics/menu/btn_about_on.gif";
    var obj3 = new Image(); obj3.src = "graphics/menu/btn_aff_off.gif";
    var obj4 = new Image(); obj4.src = "graphics/menu/btn_aff_on.gif";
    var obj5 = new Image(); obj5.src = "graphics/menu/btn_apparel_off.gif";
    var obj6 = new Image(); obj6.src = "graphics/menu/btn_apparel_on.gif";
    var obj7 = new Image(); obj7.src = "graphics/menu/btn_lab_off.gif";
    var obj8 = new Image(); obj8.src = "graphics/menu/btn_lab_on.gif";
    var obj9 = new Image(); obj9.src = "graphics/menu/btn_approach_off.gif";
    var obj10 = new Image(); obj10.src = "graphics/menu/btn_approach_on.gif";
    var obj11 = new Image(); obj11.src = "graphics/menu/btn_psa_off.gif";
    var obj12 = new Image(); obj12.src = "graphics/menu/btn_psa_on.gif";
}

function swapSketch(ID)
{
    var obj = document.getElementById("imgSketch");
    document.getElementById("linkUndergarmets").style.fontWeight = "normal";
    document.getElementById("linkGloves").style.fontWeight = "normal";
    document.getElementById("linkWhoopie").style.fontWeight = "normal";
    document.getElementById("linkPark").style.fontWeight = "normal";
    document.getElementById("linkUndergarmets").style.color = "#e51b24";
    document.getElementById("linkGloves").style.color = "#e51b24";
    document.getElementById("linkWhoopie").style.color = "#e51b24";
    document.getElementById("linkPark").style.color = "#e51b24";
    
    if (ID == 1)
    {   //undergarmets
        obj.src = "graphics/lab_undergarmets.jpg";
        obj.style.height = "583px";
        document.getElementById("sketchShell").style.top = "166px";
        document.getElementById("linkUndergarmets").style.fontWeight = "bold";
        document.getElementById("linkUndergarmets").style.color = "#182E40";
    }
    else if (ID == 2)
    {   //gloves
        obj.src = "graphics/lab_gloves.jpg";
        obj.style.height = "583px";
        document.getElementById("sketchShell").style.top = "166px";
        document.getElementById("linkGloves").style.fontWeight = "bold";
        document.getElementById("linkGloves").style.color = "#182E40";
    }
    else if (ID == 3)
    {   //whoopie
        obj.src = "graphics/lab_whoopie.jpg";
        obj.style.height = "583px";
        document.getElementById("sketchShell").style.top = "166px";
        document.getElementById("linkWhoopie").style.fontWeight = "bold";
        document.getElementById("linkWhoopie").style.color = "#182E40";
    }
    else if (ID == 4)
    {   //whoopie
        obj.src = "graphics/lab_park.jpg";
        obj.style.height = "647px";
        document.getElementById("sketchShell").style.top = "121px";
        document.getElementById("linkPark").style.fontWeight = "bold";
        document.getElementById("linkPark").style.color = "#182E40";
    }
    return false;
}

var selectedChart = 0;
function flipChart(ChartID,setChart)
{
    var obj = document.getElementById("imgChart");
    obj.src = "graphics/chart/" + ChartID + ".jpg";
    if (setChart == true)
        selectedChart = ChartID;
    return false;
}
function resetChart()
{
    //if (selectedChart == 0)
    //    document.getElementById("imgChart").src = "graphics/chart/start.jpg";
}
function showDrop()
{
    document.getElementById("dropmenu").style.display = "block";
    document.getElementById("btn_aff").src = "graphics/menu/btn_aff_on.gif";
}
function hideDrop()
{
    document.getElementById("dropmenu").style.display = "none";
    document.getElementById("btn_aff").src = "graphics/menu/btn_aff_off.gif";
}

window.onload = preLoad;