function showItem(id,indexId,collection){
	//parent.navigate("/collections/item.cfm?id="+id);
	window.location = "/collections/item.cfm?id=" + id + "&index=" + indexId + "&collection=" + collection;
	//parent.document.getElementById("loadingwindow").style.visibility="visible";
}

var id = 0;
function showAd(){
	window.open("/media/showad.cfm?id=" + id, "hjrad", "height=740,width=636, resizable=yes")
}

function setID(itemid){
	id = itemid;
}

function loadSite(){
	
	top.moveTo(0,0);
	top.resizeTo(screen.availWidth,screen.availHeight);
	window.location = "/about";
	
}

function startMovie(){
	
	x=screen.availWidth;
	y=screen.availHeight;

	target = parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length));
	
	if((navigator.appVersion.indexOf("Mac")!=-1) &&(navigator.userAgent.indexOf("MSIE")!=-1) &&(parseInt(navigator.appVersion)==4))
		window.open("/about","sub",'scrollbars=yes');
	
	if (target >= 4){
		if (navigator.appName=="Netscape"){
		    var MachakFull=window.open("/about","hjr",'scrollbars=yes','width='+x+',height='+y+',top=0,left=0');
			MachakFull.moveTo(0,0);
			MachakFull.resizeTo(x,y);
		}
		if (navigator.appName=="Microsoft Internet Explorer")
			window.open("/about","hjr","fullscreen=yes");
		}
	else window.open("/about","sub",'scrollbars=yes');

}

// ZOOM SCRIPTS

var frameRef = null;
var zoomboxSmall = null;
var fsImgRef = null;
var tnImgRef = null;
var fsDivRef = null;
var loader = null;
var frameIsMoving = false;
var magnificationFactor = 4;

var originalOffsetX = 0;
var originalOffsetY = 0;
var cacheOffsets    = null;

function setupImageHandler()
{
	fsImgRef = document.getElementById("fullSizeImg"); //actual image zoomed
	frameRef = document.getElementById("frameImg"); //small zoom box u drag aaround
	tnImgRef = document.getElementById("_ctl1_ProductDetailImageViewer1_imgProduct");//large product
	fsDivRef = document.getElementById("fullSizeDiv"); //has zoomed in it
	fsDivTDRef = document.getElementById("fsDivTD"); //row that contains alot of things
	fsZoomBoxRef = document.getElementById("fsZoomBox"); //image w/ text "zoom viewer"
	myloader = document.getElementById("loader");
	zoomboxSmall = document.getElementById("zoombox_small");
	
	cacheOffsets = getTotalOffsets(tnImgRef);
	
	//the number in here are where the boxes are on the screen
	fsDivRef.style.left = cacheOffsets.x + 10  + "px" ;
	fsDivRef.style.top = cacheOffsets.y - 227 + "px" ;
	fsZoomBoxRef.style.left = cacheOffsets.x + 10  + "px" ;
	fsZoomBoxRef.style.top = cacheOffsets.y - 227 + "px" ;
		
	imageHandler();
	
	fsImgRef.onreadystatechange = function()
	{
		if (fsImgRef.readyState == "complete")
		{
			frameRef.style.display = "" ;
			fsDivRef.style.display = "" ;
			frameRef.style.cursor = "move" ;
			myloader.style.visibility = "hidden";
			imageHandler() ;
		}
	}
	
	if (fsImgRef.readyState == "complete")
	{
		frameRef.style.display = "" ;
		fsDivRef.style.display = "" ;
		frameRef.style.cursor = "move" ;
		myloader.style.visibility = "hidden";
		imageHandler() ;
	}
	else
	{
		frameRef.style.display = "" ;
		fsDivRef.style.display = "" ;
		frameRef.style.cursor = "move" ;
		myloader.style.visibility = "hidden";
		imageHandler() ;
		/*
		fsDivTDRef.style.height = "0px" ;
		fsDivTDRef.style.display = "none" ;
		*/
	}
			
	//Approximate center on screen (hard coded)
	//True calculations can be found under document.onmousemove
	frameRef.style.left=cacheOffsets.x + 180;
	frameRef.style.top=cacheOffsets.y + 225;
	
	zoomboxSmall.style.left=cacheOffsets.x + 180;
	zoomboxSmall.style.top=cacheOffsets.y + 225;
	
	fsImgRef.style.top =-895;
	fsImgRef.style.left=-720;
		
}

