// Home page slideshow
(function(){
  // Don't execute if there is no slide-holder.
  var thisCtrl = document.getElementById('slide-holder');
  if (!thisCtrl)return;
  var x=1;
  
  
  
  function getChangeX(number) {
    return function(){
      if (x==number)return;
      document.getElementById('slide-link'+x).style.display="none";
      document.getElementById('ctrl'+x).style.backgroundPosition="";

      document.getElementById('slide-link'+number).style.display="block";
      document.getElementById('ctrl'+number).style.backgroundPosition="0 -12px";
      x = number;
    };                

  }

  // Set onclick for 3 nav buttons
  for (var i=1; i<=3; ++i) {
    thisCtrl = document.getElementById('ctrl'+i);
    if (!thisCtrl) continue;
    thisCtrl.onclick=getChangeX(i);
  }
  
  // set auto-rotation
  var handle = setInterval(showX, 5000);
  function showX() {
    var oldIm = document.getElementById('slide-link'+x);
    var oldCtrl = document.getElementById('ctrl'+x);
    x = (x % 3) + 1;
    var newIm = document.getElementById('slide-link'+x);
    var newCtrl = document.getElementById('ctrl'+x);
    
    oldCtrl.style.backgroundPosition="";
    newCtrl.style.backgroundPosition="0 -12px";
    
    oldIm.style.display = "none";
    newIm.style.display = "block";
  }
  
  // set pause:
  var holder = document.getElementById('slide-holder');
  holder.onmouseover = function(){clearInterval(handle)};
  holder.onmouseout = function(){clearInterval(handle); handle = setInterval(showX, 5000)};
})();
    
    
    

(function(){
  var isMSIE = (/MSIE/.test(navigator.userAgent));
  var menu = document.getElementById('topul');
  if (!menu) return;
  var sel = document.getElementsByTagName('select');
  var selCount = sel.length;
  var hideSelects = (typeof(isIE7OrBelow)=='boolean') ? isIE7OrBelow : false;
  
  var primary = [], li = menu.getElementsByTagName('li');
  for (var i=0; i<li.length; ++i) {
    if (li[i].className.indexOf('primary')>=0)
      primary.push(li[i]);
  }
  
  // function to resive the bridge div inside a given Anchor tag
  function resizeBridge(aElem) {
    var allDivs = aElem.getElementsByTagName('div');
    var allDivsCount = allDivs.length;
    var liWidth = aElem.offsetWidth - (isMSIE ? 0 : 2); // assuming 1px border on each side
    for (var j=0; j<allDivsCount; ++j) {
      if (allDivs[j].className=='bridge') {
        allDivs[j].style.width=(liWidth+'px');
        break;
      }
    }
  }
  for (var i=0; i<primary.length; ++i) {
    // use JS to size the bridge div
    resizeBridge(primary[i]);
    var children = primary[i].children;
    for (var j=0; j<children.length; ++j) {
      if (children[j].nodeType==1 && children[j].tagName=="A") {
        children[j].onmouseover = (function(x){ return function(){resizeBridge(x);} })(children[j].parentNode);
      }
    }
    // add show menu-on-mouseover & hide selects
    primary[i].onmouseover = function(){
      resizeBridge(this);
      var m = this.children;
      for (var j=0; j<m.length; ++j) {
        if (m[j].tagName=="DIV") {
          m[j].style.display='block';
          break;
        }
      }
      if (hideSelects) {
        for (var j=0; j<selCount; ++j) {
          sel[j].style.visibility='hidden';
        }
      }
    };
    
    // add hide menu-on-mouseout & show selects
    primary[i].onmouseout = function(){
      var m = this.children;
      for (var j=0; j<m.length; ++j) {
        if (m[j].tagName=="DIV") {
          m[j].style.display='none';
          break;
        }
      }
      if (hideSelects) {
        for (var j=0; j<selCount; ++j) {
          sel[j].style.visibility="";
        }
      }
    };
  }
  
      
})();

function showSizeChart(elem) {
  do {
    if (!elem.nextSibling) return;
    elem = elem.nextSibling;
  } while (elem.className.indexOf('sizeChartHolder')==-1);
  elem.style.display='block';
}

function hideSizeChart(elem) {
  do {
    if (!elem.parentNode) return;
    elem = elem.parentNode;
  } while (elem.className.indexOf('sizeChartHolder')==-1);
  elem.style.display='none';
}