/* Enter the names of all menu images (see img tags) in the following array, including the arrow;
           use the characters a-z and the numbers 0-9 only, no special characters and underscores;
           the first part of the name of the arrow image must always be assigned to the first array element (element [0]);
		   example: arrow image name = "arrowmenu1", element[0] = "arrow" */

        var imagesMenu  = new Array("arrow", "menu1", "menu2", "menu3", "menu4", "menu5", "menu6");
		var arrowName   = imagesMenu[0];
		var layerPrefix = "sub";

        /* Pre-loading the menu images for mouse over and out */
        var imagesMenuOn   = new Array(imagesMenu.length);
        var imagesMenuOff  = new Array(imagesMenu.length);
		var imagesMenuPath = "/wpix/menu/";
		
        for (i=0; i<imagesMenu.length; i=i+1)
          {
            imageMenuName = imagesMenu[i];
            imageMenuName = imagesMenu[i];
            imagesMenuOn[imageMenuName]  = new Image();
            imagesMenuOff[imageMenuName] = new Image();
            imagesMenuOn[imageMenuName].src  = imagesMenuPath + imageMenuName + "_on.gif";
            imagesMenuOff[imageMenuName].src = imagesMenuPath + imageMenuName + "_off.gif";
          }

        /* The function handling the event "onMouseOver" */
        function handleMouseOver(menu)
          {
            document.images[menu].src = imagesMenuOn[menu].src;
			handleLayers(menu);
          }

        /* The function handling the event "onMouseOut" */
        function handleMouseOut(menu)
          {
            document.images[menu].src = imagesMenuOff[menu].src;
          }

        /* The function handling the layers */
		var visibleLayerName = "";
        function handleLayers(menu)
          {
            var imageObjectPrevious, imageObjectNext, layerObjectPrevious, layerObjectNext;
			if (document.getElementById || document.all || document.layers)
			  {
                imageObjectPrevious = document.images[arrowName+visibleLayerName];
				imageObjectNext     = document.images[arrowName+menu];
				if (imageObjectPrevious) { imageObjectPrevious.src = imagesMenuOff[arrowName].src;  /* the arrow */ }
				if (imageObjectNext)     { imageObjectNext.src     = imagesMenuOn[arrowName].src;   /* the arrow */ }

			         if (document.getElementById)
			           {
			             layerObjectPrevious = document.getElementById(layerPrefix+visibleLayerName);
						 layerObjectNext     = document.getElementById(layerPrefix+menu);
						 if (layerObjectPrevious) { layerObjectPrevious.style.visibility = "hidden"; }
				         if (layerObjectNext)     { layerObjectNext.style.visibility     = "visible"; }
			           }
			    else if (document.all)
			           {
			             layerObjectPrevious = document.all[layerPrefix+visibleLayerName];
						 layerObjectNext     = document.all[layerPrefix+menu];
						 if (layerObjectPrevious) { layerObjectPrevious.style.visibility = "hidden"; }
				         if (layerObjectNext)     { layerObjectNext.style.visibility     = "visible"; }
			           }
			    else if (document.layers)
			          {  window.status = "document.layers";
			             layerObjectPrevious = document.layers[layerPrefix+visibleLayerName];
						 layerObjectNext     = document.layers[layerPrefix+menu];
						 if (layerObjectPrevious) { layerObjectPrevious.visibility = "hide"; }
						 if (layerObjectNext)     { layerObjectNext.visibility     = "show"; }
			          }
			  }
            visibleLayerName = menu; 
          }

        /* The function postioning the layers */
        function positionLayers()
          {
            var imageMenuName, imageObject, layerObject;
			platform = navigator.platform;
			browser  = navigator.appName;
			platform = platform.toLowerCase(navigator.platform);
			browser  =  browser.toLowerCase(navigator.appName);
            if (platform.indexOf("mac") > (-1) && browser.indexOf("microsoft internet explorer") > (-1))
                 { isMacIE = true; }
            else { isMacIE = false; }
			if (!isMacIE && (document.getElementById || document.all || document.layers))
			  {
			    for (i=0; i<imagesMenu.length; i=i+1)
				  {
			        imageMenuName = imagesMenu[i];

			             if ((document.getElementById || document.all) && imageMenuName != arrowName)
			               {
						     imageObject = document.images[imageMenuName];

							      if (document.getElementById)
								    { layerObject = document.getElementById(layerPrefix+imageMenuName); }
						     else if (document.all)
							        { layerObject = document.all[layerPrefix+imageMenuName]; }

							 if (imageObject && layerObject)
							   {								 
			                     xPos = imageObject.offsetLeft;
			                     prnt = imageObject.offsetParent;
			                     while (prnt!= null) { xPos += prnt.offsetLeft; prnt= prnt.offsetParent; }

			                     yPos = imageObject.offsetTop;
			                     prnt = imageObject.offsetParent;
			                     while (prnt!= null) { yPos += prnt.offsetTop;  prnt= prnt.offsetParent; }
								 
								 layerObject.style.left = xPos + 130;
							     layerObject.style.top  = yPos;
							   }
			               }

			        else if (document.layers && imageMenuName != arrowName)
			               {
			                 imageObject = document.images[imageMenuName];
			                 layerObject = document.layers[layerPrefix+imageMenuName];
							 if (imageObject && layerObject)
							   { layerObject.left = imageObject.x + 130;
							     layerObject.top  = imageObject.y; }
			               }

				  }
			  }
          }

        /* The function handling the event "onChange" */
        function handleChange(formName)
          {
            for (i=0; i<formName.selection.length; i++) /* "selection" is the name of the select tag */
              {
                /* If the value parameter of the selected input field is not empty */
                if ((formName.selection.options[i].selected) && (formName.selection.options[i].value != ""))
                  {
                    /* then go to the URL which is stored in the value of the input field */
                    url = formName.selection.options[i].value;
                    self.location = url;
                  }
              }
          }