/***********************************************
* Image Thumbnail Viewer II script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

//Specify image paths and optional link (set link to "" for no link):
var dynimages=new Array()

//Stand Mixers
dynimages[0]=["images/apple_hero.jpg", ""]
dynimages[1]=["images/sugar_hero.jpg", ""]
dynimages[2]=["images/ultramarine_hero.jpg", ""]
dynimages[3]=["images/morrocanRed_hero.jpg", ""]
dynimages[4]=["images/apple_hero.jpg", ""]
dynimages[5]=["images/pineapple_hero.jpg", ""]
dynimages[6]=["images/sterling_hero.jpg", ""]
dynimages[7]=["images/licorice_hero.jpg", ""]

//Preload images ("yes" or "no"):
var preloadimg="yes"

//Set optional link target to be added to all images with a link:
var optlinktarget=""

//Set image border width
var imgborderwidth=0

//Optionally, change 1.0 and 0.7 below to affect Wipe gradient size and duration in seconds in IE5.5+:
var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.0 Duration=0.0)"

///////No need to edit beyond here/////

if (preloadimg=="yes"){
	for (x=0; x<dynimages.length; x++){
		var myimage=new Image();
		myimage.src=dynimages[x][0];
	}
}

function returnimgcode(theimg){
	var imghtml = "";
	if (theimg[1] != "") {
		imghtml = '<a href="'+theimg[1]+'" target="'+optlinktarget+'">'
	}
	imghtml += '<img src="'+theimg[0]+'" border="'+imgborderwidth+'">'
	
	if (theimg[1] != "") {
		imghtml+='</a>';
	}
	return imghtml;
}

var imageTimeOut;

function modifyimage(loadarea, imgindex){
	if (document.getElementById){
		var imgobj=document.getElementById(loadarea)
		if (imgobj.filters && window.createPopup){
			imgobj.style.filter=filterstring
			imgobj.filters[0].Apply()
		}
		imgobj.innerHTML = returnimgcode(dynimages[imgindex])
		if (imgobj.filters && window.createPopup) {
			imgobj.filters[0].Play();
		}
		window.clearTimeout(imageTimeOut);
		return false;
	}
}

function defaultimage(loadarea, imgindex) {
	theFunction = "modifyimage('" + loadarea + "', " + imgindex + ")";
	imageTimeOut = window.setTimeout(theFunction ,500);
}