<!--
// JavaScript Document
window.onresize = initializeViewerWidth;
function initializeViewerWidth(){
	var currentBoxWidth = document.getElementById("currentBoxWidth").value;
	getWidth(currentBoxWidth);
}
function getWidth(boxWidth) {
	if (document.all){
		var windowWidth = document.body.clientWidth;
	} else {
		var windowWidth = window.innerWidth;
	}
	if (boxWidth < 20){
		boxWidth = 555;// default product display value
	}	
	var myLeft = parseInt( (windowWidth/2) - (boxWidth/2) );
	if (myLeft < 0){
		myLeft = 0;
	}	
	var enlargeViewer_elem = document.getElementById("enlargeViewer");	
	enlargeViewer_elem.style.left=myLeft;
}
function viewerOn(boxWidth){	
	if (boxWidth < 20){
		boxWidth = 555;// default product display value
	}
	document.getElementById("currentBoxWidth").value = boxWidth;
	getWidth(boxWidth);
	
	var enlargeViewer_elem = document.getElementById("enlargeViewer");
	var enlargeBkgd_elem = document.getElementById("enlargeBkgd");
	enlargeViewer_elem.style.visibility="visible";
	enlargeBkgd_elem.style.visibility="visible";
	// could loop the alpha value here to gradually fade bkgd in
	var viewerTop_elem = document.getElementById("viewerTop");
	viewerTop_elem.style.width = boxWidth;
	var viewerMain_elem = document.getElementById("viewerMain");
	viewerMain_elem.style.width = boxWidth;
}
function viewerOff(){
	var enlargeViewer_elem = document.getElementById("enlargeViewer");
	var enlargeBkgd_elem = document.getElementById("enlargeBkgd");
	enlargeViewer_elem.style.visibility="hidden";
	enlargeBkgd_elem.style.visibility="hidden";
}
-->