function changedetailimage(imgid,ext,newwidth,newheight,popupwidth,popupheight)
{
	var imgfile = imgid+'.'+ext;
	var srcstring = '/content/shop/images/original/'+imgfile;

	//the image
	document.getElementById('detailimage').src = srcstring;
	document.getElementById('detailimage').width = newwidth;
	document.getElementById('detailimage').height = newheight;
	document.getElementById('detailimage').alt = imgid;
	
	//the popup details
	document.getElementById('popupimagewidth').innerHTML = popupwidth;
	document.getElementById('popupimageheight').innerHTML = popupheight;
}      

function popupimage() {

	var imgid = document.getElementById('detailimage').alt;
	var width = 20+parseInt(document.getElementById('popupimagewidth').innerHTML); /* NOTICE: gets its value from a hidden div in the template*/
	var height = 20+parseInt(document.getElementById('popupimageheight').innerHTML);

	var url = '/?act=popupimage&imageid='+imgid;	
	window.open(url,'_new','width='+width+',height='+height+',status=no,scrollbars=no,toolbar=no,location=no,menubar=no,directories=no,resizable=no');
	return;
}