//specific functions -- don't need to edit

function hover(id,src) {
	document.images[id].src=src;
}

var firstThumb = 1;
var currPic = 0;
	
function showPic(i) {
	if(i==0) {//first thumbnail
		//change larg image:
		document.images['largePic'].src = largePic[firstThumb];
		//change firstThumb value
		firstThumb = firstThumb==1?0:1;
		//change thumbnail
		document.images['thumb0'].src = thumbPic[firstThumb];
		currPic = 0;
	} else {
		//change larg image:
		document.images['largePic'].src = largePic[i+1];
	}
	//set currPic
	currPic = i;
}

function nextPic() {
	if(currPic ==0) {
		if(firstThumb==0) {//this means the second picture is shown in large area
			currPic = 1;
		}
	} else if(currPic>2) {
		currPic = 0;
	} else {
		currPic++;
	}
	showPic(currPic);
}

function preLoad() {
	for (var i=0;i<preLoad.arguments.length;i++) {
		for (var j=0;j<eval(preLoad.arguments[i]+".length");j++) {
			var image = new Image();
			eval("image.src = " + preLoad.arguments[i] + "[" + j +"]");
			//alert(image.src);
		}
	}
}