//javascript required for button bar in flypages
if (document.images) {
   var i = 0;
   var title = "";
   var selected = "";
   var isIE = false;
   var textSlab = "";
   var theDiv;

   var data = new Array();//text data loaded after html is read in
   var menuBar = new Array();//array containing image names
   var offImgArray = new Array();//where the precached 'on' images will reside
   var onImgArray = new Array();//where the precached 'off' images will reside

}

function imageOn(imgName){
   if (document.images) {
      if(isIE){
         document.all[imgName].src = onImgArray[imgName].src;
      }
      else
        document.images[imgName].src = onImgArray[imgName].src;
   }
}

function imageOff(imgName) {
   if (document.images) {
      if(imgName!=selected){
         if(isIE){
            document.all[imgName].src = offImgArray[imgName].src;
         }
         else
           document.images[imgName].src = offImgArray[imgName].src;
      }
   }
}

function setMsg(msg) {
   window.status = msg;
   return true;
}

function loadData(){
   if(navigator.appName=="Microsoft Internet Explorer")
      isIE = true;

   menuBar[0] = new Array("Features", "/ps_image/tab_features.jpg", "/ps_image/tab_features_on.jpg");
   menuBar[1] = new Array("Specifications", "/ps_image/tab_specifications.jpg", "/ps_image/tab_specifications_on.jpg");
   menuBar[2] = new Array("Images", "/ps_image/tab_images.jpg", "/ps_image/tab_images_on.jpg");
   menuBar[3] = new Array("Accessories", "/ps_image/tab_accessories.jpg", "/ps_image/tab_accessories_on.jpg");
   menuBar[4] = new Array("Warranty", "/ps_image/tab_warranty.jpg", "/ps_image/tab_warranty_on.jpg");
   menuBar[5] = new Array("Freight", "/ps_image/tab_freight.jpg", "/ps_image/tab_freight_on.jpg");

   for(i=0; i<menuBar.length; i++){
      title = menuBar[i][0];
      offImgArray[title] = new Image();
      offImgArray[title].src = menuBar[i][1];
      onImgArray[title] = new Image();
      onImgArray[title].src = menuBar[i][2];
   }
}

function changeContent(index){
   var textArea = document.getElementById("textArea");
   if(data[index]==undefined)
      textArea.innerHTML = "no data available";
   else
      textArea.innerHTML = data[index];
   textArea.style.overflow="auto";
   var temp = selected;
   imageOff(selected);
   selected = index;
   imageOff(temp);
   imageOn(selected);
   if(index=='Warranty'){
      document.order_item.warranty_selected.value='1';
   }
  	
   if(index=='Accessories'){
      document.multiple2.warranty_id.value=document.order_item.warranty_id.value;
   }
   
}

function changeContentBack(){
   var textArea = document.getElementById("textArea")
   textArea.innerHTML = textSlab;
   textArea.style.overflow="auto";
}

function myEvent(evt){
   if(evt.type=="mouseover")
      imageOn(evt.srcElement.id);
   else
      imageOff(evt.srcElement.id);
}

function buildMenu(){
   theDiv = document.getElementById("textArea");
   textSlab = theDiv.innerHTML;
   /*var paragraphArray = theDiv.getElementsByTagName("div");*/
   var paragraphArray = new Array();
   var anchors = new Array();
   var noChildren = theDiv.childNodes.length;
   var count = 0;
   for(var i=0; i<noChildren; i++){
	  var child = theDiv.childNodes[i];
	  if(child.nodeName == 'DIV'){
	     paragraphArray[count++] = child;

	  }
   }

   count = 0;
   for(var i=0; i<noChildren; i++){
	  var child = theDiv.childNodes[i];
	  if(child.nodeName == 'A'){
	     anchors[count++] = child;

	  }
   }

   var size = anchors.length;
   var theName;
   var index = -1;
   var index2 = 0;
   document.getElementById("menu").innerHTML="";

   for(i=0; i<size; i++){
      theName = anchors[i].name;	  
      switch (theName){
         case 'fe':
            index = 0;
            break
         case 'sp':
            index = 1;
            break
         case 'im':
            index = 2;
            break
         case 'ac':
            index = 3;
            break
         case 'wa':
            index = 4;
            break
         case 'fg':
            index = 5;
            break

         default:
      }
	  
      if(index>=0 && index<6){
		 try{
            data[menuBar[index][0]]=paragraphArray[index2++].innerHTML;
		 }
		 catch(exception){

		 }
         if(selected==""){selected=menuBar[index][0];}
         var newImage = document.createElement("img");
         if(selected==menuBar[index][0]){newImage.src = menuBar[index][2];}
         else{newImage.src = menuBar[index][1];}
         newImage.alt = menuBar[index][0];
         newImage.id = menuBar[index][0];
         newImage.border = "0";
         var newA = document.createElement("a");
         newA.data = menuBar[index][0];
         newA.href = "javascript: changeContent(\'"+newA.data+"\')";
         if(isIE){
            newA.attachEvent('onmouseover',myEvent);
            newA.attachEvent('onmouseout',myEvent);
         }
         else{
            newA.onmouseover = function handler(evt){imageOn(this.data);}
            newA.onmouseout = function handler(evt){imageOff(this.data);}
         }
         newA.appendChild(newImage);
         document.getElementById("menu").appendChild(newA);		
      }
      index = -1;
   }
   changeContent(selected);
}