// JavaScript Document

addLoadEvent(prepareLinks);
//window.onload=prepareLinks;


function prepareLinks() {
	if (!document.getElementById("imgmain")) return false;
	if (!document.getElementById("enlarge")) return false;
	if (!document.getElementsByTagName) return false;
	var holder=document.getElementById("enlarge");
	var links=holder.getElementsByTagName("a");
	for (var i=0; i < links.length; i++) {		
		if (links[i].className.length>0) {
			newimage="/media/products/"+links[i].className+".jpg";			
			//document.write(newimage);
			links[i].setAttribute("test", newimage);			
			links[i].onmouseover=function () {
				swapImage(this.getAttribute("test"));
				return false;
			}
		}
	}
}


function swapImage(newimage) {
	var srcimage=document.getElementById("imgmain");
	var imagehold=document.getElementById("imagehold");
	//setOpacity(srcimage,0);
	//imagehold.style.backgroundImage="url("+srcimage.src+")";
	//imagehold.style.backgroundColor="#FF3300";
	//srcimage.style.backgroundColor="#FF3300";
	//alert(srcimage.style.backgroundImage);
	//document.body.style.backgroundImage="url(bgdesert.jpg)";
	
	srcimage.setAttribute("src",newimage);
	//fadeIn(srcimage,0);
}


function addLoadEvent(func) {
	var oldonload=window.onload;
	if (typeof window.onload != 'function') {
		window.onload=func;
	} else {
		window.onload=function() {
			oldonload();
			func();
			}
	}
}

function initImage() {
  imageId = 'thephoto';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}