var MENU_FOCUSED = false;
var MENU_NAME = '';

IE4 = (document.all) ? 1 : 0;       // browser is Internet Explorer 4
NS4 = (document.layers) ? 1 : 0;    // browser is Netscape 4

ver4 = (IE4 || NS4) ? 1 : 0;  // know that we have version 4 browser
                              // this will be required for non-dhtml browsers

function setMenuFocused() {
	MENU_FOCUSED = true;
}
function startHideMenu(whichElement) {
	MENU_FOCUSED = false;
	MENU_NAME = whichElement;
	setTimeout("hideMenu()", 2000);
	return;
} // end startHideMenu()

function hoverMenu(whichElement,status,whichImage) {
	
arrayOfLayers = ['products','brands'];
maxNbrOfLayers = 2;

replaceHeaderImage(whichImage);
	
	if (status == true) {
		setMenuFocused()
	    vis = 'visible';
	}
	else if (status == false) {
	   vis = 'hidden';
	}


	  // checking which browser
	  if (IE4) {
    	 for (i=0;i<maxNbrOfLayers;i++) {
        	 layerName = arrayOfLayers[i];
	         if (layerName == whichElement) {
    	        // get its index first
        	    layerIndex = i;
            	theElement = eval("document.all." + arrayOfLayers[i] + ".style");
            	theElement.visibility=vis;
    	     } // check if layer exists
        	 else {
	            theElement = eval("document.all." + arrayOfLayers[i] + ".style");
    	        theElement.visibility='hidden'; 
        	 } // set other layers to hidden
	     } // end if for loop
 	  } // end of IE4

	  else if (NS4) { // netscape or similar browser
	     for (i=0;i<maxNbrOfLayers;i++) {
    	     layerName = arrayOfLayers[i];
	         if (layerName == whichElement) {
    	        // get its index first
	            layerIndex = i;
    	        theElement = eval("document." + arrayOfLayers[i]);
	            theElement.visibility=vis; 
    	     } // check if layer exists
	         else {
	            theElement = eval("document." + arrayOfLayers[i]);         
    	        theElement.visibility='hidden'; 
        	 } // set other layers to hidden
	     } // end if for loop
	  } // end of NS
	  else { // for Opera browser
	     for (i=0;i<maxNbrOfLayers;i++) {
    	     layerName = arrayOfLayers[i];
        	 if (layerName == whichElement) {
	            // get its index first
    	        layerIndex = i;
        	    theElement = eval(document.getElementById(arrayOfLayers[i])).style;  
	            theElement.visibility=vis; 
    	     } // check if layer exists
	         else {
    	        theElement = eval(document.getElementById(arrayOfLayers[i])).style;  
        	    theElement.visibility='hidden'; 
	         } // set other layers to hidden
	     } // end if for loop
	  } // end of Opera

} // end hoverOver function

function hideMenu() {
	if (!MENU_FOCUSED) hoverMenu(MENU_NAME,false,'');
	return;
}


function hoverMenuWithoutHide(whichElement,status,whichImage) {
arrayOfLayers = ['audio_and_video','video','computer_and_peripherals','big_kitchen_appliances','small_kitchen_appliances','home_and_garden'];
maxNbrOfLayers = 6;

//replaceRightHeaderImage(whichImage)
	if (status == true) {
		setMenuFocused()
	    vis = 'visible';
	}
	else if (status == false) {
	   vis = 'hidden';
	}


	  // checking which browser
	  if (IE4) {
    	 for (i=0;i<maxNbrOfLayers;i++) {
        	 layerName = arrayOfLayers[i];
	         if (layerName == whichElement) {
    	        // get its index first
        	    layerIndex = i;
            	theElement = eval("document.all." + arrayOfLayers[i] + ".style");
	            theElement.visibility=vis;
    	     } // check if layer exists
    	     
	     } // end if for loop
 	  } // end of IE4

	  else if (NS4) { // netscape or similar browser
	     for (i=0;i<maxNbrOfLayers;i++) {
    	     layerName = arrayOfLayers[i];
	         if (layerName == whichElement) {
    	        // get its index first
	            layerIndex = i;
    	        theElement = eval("document." + arrayOfLayers[i]);
	            theElement.visibility=vis; 
    	     } // check if layer exists
	     } // end if for loop
	  } // end of NS
	  else { // for Opera browser
	     for (i=0;i<maxNbrOfLayers;i++) {
    	     layerName = arrayOfLayers[i];
        	 if (layerName == whichElement) {
	            // get its index first
    	        layerIndex = i;
        	    theElement = eval(document.getElementById(arrayOfLayers[i])).style;  
	            theElement.visibility=vis; 
    	     } // check if layer exists
	     } // end if for loop
	  } // end of Opera

} // end hoverOver function