function imageHandler()
{

	fsImgRef = document.getElementById("fullSizeImg");
	frameRef = document.getElementById("frameImg");
	fsImgRef = document.getElementById("fullSizeImg");
	fsDivRef = document.getElementById("fullSizeDiv");
	tnImgRef = document.getElementById("_ctl1_ProductDetailImageViewer1_imgProduct");
	fsZoomBoxRef = document.getElementById("fsZoomBox");
	myloader = document.getElementById("loader");
	zoomboxSmall = document.getElementById("zoombox_small");
	
	// Get our image offsets
	cacheOffsets = getTotalOffsets(tnImgRef);
	
	frameRef.style.top  = cacheOffsets.y + "px";
	frameRef.style.left = cacheOffsets.x + "px";
	
	zoomboxSmall.style.top  = cacheOffsets.y + "px";
	zoomboxSmall.style.left = cacheOffsets.x + "px";
	
	fsImgRef.style.top  = '0px';
	fsImgRef.style.left = '0px';
	fsImgRef.style.zIndex = 1 ;
	
	tnImgRef.onmousedown = function()
	{
		
		frameIsMoving = true;

		originalOffsetX = (frameRef.width / 2);
		originalOffsetY = (frameRef.height / 2);
		
		document.onmousemove(event);
		
	}

	frameRef.onmousedown = function(myEvent)
	{
		
		myEvent = myEvent || window.event;
		if(myEvent.pageX || myEvent.pageY){
			myX = myEvent.pageX;
			myY = myEvent.pageY;
		} else {
			myX = myEvent.clientX + document.body.scrollLeft - document.body.clientLeft;
			myY = myEvent.clientY + document.body.scrollTop - document.body.clientTop;
		}
		
		frameIsMoving = true;

		frameRefStyleLeft = frameRef.style.left.replace("px", "");
		frameRefStyleTop = frameRef.style.top.replace("px", "");
		
		originalOffsetX = myX - frameRefStyleLeft;
		originalOffsetY = myY - frameRefStyleTop;
				
	}

	frameRef.onmouseup   = function()
	{
		
		frameIsMoving = false;
		originalOffsetX = 0;
		originalOffsetY = 0;
		
	}
	
	frameRef.ondragstart = function() { return false; }
	fsImgRef.ondragstart = function() { return false; }
	tnImgRef.ondragstart = function() { return false; }

	document.onmousemove = function myMouseMove(myEvent)
	{
		
		myEvent = myEvent || window.event;
		if(myEvent.pageX || myEvent.pageY){
			myX = myEvent.pageX;
			myY = myEvent.pageY;
		} else {
			myX = myEvent.clientX + document.body.scrollLeft - document.body.clientLeft;
			myY = myEvent.clientY + document.body.scrollTop - document.body.clientTop;
		}
		
		if (frameIsMoving)
		{
			
			var newLeft = cacheOffsets.x + Math.min(tnImgRef.width - frameRef.width, Math.max(0, (myX - originalOffsetX) - cacheOffsets.x));
			var newTop  = cacheOffsets.y + Math.min(tnImgRef.height - frameRef.height, Math.max(0, (myY - originalOffsetY) - cacheOffsets.y));
			
			frameRef.style.left = newLeft + 'px';
			frameRef.style.top  = newTop + 'px';
						
			zoomboxSmall.style.left = newLeft + 'px';
			zoomboxSmall.style.top  = newTop + 'px';
			
			var clipLeft   = (newLeft - cacheOffsets.x) * magnificationFactor;
			var clipTop    = (newTop - cacheOffsets.y) * magnificationFactor;
			var clipBottom = clipTop  + (frameRef.height * magnificationFactor);
			var clipRight  = clipLeft + (frameRef.width * magnificationFactor);

			fsImgRef.style.top  = (-clipTop) + 'px';
			fsImgRef.style.left = (-clipLeft) + 'px';
		}
	}
}

function getTotalOffsets(elementRef)
{
	var offsetParentRef = elementRef.offsetParent;
	var offsets = new Object();
	
	offsets.x = 0;
	offsets.y = 0;
	
	while (offsetParentRef != null)
	{
		offsets.x += (offsetParentRef.offsetLeft) ;
		offsets.y += (offsetParentRef.offsetTop) ;
		
		offsetParentRef = offsetParentRef.offsetParent;
	}
	
	return offsets;
}

document.onmouseup = function()
{
	frameIsMoving = false;

	originalOffsetX = 0;
	originalOffsetY = 0;
}

window.onresize= function()
{
	
	if (fsImgRef != null) //this only runs if we have run setupImageHandler on the current page already
						//which means we are on the zoom page
	{
		//window.location.href = window.location.href;
		setupImageHandler(); 
	}
}

// ZOOM SCRIPTS