var agt=navigator.userAgent.toLowerCase();
var is_opera = (agt.indexOf('opera') != -1);
var is_ie = (agt.indexOf('msie') != -1);
var is_moz = (agt.indexOf('firefox')!=-1);
var is_ns = (agt.indexOf('netscape')!=-1);
if(is_ns){
	var x = agt.lastIndexOf('/')+1;
	var is_ns7 = parseInt(agt.substring(x,x+1));
}
var dom = document.getElementById;
var ie4 = document.all && agt.indexOf("Opera")==-1;
var ns6 = document.getElementById&&!document.all;
var ns4 = document.layers;
var isIE = document.all;
var MaxRestoreDefault=0;
var VISIBLE = "visible";
var HIDE = (ie4||ns6)? "hidden" : "hide";
var selectContainer = document.getElementsByTagName("XSELECT");

function DragInit(e){ 
	getSrc=document.getElementById("imgplaceholder"); 
	getSrcTar=isIE ? event.srcElement : e.target;
	if (getSrcTar.id=="titleBar"){ 
		offsetx=isIE ? event.clientX : e.clientX; 
		offsety=isIE ? event.clientY : e.clientY; 
		X=parseInt(getSrc.style.left); 
		Y=parseInt(getSrc.style.top); 
		DragInitEnabled=true; 
		document.onmousemove=DragDiv; 
		document.ondblclick=MaxRestore; 
	} 
}

function DragDiv(e){ 
	if (!DragInitEnabled)return; 
	getSrc.style.left=isIE ? X+event.clientX-offsetx : X+e.clientX-offsetx; 
	getSrc.style.top=isIE ? Y+event.clientY-offsety : Y+e.clientY-offsety; 
	return false; 
} 
document.onmousedown=DragInit; 
document.onmouseup=Function("DragInitEnabled=false");

function changeImg(imgname,largeImg,obj){ 
	document.getElementById("itemimage").src = largeImg.src; 
			if(obj){ 
				showLayer(obj); 
			}else{ 
				document.getElementById("mainimg").src = imgname.src; 
			} 
}

function showLayer(obj){ 
var theTable = document.getElementById("multiTable");
var MaxRes = document.getElementById("MaxRes"); 
var PlaceHolder = document.getElementById("imgplaceholder"); 
	for(i=0; i<selectContainer.length;i++)
			selectContainer[i].style.visibility = HIDE;
	if(dom ||ie4 || ns6){
				obj.style.visibility = VISIBLE;
				obj.style.display = "block";
				if (MaxRestoreDefault==0){
						MaxRestoreDefault=0;
						MaxRes.innerHTML = "Maximize";
						PlaceHolder.style.width=0;
						PlaceHolder.style.height=0;
						if((is_ns7 == 7)||is_moz||is_ie||is_opera){
									PlaceHolder.className = "invisibleborder";
									theTable.className = "visibleborder";
						}
				}else{
						MaxRestoreDefault=1;
						MaxRes.innerHTML = "Restore";
						PlaceHolder.style.width=ns6? window.innerWidth-20+"px" : document.body.offsetWidth-20+"px";
						PlaceHolder.style.height=ns6? window.innerHeight-20+"px" : document.body.offsetHeight-20+"px";
						}
				}
}

function hideLayerInsets(obj){ 
	var theTable = document.getElementById("multiTable"); 
	var MaxRes = document.getElementById("MaxRes"); 
	var PlaceHolder = document.getElementById("imgplaceholder"); 
	MaxRestoreDefault=0; 
		for(i=0; i<selectContainer.length;i++)
			selectContainer[i].style.visibility = VISIBLE;
	if(dom ||ie4 || ns6){
				obj.style.visibility = HIDE;
				obj.style.display = "none";
				MaxRes.innerHTML = "Maximize";
				PlaceHolder.style.width=0;
				PlaceHolder.style.height=0;
				PlaceHolder.style.left=0;
				PlaceHolder.style.top=0;
	}
}
																																																						
function MaxRestore(){ 
var theTable = document.getElementById("multiTable"); 
var MaxRes = document.getElementById("MaxRes"); 
var PlaceHolder = document.getElementById("imgplaceholder"); 
	if(MaxRestoreDefault==0){ 
		MaxRestoreDefault=1;
		MaxRes.innerHTML = "Restore";
		PlaceHolder.style.width=ns6? window.innerWidth-20+"px" : document.body.offsetWidth-20+"px";
		PlaceHolder.style.height=ns6? window.innerHeight-20+"px" : document.body.offsetHeight-20+"px";
		if((is_ns7 == 7) || is_moz || is_ie || is_opera){ 
			PlaceHolder.className = "visibleborder";
			theTable.className = "invisibleborder";
		} 
	}else{ 
		MaxRestoreDefault=0;
		MaxRes.innerHTML = "Maximize";
		PlaceHolder.style.width=0;
		PlaceHolder.style.height=0;
		if((is_ns7 == 7) || is_moz || is_ie || is_opera){ 
			theTable.className = "visibleborder";
			PlaceHolder.className = "invisibleborder";
		} 
	} 
	PlaceHolder.style.left=0;
	PlaceHolder.style.top=0;
}

