﻿function showRollover (name, number) {
  var ieVersion = 0;
  var ie5YAdjust = 9;
  var ie6YAdjust = 3;
  var rolloverName = name + "-" + number;
  var imageName = rolloverName + "-image";
  var imgRolloverURL = document.getElementById(imageName).src;
  var searchString = "-off";
  var replaceString = "-on";
  var imageXY = YAHOO.util.Dom.getXY(imageName);
  var xAdjust = 0;
  var yAdjust = 287;
  var containerStartX = (YAHOO.util.Dom.getXY(name + "-1-image")[0]);

  //Detect IE 5-6
  if (navigator.appVersion.indexOf("MSIE") != -1)
    ieVersion = parseFloat((navigator.appVersion.split("MSIE"))[1]);

  if (ieVersion >= 5 && ieVersion < 6)
    yAdjust += ie5YAdjust;
  else if (ieVersion >= 6 && ieVersion < 7)
    yAdjust += ie6YAdjust;
    
  document.getElementById(imageName).className = "rolloverImageOn" ;
  document.getElementById(imageName).src = imgRolloverURL.replace(searchString, replaceString);
  
  if (imageXY[0] != containerStartX) {
    if (document.getElementById(rolloverName).className.indexOf("rolloverPopup1Item") != -1) {
      if (imageXY[0] + 390 > containerStartX + 744)
        xAdjust = (imageXY[0] + 390) - (containerStartX + 744) + 4;
    }
    
    else if (document.getElementById(rolloverName).className.indexOf("rolloverPopup2Items") != -1) {
      if (imageXY[0] + 580 > containerStartX + 744)
        xAdjust = (imageXY[0] + 580) - (containerStartX + 744) + 4;
    }
    
    else {
      if (imageXY[0] + 740 > containerStartX + 744)
        xAdjust = (imageXY[0] + 740) - (containerStartX + 744) + 4;
    }
  }
  
  document.getElementById(rolloverName).style.display = "block";
  YAHOO.util.Dom.setXY(rolloverName, new Array(imageXY[0] - xAdjust, imageXY[1] - yAdjust));
}

function hideRollover (name, number) {
  var generalName = name + "-" + number;
  var imageName = generalName + "-image";
  var imgRolloverURL = document.getElementById(imageName).src;
  var searchString = "-on";
  var replaceString = "-off";

  document.getElementById(imageName).className = "rolloverImageOff" ;
  document.getElementById(imageName).src = imgRolloverURL.replace(searchString, replaceString);
  
  document.getElementById(generalName).style.display = "none";
}