var imagesNormal = new Object();
var imagesHilite = new Object();
function SwapImage (name,normalSrc,hiliteSrc) {
   this.name = name;
   this.normalSrc = normalSrc;
   this.hiliteSrc = hiliteSrc;
}
function setupSwapImages(swapImages) {
    preloadSwapImages(swapImages);
    setupSwapEvent(swapImages);
}


function preloadSwapImages (a) {
    for (var i=0; i < a.length; i++){
        imagesNormal[a[i].name] = new Image();
        imagesNormal[a[i].name].src = a[i].normalSrc;
        imagesHilite[a[i].name] = new Image();
        imagesHilite[a[i].name].src = a[i].hiliteSrc;
    }
}
function setupSwapEvent (a) {
    for (var i=0; i<a.length; i++){
        var images = getElementsByClassName(a[i].name);
        for (var j=0; j<images.length; j++){
            var image = images[j];
            if (image.getAttribute("src")){
               image.onmouseover = function () {swapImage( this, "hilite" );}
               image.onmouseout  = function () {swapImage( this, "normal" );}
            }
        }
    }
}
function swapImage(image,type){
    if (type=="hilite") {
       image.src = imagesHilite[image.className].src;
    } else if (type=="normal") {
       image.src = imagesNormal[image.className].src;
    }
}

function getElementsByClassName(strClass, strTag, objContElm) {
  strTag = strTag || "*";
  objContElm = objContElm || document;
  var objColl = (strTag == '*' && document.all) ? document.all : objContElm.getElementsByTagName(strTag);
  var arr = new Array();
  var delim = strClass.indexOf('|') != -1  ? '|' : ' ';
  var arrClass = strClass.split(delim);
  for (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 (k = 0, l = arrObjClass.length; k < l; k++) {
      for (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;
}

// To cover IE 5.0's lack of the push method
Array.prototype.push = function(value) {
  this[this.length] = value;
}

var swapImages = [new SwapImage('recommend','../img/recommend.gif','../img/recommend2.gif'),new SwapImage('styles1','../img/styles.gif','../img/styles2.gif'),new SwapImage('plus1','../img/plus.gif','../img/plus2.gif'),new SwapImage('styles2','../img/styles.gif','../img/styles2.gif'),new SwapImage('plus2','../img/plus.gif','../img/plus2.gif'),new SwapImage('items','../img/items.gif','../img/items2.gif'),new SwapImage('goto','../img/top.gif','../img/top2.gif'),new SwapImage('ss1','../img/ss1.gif','../img/ss12.gif'),new SwapImage('ss2','../img/ss2.gif','../img/ss22.gif'),new SwapImage('ss3','../img/ss3.gif','../img/ss32.gif'),new SwapImage('ss4','../img/ss4.gif','../img/ss42.gif'),new SwapImage('detail','../img/detail.gif','../img/detail2.gif'),new SwapImage('ws1','./img_w/1.jpg','./img_w/12.jpg'),new SwapImage('ws2','./img_w/2.jpg','./img_w/22.jpg'),new SwapImage('ws3','./img_w/3.jpg','./img_w/32.jpg'),new SwapImage('ws4','./img_w/4.jpg','./img_w/42.jpg'),new SwapImage('ms1','./img_m/1.jpg','./img_m/12.jpg'),new SwapImage('ms2','./img_m/2.jpg','./img_m/22.jpg'),new SwapImage('ms3','./img_m/3.jpg','./img_m/32.jpg'),new SwapImage('ms4','./img_m/4.jpg','./img_m/42.jpg')];
window.onload = function () {setupSwapImages(swapImages);};



function setImage(imgId) {
if(document.getElementById(imgId).src.length-document.getElementById(imgId).src.lastIndexOf("d")!=5){
document.getElementById(imgId).src=setImages[imgId].hiliteSrc;
}else{
document.getElementById(imgId).src=setImages[imgId].normalSrc;
}
}