// JavaScript Document
function swapProductImages(product) {
	//alert("go");
	
	var tableElements = getElementsByClassName("table-"+product);
	var thumbElements = getElementsByClassName("thumb-"+product);
	//alert(thumbElements.length);
	var thumbFile = thumbElements[1].style.backgroundImage;
	//alert(thumbFile);
	
	var fileSeg = new Array();
	var newThumb;
	var newTable;
	
	if(thumbFile.search("pack") > -1) { // package thumbnail current
	 fileSeg = thumbFile.split("pack-");
		newThumb = "thumb-prod-"+fileSeg[1];
	 newTable = "package-"+fileSeg[1];
	}

 else { // product thumbnail current
	 fileSeg = thumbFile.split("prod-");
		newThumb = "thumb-pack-"+fileSeg[1];
	 newTable = "product-"+fileSeg[1];		
	}
	
	//alert(newThumb);

	thumbElements[1].style.backgroundImage = "url(../images/"+newThumb;
	tableElements[1].style.backgroundImage = "url(../images/"+newTable;	
}

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;
}