/* =Load Functions
-----------------------------------------------------------------------------*/
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(ImagePreview);
addLoadEvent(enlargeImage);
addLoadEvent(doNewWin);

/* =Open a new window
-----------------------------------------------------------------------------*/
function doNewWin() {
  if (!document.getElementsByTagName) return false;
  var links=document.getElementsByTagName("a");
  for (var i=0; i < links.length; i++) {
    if (links[i].className.match("newWin")) {
      links[i].onclick=function() {window.open(this.href);return false;
      }
    }
  }
}

/* Emlarge Image
-----------------------------------------------------------------------------*/
function enlargeImage(){
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("gal")) return false;
	if (!document.getElementById("view")) return false;
	
	var gal = document.getElementById("gal").getElementsByTagName("a");
	var view = document.getElementById("view");
	for(x in gal){
		if(gal[x].nodeType != 1) continue;
		var imageObj = new Image();
		imageObj.src = gal[x].href.split(".com")[1];
		gal[x].onclick=function(){
			var src = this.href.split(".com")[1];
			var size = getImgSize(src);
			view.innerHTML = '<img alt="Danver cabinets" src="'+src+'" '+size+' />';
			
			return false;
		}
	}
	
}
//preload
if (document.getElementById("gal") && document.getElementById("view")){
	var images = new Array(
	"photos/danver/01.jpg",
	"photos/danver/02.jpg",
	"photos/danver/03.jpg",
	"photos/danver/04.jpg",
	"photos/danver/05.jpg",
	"photos/danver/06.jpg",
	"photos/danver/07.jpg",
	"photos/danver/08.jpg",
	"photos/danver/09.jpg",
	"photos/danver/10.jpg",
	"photos/danver/11.jpg",
	"photos/danver/12.jpg",
	"photos/danver/13.jpg",
	"photos/danver/14.jpg",
	"photos/danver/15.jpg",
	"photos/danver/16.jpg",
	"photos/danver/17.jpg",
	"photos/danver/18.jpg",
	"photos/danver/19.jpg",
	"photos/danver/20.jpg",
	"photos/danver/21.jpg",
	"photos/danver/22.jpg"
	);
	
	var imageObj = new Image();
	for(x in images){
		
		imageObj.src = "/"+images[x];
		var size = getImgSize(imageObj.src);
	}
}

/* = Image Preview
-----------------------------------------------------------------------------*/
function ImagePreview(){
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("ventahood")) return false;
	if (document.getElementById("noscript")) return false;
	
	var imageObj = new Image();
	if (document.getElementById("mainNavBox")){
		var MnavBox = document.getElementById("mainNavBox");
		var MnavLinks = MnavBox.getElementsByTagName("a");
	
		var theDiv = document.createElement("div");
		theDiv.setAttribute("id", "imgDiv");
		
		var outer = document.getElementById("outer");
		document.body.insertBefore(theDiv, outer);
		var imgDiv = document.getElementById("imgDiv");
		
		
		for(i=0; i<MnavLinks.length; i++){
			
			var imgName = MnavLinks[i].className;
			var preloadPath = "/photos/uc_"+imgName+"-photo.jpg"
			imageObj.src=preloadPath;
			
			MnavLinks[i].onmouseover=function(){
				positionDiv(this);
				var MlClass = this.className;
				var MnavImgPath = "/photos/"+MlClass+"-photo.jpg";
				var MnavImgSize = getImgSize(MnavImgPath);
				imgDiv.innerHTML = "<img alt='"+MlClass+"' src='"+MnavImgPath+"' "+MnavImgSize+" />";
			}
			MnavLinks[i].onmouseout=function(){
				imgDiv.innerHTML = "&nbsp;";
			}
		}

	}
	else if (document.getElementById("prodTemplate")){
		var NavRoot = document.getElementById("innerNavDiv");
		var navLinks = NavRoot.getElementsByTagName("a");
		
		var imgRoot = document.getElementById("image");
		var oldImg = imgRoot.innerHTML;
		
		var pE = document.createElement("p");
		pE.setAttribute("id", "previewText");
		var previewText = document.createTextNode("Mouse over Links to Preview Model");
		pE.appendChild(previewText);
		
		var textLoc = NavRoot.childNodes[0];
		NavRoot.insertBefore(pE, textLoc);
		
		for(i=0; i<navLinks.length; i++){
			var imgName =  navLinks[i].className;
			var preloadPath = "/photos/uc_"+imgName+"-photo.jpg"
			imageObj.src=preloadPath;

			if(!navLinks[i].className.match("noscript")){
				navLinks[i].onmouseover=function(){
					var lClass = this.className;
					var imgPath = "../photos/"+lClass+"-photo.jpg";
					var imgSize = getImgSize(imgPath);
					imgRoot.setAttribute("class", "imgBox");
					imgRoot.innerHTML = "<img alt='"+lClass+"' src='"+imgPath+"' "+imgSize+" /><h3>"+lClass+" Preview</h3>";
				}
				navLinks[i].onmouseout=function(){
					imgRoot.setAttribute("class", "");
					imgRoot.innerHTML = oldImg;
				}
			}
		}
	}
}

function positionDiv(obj) {
	var imgDiv = document.getElementById("imgDiv");
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	var top = curtop - 70;
	var left = curleft - 315;
	
	imgDiv.style.top=top+"px";
	imgDiv.style.left=left+"px";
}

function getImgSize(imgSrc){
	var newImg = new Image();
	newImg.src = imgSrc;
	var height = newImg.height;
	var width = newImg.width;
	var imgString = "width=\""+width+"\" height=\""+height+"\"";
	return imgString;
}