//Designer: Set the total number of rollovers in count.
//Developer: Set the image root
var Count=5, ImageRoot="/app_themes/chca/";

//Dont touch this...
var navOn=Array(), navOff=Array();
for(var i=0;i<Count+1;i++) { navOn[i]=new Image(); navOff[i]=new Image(); }
function switchImage(imgDocID,imgObjName) { document[imgDocID].src = eval(imgObjName + ".src"); }

//Designer: Set all image urls.
navOn[1].src  = ImageRoot + "images/nav_about_on.jpg";
navOff[1].src  = ImageRoot + "images/nav_about_off.jpg";
navOn[2].src  = ImageRoot + "images/nav_services_on.jpg";
navOff[2].src  = ImageRoot + "images/nav_services_off.jpg";
navOn[3].src  = ImageRoot + "images/nav_resources_on.jpg";
navOff[3].src  = ImageRoot + "images/nav_resources_off.jpg";
navOn[4].src  = ImageRoot + "images/nav_news_on.jpg";
navOff[4].src  = ImageRoot + "images/nav_news_off.jpg";
navOn[5].src  = ImageRoot + "images/nav_members_on.jpg";
navOff[5].src  = ImageRoot + "images/nav_members_off.jpg";



function SetId(id)
{
alert('id = '+id);
}

//store previous static menu item
prevStaticItem = null;

chcaInterval = 0;

function switchTheImage(event)
{
    var theImage = event.target || event.srcElement;
  
    //there was a prev, reset it back to off state!
    if(prevStaticItem != null)
    {
        document.getElementById(prevStaticItem).src = document.getElementById(prevStaticItem).src.replace("hover.jpg", "off.jpg");
    }
    
    //alert(theImage.src + "\n"+ document.location.href);
    
    //alert(theImage.src);
    
    //alert('curId = '+prevStaticItem);
    
    /*
    if(theImage.src.indexOf("nav_AboutUs_hover.jpg") > 0)
        alert('abt');
    else if (theImage.src.indexOf("nav_Services_hover.jpg") > 0)
        alert('svc');
    else if (theImage.src.indexOf("nav_Resources_hover.jpg") > 0)
        alert('rsc');
    else if (theImage.src.indexOf("nav_NewsEvents_hover.jpg") > 0)
        alert('nevt');
    else if (theImage.src.indexOf("nav_OurMembers_hover.jpg") > 0)            
        alert('mem');
       */
       
        
    
    if (theImage.src.indexOf("off.jpg") > -1)
    {
        theImage.src = theImage.src.replace("off.jpg", "hover.jpg");       
        //if we're setting its hover state, then make it the previous item
        prevStaticItem = theImage.getAttribute('id');
    }
    else
    {
        //do this only if mouse over another item
        if(prevStaticItem != theImage.getAttribute('id'))
        theImage.src = theImage.src.replace("hover.jpg", "off.jpg");
    }      
 }