/* function for thumbnails and previews */
function previews() {
	var exterior = document.getElementById("exterior");
	var interior = document.getElementById("interior");
	if (interior) { 
		buildPreviews(interior);
	}
	if (exterior) {
		buildPreviews(exterior);
	}
	else {
		return false; 
	}
}
function buildPreviews(context) {
		this.thumbArr = new Array;
		var contents = (document.all ? context.all : context.getElementsByTagName("*"));
		for (var c=0; c<contents.length; c++) {
			if (contents[c].className == "preview-image") {
				this.prevImg = contents[c];
			}
			if (contents[c].className == "preview-name") {
				this.prevName = contents[c];
			}
			if (contents[c].className == "price") {
				this.prevPrice = contents[c];
			}
			if (contents[c].className == "thumbnails") {
				this.thumbs = contents[c].getElementsByTagName("LI");
				for (var t=0; t<this.thumbs.length; t++) {
					// get the product name and the price out of the alt attribute
					var alt = this.thumbs[t].getElementsByTagName("IMG")[0].getAttribute("alt");
					this.namePrice = alt.split(":");
					this.theName = this.namePrice[0];
					this.thePrice = this.namePrice[1];
					// the filename of the large image is the same as the thumbnail filename, 
					// but with different measurements and a different file extention
					// for example: leder01_36x26.gif is matched to leder01_329x252.jpg
					var src = this.thumbs[t].getElementsByTagName("IMG")[0].getAttribute("src");
					var n = src.lastIndexOf('/');
					var filename = src.substring(n+1);
					this.theImage = filename.replace("36x26.gif","329x252.jpg");
					this.thumbArr[this.thumbArr.length] = new Preview(this, context, this.thumbs[t], this.theName, this.thePrice, this.theImage, this.prevImg, this.prevName, this.prevPrice);
				}
			}
		}
}
function Preview(preview,context,thumbnail,theName,thePrice,theImage,prevImg,prevName,prevPrice) {
	this.preview = preview;
	this.context = context;
	this.thumbnail = thumbnail;
	this.theName = theName;
	this.thePrice = thePrice;
	this.theImage = theImage;
	this.prevImg = prevImg;
	this.prevName = prevName;
	this.prevPrice = prevPrice;
	this.thumbnail.Preview = this;
	this.thumbnail.onclick = function () {
		this.Preview.switchInfo();
		return false;
	}
}
Preview.prototype.switchInfo = function () {
	this.allListItems = this.context.getElementsByTagName("LI");
	for(var u=0; u<this.allListItems.length; u++) {
		this.allListItems[u].className = "";
	}
	var src = this.prevImg.src;
	var n = src.lastIndexOf('/');
	var filename = src.substring(n+1);
	newSrc = src.replace(filename,this.theImage);
	this.prevImg.src = newSrc;
	this.prevName.innerHTML = this.theName;
	this.prevPrice.innerHTML = this.thePrice + ",-";
	this.thumbnail.className = "current";
}