function changeImage(obj){		
	document.getElementById("mediumimage").src = getMediumImageName(obj.src);
}


// Executed on MouseOver of table cell
function changeImageTD(obj, itemNum){		
	var imgs = obj.getElementsByTagName("img");
	var links = obj.getElementsByTagName("a");
	var prod_name_items = getElementsByClassName("pr_name");
	var prod_desc_items = getElementsByClassName("pr_description");
	var prod_price_items = getElementsByClassName("pr_price");
	var idx = itemNum - 1;
	obj1 = imgs[0];
	obj2 = links[0];
	prod_name = prod_name_items[idx].innerHTML;
	prod_desc = prod_desc_items[idx].innerHTML;
	prod_price = prod_price_items[idx].innerHTML;

	document.getElementById("mediumimage").src = getMediumImageName(obj1.src);
	document.getElementById("mediumImageLink").href = obj2.href;
	document.getElementById("productNameDisplay").innerHTML = prod_name;
	document.getElementById("productDescriptionDisplay").innerHTML = prod_desc
	document.getElementById("productPriceDisplay").innerHTML = prod_price
}


// Executed by changeImageTD function and changeImage function
function getMediumImageName(src){
	var imgName = src.substring(src.lastIndexOf("/") + 1);
	var base = src.substring(0, src.lastIndexOf("/") + 1);
	base = base.replace("ss_size2", "ss_size1");
	return base + imgName;
}


// Executed On Page Body Load
function set_large_img(){
	obj1 = document.getElementById("pr_img_1");
	obj2 = document.getElementById("pr_link_1");
	prod_name_item = document.getElementById("pr_name_1");
	prod_desc_item = document.getElementById("pr_description_1");
	prod_price_item = document.getElementById("pr_price_1");
	prod_name = prod_name_item.innerHTML;
	prod_desc = prod_desc_item.innerHTML;
	prod_price = prod_price_item.innerHTML;
	
	document.getElementById("mediumimage").src = getMediumImageName(obj1.src);
	document.getElementById("mediumImageLink").href = getMediumImageName(obj2.href);
	document.getElementById("productNameDisplay").innerHTML = prod_name;
	document.getElementById("productDescriptionDisplay").innerHTML = prod_desc
	document.getElementById("productPriceDisplay").innerHTML = prod_price
}


// Executed by changeImageTD function
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;
}


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