img1 = new Image(20,20);
img2 = new Image(20,20);
img1.src = "images/more.gif";
img2.src = "images/less.gif";

function swapImage(imagename) {
	if (document.images){
		if (document.images[imagename].src == img1.src) {
			document.images[imagename].src = img2.src;
		} else {
			document.images[imagename].src = img1.src;
		}
	}
}

function loadThumb(imagename,imgurl) {
	if (document.images){
		document.images[imagename].src = imgurl;
	}
}


function showImage(imgurl, thumbname, Xamt, Yamt) {
	if (document.getElementById) { // DOM3 = IE5, NS6
		if (document.images){
			document.images["prod_full_img"].src = "images/loading_thumb.gif";
		}
		picwin = document.getElementById("popImage");
		// move layer
		var el = document.getElementById(thumbname);
		for (var lx=0,ly=0;el!=null; lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);
		picwin.style.left = lx + Xamt + "px";
		picwin.style.top = ly + Yamt + "px";
		picwin.style.visibility = "visible";
		// load new picture
		if (document.images){
			document.images["prod_full_img"].src = imgurl;
		}
	}
}

function hidePopImage() {
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById("popImage").style.visibility = "hidden";
	}
}

//show OR hide funtion depends on if element is shown or hidden
function show(id) { 
	
	if (document.getElementById) { // DOM3 = IE5, NS6
		if (document.getElementById(id).style.display == "none"){
			document.getElementById(id).style.display = 'block';
		} else {
			document.getElementById(id).style.display = 'none';			
		}	
	} else { 
		if (document.layers) {	
			if (document.id.display == "none"){
				document.id.display = 'block';
			} else {
				document.id.display = 'none';
			}
		} else {
			if (document.all.id.style.visibility == "none"){
				document.all.id.style.display = 'block';
			} else {
				document.all.id.style.display = 'none';
			}
		}
	}
}