var curImageDiv;

function initLeftNavImage ( strDivId ) {
	curImageDiv = document.getElementById('leftNavImageDefault');
	if ( newImageDiv = document.getElementById('leftNavImage'+strDivId) ) {
		curImageDiv.style.visibility = 'hidden';
		newImageDiv.style.visibility = 'visible';
		curImageDiv = newImageDiv;
	}
}

function fnLeftNavImageChange( strDivId )
{
	if (objImageDiv = document.getElementById('leftNavImage'+strDivId) ) {

		curImageDiv.style.visibility = 'hidden';		// Hide the current one
		objImageDiv.style.visibility = 'visible';		// Display the new one
		curImageDiv = objImageDiv;						// Swap the newly visible one to current
	}
	else {
		curImageDiv.style.visibility = 'hidden';		// Hide the current one
		curImageDiv = document.getElementById('leftNavImageDefault');
		curImageDiv.style.visibility = 'visible';
	}
}


function fnLeftNavMouseOver( objLink, strColor, strDivId )
{
	objLink.style.color = '#' + strColor;
	fnLeftNavImageChange(strDivId);
}

function fnLeftNavMouseOut ( objLink, strColor, strDivId )
{
	objLink.style.color = '#' + strColor;
	fnLeftNavImageChange(strDivId);
}









function activateMenu(nav) {
    /* currentStyle restricts the Javascript to IE only */
	if (document.all && document.getElementById(nav).currentStyle) {  
		var navroot = document.getElementById(nav);
        /* Get all the list items within the menu */
        var lis=navroot.getElementsByTagName("LI");  
		for (i=0; i<lis.length; i++) {
            /* If the LI has another menu level */
            if(lis[i].lastChild.tagName=="UL"){
                /* assign the function to the LI */
             	lis[i].onmouseover=function() {		
                   /* display the inner menu */
                   this.lastChild.style.display="block";
      			}
				lis[i].onmouseout=function() {                       
                    this.lastChild.style.display="none";
				}
            }
		}
	}
}

/* I do this differently on the test page to fix a problem float container problem in IE5 Mac*/
/*Uncomment the function below*/

window.onload= function(){
    activateMenu('verticalMenuHolder');
}