var blocks,thumbs_a,thumbs_img,invis_thumbs,level_three_menus=[];    
var s='';

// rewrite :hover in ie
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}

// getting elements by class name
function getElementsByClassName(strClass, strTag, objContElm) {
  strTag = strTag || "*";
  objContElm = objContElm || document;
  var objColl = objContElm.getElementsByTagName(strTag);
  if (!objColl.length &&  strTag == "*" &&  objContElm.all) objColl = objContElm.all;
  var arr = new Array();
  var delim = strClass.indexOf('|') != -1  ? '|' : ' ';
  var arrClass = strClass.split(delim);
  for (var i = 0, j = objColl.length; i < j; i++) {
    var arrObjClass = objColl[i].className.split(' ');
    if (delim == ' ' && arrClass.length > arrObjClass.length) continue;
    var c = 0;
    comparisonLoop:
    for (var k = 0, l = arrObjClass.length; k < l; k++) {
      for (var m = 0, n = arrClass.length; m < n; m++) {
        if (arrClass[m] == arrObjClass[k]) c++;
        if (( delim == '|' && c == 1) || (delim == ' ' && c == arrClass.length)) {
          arr.push(objColl[i]);
          break comparisonLoop;
        }
      }
    }
  }
  return arr;
}

// function for submenus
function showsubmenu(idd) {
    if(blocks) 
      for (var i = 0, item; item = blocks[i]; i++) {
         blocks[i].style.display="none";
         }
    s=idd.id+"-sub";
    document.getElementById(s).style.display="block";  
  }

// switching description of thumbnails
function switchdescript(divname) {  
  document.getElementById("description").innerHTML=document.getElementById(divname).innerHTML;  
  }

function switchimage(pic_name,wwidth,hheight,dname) {
  var alttext='';  
  
  //switch big picture
  document.getElementById("bigpicture").src="images/blank.gif";
  document.getElementById("bigpicture").src="images/"+pic_name;
  
  if(document.getElementById("main-right-wide")&&document.getElementById("main-right-wide").getElementsByTagName("div")[0])document.getElementById("main-right-wide").getElementsByTagName("div")[0].style.display="none";
  document.getElementById("bigpicture").style.display="block";
  
  // width height img
  document.getElementById("bigpicture").width=wwidth;
  if(hheight) document.getElementById("bigpicture").height=hheight;  
  
  // switch border betwen thumbnails
  for (var i = 0, item; item = thumbs_a[i]; i++) {
         if((thumbs_a[i].className)&&(thumbs_a[i].className.indexOf("descript_btn")!=-1)) thumbs_a[i].className="descript_btn"
            else if(thumbs_a[i].className.indexOf("on")!=-1)thumbs_a[i].className="off";
        }
  dname.className="on";  
  
  // change thumbnail description
  if(dname&&dname.rel) {
    alttext=dname.rel;
    switchdescript(alttext);
    }
  }

function switch_descript_mode(dname) {  
        
  document.getElementById("bigpicture").style.display="none";
  if(document.getElementById("main-right-wide")&&document.getElementById("main-right-wide").getElementsByTagName("div")[0])document.getElementById("main-right-wide").getElementsByTagName("div")[0].style.display="block";    
    
  for (var i = 0, item; item = thumbs_a[i]; i++) {
        if(thumbs_a[i].className.indexOf("on")!=-1) thumbs_a[i].className="off";
        }
  
  dname.className="descript_btn on";  
      
  }

function scrollthumb(id) {
  var x,alt_text,first_thumb_src,bigpic;    
  
  // look trough thumbs array for the selected thumb
  for (var i = 0, item; item = thumbs_a[i]; i++) {
    if((thumbs_a[i].className)&&(thumbs_a[i].className.indexOf("on")!=-1)) { x=i; }
    }
  
  // disable selected thumb  
  if((thumbs_a[x].className)&&(thumbs_a[x].className.indexOf("descript_btn")!=-1)) thumbs_a[x].className="descript_btn"
    else if(thumbs_a[x].className.indexOf("on")!=-1) thumbs_a[x].className="off";
  
  // determine is prev/next
  if(id) x=x+1;    
    else x=x-1;    
  
  // edges
  if(x>=thumbs_a.length) x=0;
  if(x<0) x=thumbs_a.length-1;
  
  // activate next/prev item   
  thumbs_a[x].className+=" on";    
  
  //switch description
  if(thumbs_a[x].rel) {
    alt_text=thumbs_a[x].rel;
    if(alt_text) switchdescript(alt_text);
    }
  
  // change bigpicture
  if(thumbs_a[x].getElementsByTagName("span")[0]) {
    document.getElementById("bigpicture").style.display="block";
    if(document.getElementById("main-right-wide")&&document.getElementById("main-right-wide").getElementsByTagName("div")[0])document.getElementById("main-right-wide").getElementsByTagName("div")[0].style.display="none";
      
    first_thumb_src="images/"+thumbs_a[x].getElementsByTagName("span")[0].innerHTML;
    document.getElementById("bigpicture").src="images/blank.gif";    
    document.getElementById("bigpicture").src=first_thumb_src;
    }
    else {
      document.getElementById("bigpicture").style.display="none";
      if(document.getElementById("main-right-wide")&&document.getElementById("main-right-wide").getElementsByTagName("div")[0]) document.getElementById("main-right-wide").getElementsByTagName("div")[0].style.display="block";
      }
  
  }

// switch 3rd level product submenu
function switchprod(prod_name) {
  var first_thumb_src,bigpic,thumbset,idname='';
  
  // switch main description
  idname=prod_name.id+"-descript-1";  
  switchdescript(idname);
  
  // switching on color on level3 product submenus
  for (var i = 0, item; item = level_three_menus[i]; i++) {
         level_three_menus[i].className="off";
        }
  prod_name.className="on";
  
  // switch to another thumbset 
  thumbset=prod_name.id+"-thumbs";
  document.getElementById("footer-thumbs").innerHTML=document.getElementById(thumbset).innerHTML;    
  
  // set up new thumb array
  thumbs_a= document.getElementById("footer-thumbs").getElementsByTagName("a");
  thumbs_img=document.getElementById("footer-thumbs").getElementsByTagName("span");
  
  // switch the thumb set
  for (var i = 1, item; item = thumbs_a[i]; i++) {
         thumbs_a[i].className="off";
        }
  thumbs_a[0].className="on";  
  
  // switch bigpicture with first thumb's big picture  
  first_thumb_src="images/"+thumbs_a[0].getElementsByTagName("span")[0].innerHTML;
  document.getElementById("bigpicture").src="images/blank.gif";    
  document.getElementById("bigpicture").src=first_thumb_src; 
  
  }

function loader() {  
  
  if (document.all&&document.getElementById&&document.getElementById("level-three-menus")) {
    navRoot = document.getElementById("level-three-menus").getElementsByTagName("a");
    for (i=0; i<navRoot.length; i++) {
      node = navRoot[i];                 
      node.onmouseover=function() {
        if (this.className!="on") this.className="on_ie";        
        }
      node.onmouseout=function() {
        if (this.className!="on") this.className="";
        }        
      }
    }    
  
  blocks = getElementsByClassName("main-nav-sub");  
  if(document.getElementById("footer-thumbs")) {
    thumbs_a= document.getElementById("footer-thumbs").getElementsByTagName("a");
    thumbs_img= document.getElementById("footer-thumbs").getElementsByTagName("span");    
    }
  if(document.getElementById("level-three-menus")) level_three_menus= document.getElementById("level-three-menus").getElementsByTagName("a");            
  }

window.onload=loader;