// ©2003 ChannelVR. All rights reserved

//Author adjustable variables:
var thumbRoom=0;
var activeThumbRoom=0;

var thumbStill=0;
var activeThumbStill=0;

var thumbVideo=0;
var activeThumbVideo=0;

var thumbObject3D=0;
var activeThumbObject3D=0;

var rotateInc=-1
var zoomInc=32
var parentHeight=60
var parentWidth=60
var startingXPosition=0

//Set variables:
nn4=(document.layers)? true:false
ie4=(document.all)? true:false

var imageHeight=parentHeight
var right=true
var focusImgA
var nonFocusImgA
var focusImgB
var nonFocusImgB
var rotateInterval
var loaded=false
var down=false;

var imageThumbWidth=new Array(p.MAX_PANOS);
var objThumb1=new Array(p.MAX_PANOS);
var objThumb2=new Array(p.MAX_PANOS);
var superdivs=new Array(rooms.length);
var parents=new Array(rooms.length);


function hidden() {
	if(ie4)	document.body.style.overflow='hidden';
}

function unhidden() {
	if(ie4)	document.body.style.overflow='';
}


function init() {
	var imageThumb1;
	var imageThumb2;

	// for all rooms
	for(i=0;i<=thumbRoom-1;i++) {
		//calculate image dimensions
		if(ie4) {
			imageThumb1 = eval('pano1'+i.toString());
			imageThumb2 = eval('pano2'+i.toString());
			imageThumb1.style.pixelHeight = parentHeight;
			imageThumb2.style.pixelHeight = parentHeight;
			imageThumbWidth[i] = document.images["pano1"+i.toString()].width;
			superThumb = document.all["superDiv"+i.toString()].style;
			parentThumb  = document.all["parent1Div"+i.toString()].style;
			objThumb1[i] = document.all["child1Div"+i.toString()].style;
			objThumb2[i] = document.all["child2Div"+i.toString()].style;

			objThumb1[i].xpos = startingXPosition;
			objThumb2[i].xpos = imageThumbWidth[i];

			parentThumb.clip = "rect(0 "+parentWidth+" "+parentHeight+" 0)";

			superThumb.width = parentWidth;
			parentThumb.width = parentWidth;
		}
		if(nn4) {
/*		    str = 'pano1'+i.toString();
			imageThumb1 = document.images[str];
			alert(imageThumb1);
			imageThumb2 = document.images['pano2'+i.toString()];
			imageThumb1.style.pixelHeight = parentHeight;
			imageThumb2.style.pixelHeight = parentHeight;
			imageThumbWidth[i] = document.images["pano1"+i.toString()].width;
			superThumb = document.all["superDiv"+i.toString()].style;
			parentThumb  = document.all["parent1Div"+i.toString()].style;
			objThumb1[i] = document.all["child1Div"+i.toString()].style;
			objThumb2[i] = document.all["child2Div"+i.toString()].style;

			objThumb1[i].xpos = startingXPosition;
			objThumb2[i].xpos = imageThumbWidth[i];
*/
			superdivs[i] = document.eval('superDiv'+i);
			parents[i] = superdivs[i].document.eval('parent1Div'+i);
			objThumb1[i] = parents[i].document.eval('child1Div'+i);
			objThumb2[i] = parents[i].document.eval('child2Div'+i);

			//NOTE: CANNOT BE USED TO RESIZE IMAGES IN NN
			//obj1.document.images["image1"].height = parentHeight
			//obj2.document.images["image2"].height = parentHeight
			//imageThumbWidth[i] = objThumb1[i].document.images[("image1"+i.toString())].width;
			imageThumbWidth[i] = objThumb1[i].document.images["pano1"+i.toString()].width;

			objThumb1[i].xpos = parseInt(objThumb1[i].left);
			objThumb2[i].xpos = imageThumbWidth[i];
			//parents[i].document.eval('child1Div'+i.toString()).captureEvents(Event.MOUSEDOWN | Event.MOUSEUP | Event.MOUSEMOVE);

			parents[i].clip.bottom = parentHeight;
			parents[i].clip.right = parentWidth;

			superdivs[i].width = parentWidth;
			parents[i].width = parentWidth;
		}

		//resize the divs
		//NOTE: DOES NOT WORK IN NN

	}
	loaded=true;
}

//parameter "direction" is a boolean, true indicating anti-clockwise
function activate(direction) {
	if(loaded) {
		stop()
		if(direction) {
			rotateInterval = window.setInterval("rotate(rotateInc)", 50);
		}
		else {
			rotateInterval = window.setInterval("rotate(-rotateInc)", 50);
		}
	}
}

function stop() {
	window.clearInterval(rotateInterval);
}

function rotate(rotateInc) {
	getFocusImage()
	moveLayers()

		//incrementally moves the layers using position of left attribute
	objThumb1[activeThumbRoom].xpos += rotateInc
	objThumb2[activeThumbRoom].xpos += rotateInc
	objThumb1[activeThumbRoom].left = objThumb1[activeThumbRoom].xpos
	objThumb2[activeThumbRoom].left = objThumb2[activeThumbRoom].xpos
}

var focusImg;
var nonFocusImg;

function getFocusImage() {
	//determine which layer is to the left of other layer
	if(objThumb1[activeThumbRoom].xpos < objThumb2[activeThumbRoom].xpos) {
			focusImg = objThumb1[activeThumbRoom]
			nonFocusImg = objThumb2[activeThumbRoom]
		}
		else {
			focusImg = objThumb2[activeThumbRoom]
			nonFocusImg = objThumb1[activeThumbRoom]
	}
}

function moveLayers() {
	if (focusImg == objThumb1[activeThumbRoom]) {
		if(focusImg.xpos >= 0) {
			nonFocusImg.xpos -= (2*imageThumbWidth[activeThumbRoom])
		}
		else if(focusImg.xpos <= - imageThumbWidth[activeThumbRoom]) {
			focusImg.xpos += (2*imageThumbWidth[activeThumbRoom])
		}
	}
	else if (focusImg == objThumb2[activeThumbRoom]) {
		if(focusImg.xpos >= 0) {
			nonFocusImg.xpos -= (2*imageThumbWidth[activeThumbRoom])
		}
		else if(focusImg.xpos <= - imageThumbWidth[activeThumbRoom]) {
			focusImg.xpos += (2*imageThumbWidth[activeThumbRoom])
		}
	}
}


function mouseDown(e) {
	xpos = (nn4)? e.pageX : event.offsetX
	ypos = (nn4)? e.pageY : event.offsetY
	down=true
}

function mouseUp(e) {
	xpos = (nn4)? e.pageX : event.offsetX
	ypos = (nn4)? e.pageY : event.offsetY
	down=false
}

function mouseMove(e) {
alert("mouseMove");
	if(down) {
		xpos = (nn4)? e.pageX : event.offsetX
		ypos = (nn4)? e.pageY : event.offsetY
	}
}

function writePanoThumb(nPano) {
	var str="";
	thumbImageURL = rooms[nPano].panoThumbURL;
	imgURL = rooms[nPano].panoImageURL;
	thumbDescription = rooms[nPano].panoTitle;
	thumbHeight = 60;
	thumbWidth = 60;

	document.writeln('<style type="text/css">');
	document.writeln('<!--');
//	document.writeln('#superDiv'+thumbRoom+' {position:relative; left:1; top:-64; width:'+thumbWidth+'; height:'+thumbHeight+';}');
//	document.writeln('#superDiv'+thumbRoom+' {position:relative; left:0; top:0; width:'+thumbWidth+'; height:100;}');
	document.writeln('#superDiv'+thumbRoom+' {position:relative; left:0; top:0; width:60; height:100;}');
	document.writeln('#iconDiv'+thumbRoom+' {position:absolute; left:0; top:0; width:60; height:13;}');
	document.writeln('#thumbDescriptionDiv'+thumbRoom+' {position:absolute; left:0; top:74; width:60; height:20;}');
	document.writeln('#parent1Div'+thumbRoom+' {position:absolute; top:13; left:0; width:60; height:60; clip:rect(0 '+thumbWidth+' '+thumbHeight+' 0);}');
	document.writeln('#child1Div'+thumbRoom+' {position:absolute; left:0; top:0; width:60; height:0;}');
	document.writeln('#child2Div'+thumbRoom+' {position:absolute; left:0; top:0; width:60; height:0;}');
	document.writeln('//-->');
	document.writeln('</style>');
	document.writeln('<div id="superDiv'+thumbRoom+'">');
	document.writeln('<div id="iconDiv'+thumbRoom+'">');
//	document.writeln('<a href="javascript:parent.jsLoadRoom('+thumbRoom+');parent.jsSetAction(\'right\');parent.setSecondaryDescription(\''+rooms[thumbRoom].panoDescription+'\');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'icon_pano'+thumbRoom+'\',\'\',\'images/icon_pano_ani.gif\',1)"><img name="icon_pano'+thumbRoom+'" border="0" src="images/icon_pano.gif" width="60" alt="'+thumbDescription+'"></a>');
	document.writeln('<a href="javascript:parent.jsLoadRoom('+thumbRoom+');parent.setSecondaryDescription(\''+rooms[thumbRoom].panoDescription+'\');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'icon_pano'+thumbRoom+'\',\'\',\'images/icon_pano_ani.gif\',1)"><img name="icon_pano'+thumbRoom+'" border="0" src="images/icon_pano.gif" width="60" alt="'+thumbDescription+'"></a>');
	document.writeln('</div>');
	document.writeln('<div id="thumbDescriptionDiv'+thumbRoom+'">');
	document.writeln(thumbDescription);
	document.writeln('</div>');
	document.writeln('<div id="parent1Div'+thumbRoom+'">');

	// the two image layers
//	document.writeln('<div id="child1Div'+thumbRoom+'"><a onMouseOver="activeThumbRoom='+thumbRoom+';activate(true);MM_swapImage(\'icon_pano'+thumbRoom+'\',\'\',\'images/icon_pano_ani.gif\',1);" onMouseOut="activeThumbRoom=0;stop();MM_swapImgRestore();" href="javascript:parent.jsLoadRoom('+thumbRoom+');parent.jsSetAction(\'right\');parent.setSecondaryDescription(\''+rooms[thumbRoom].panoDescription+'\');"><img src="'+activePagePath+thumbImageURL+'" alt="'+thumbDescription+'" name="pano1'+thumbRoom.toString()+'" height="'+thumbHeight+'" border="0"></a></div>');
//	document.writeln('<div id="child2Div'+thumbRoom+'"><a onMouseOver="activeThumbRoom='+thumbRoom+';activate(true);MM_swapImage(\'icon_pano'+thumbRoom+'\',\'\',\'images/icon_pano_ani.gif\',1);" onMouseOut="activeThumbRoom=0;stop();MM_swapImgRestore();" href="javascript:parent.jsLoadRoom('+thumbRoom+');parent.jsSetAction(\'right\');parent.setSecondaryDescription(\''+rooms[thumbRoom].panoDescription+'\');"><img src="'+activePagePath+thumbImageURL+'" alt="'+thumbDescription+'" name="pano2'+thumbRoom.toString()+'" height="'+thumbHeight+'" border="0"></a></div>');
	document.writeln('<div id="child1Div'+thumbRoom+'"><a onMouseOver="activeThumbRoom='+thumbRoom+';activate(true);MM_swapImage(\'icon_pano'+thumbRoom+'\',\'\',\'images/icon_pano_ani.gif\',1);" onMouseOut="activeThumbRoom=0;stop();MM_swapImgRestore();" href="javascript:parent.jsLoadRoom('+thumbRoom+');parent.setSecondaryDescription(\''+rooms[thumbRoom].panoDescription+'\');"><img src="'+escape(activePagePath)+thumbImageURL+'" alt="'+thumbDescription+'" name="pano1'+thumbRoom.toString()+'" height="'+thumbHeight+'" border="0"></a></div>');
	document.writeln('<div id="child2Div'+thumbRoom+'"><a onMouseOver="activeThumbRoom='+thumbRoom+';activate(true);MM_swapImage(\'icon_pano'+thumbRoom+'\',\'\',\'images/icon_pano_ani.gif\',1);" onMouseOut="activeThumbRoom=0;stop();MM_swapImgRestore();" href="javascript:parent.jsLoadRoom('+thumbRoom+');parent.setSecondaryDescription(\''+rooms[thumbRoom].panoDescription+'\');"><img src="'+escape(activePagePath)+thumbImageURL+'" alt="'+thumbDescription+'" name="pano2'+thumbRoom.toString()+'" height="'+thumbHeight+'" border="0"></a></div>');

	document.writeln('</div>');
	document.writeln('</div>'); // end superdiv
	thumbRoom++;


}

function writeStillThumb(nStill) {
	var str="";
	thumbImageURL = stills[nStill].stillThumbURL;
	imgURL = stills[nStill].stillImageURL;
	if ((thumbImageURL == "") || (thumbImageURL == null)) thumbImageURL = commonResourcesURL+"images/spacer.gif";
	thumbDescription = stills[nStill].stillTitle;
	if ((thumbDescription == "") || (thumbDescription == null)) thumbDescription = "";
	thumbHeight = 60;
	thumbWidth = 60;

	if ((imgURL == "") || (imgURL == null)) {
		// don't display icon
    	str+='<img name="icon_still_ani'+thumbStill+'" border="0" src="'+commonResourcesURL+'images/spacer.gif" width="24" height="20">';
		str+='<img src="'+thumbImageURL+'" name="still'+thumbStill+'" height="'+thumbHeight+'" width="'+thumbWidth+'" border="1" alt="'+thumbDescription+'"><br>';
	}
	else { // display icon
//    	str+='<a href="javascript:parent.chImage(\''+imgURL+'\');parent.setSecondaryDescription(\''+stills[thumbStill].stillDescription+'\');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'icon_still_ani'+thumbStill+'\',\'\',\'images/icon_2d_ani.gif\',1)">';
    	str+='<a href="javascript:parent.chImage('+nStill+');parent.setSecondaryDescription(\''+stills[thumbStill].stillDescription+'\');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'icon_still_ani'+thumbStill+'\',\'\',\'images/icon_2d_ani.gif\',1)">';
    	str+='<img name="icon_still_ani'+thumbStill+'" border="0" src="images/icon_2d.gif" width="60" height="13" alt="'+thumbDescription+'">';
    	str+='</a>'
//		str+='<a href="javascript:parent.chImage(\''+imgURL+'\');parent.setSecondaryDescription(\''+stills[thumbStill].stillDescription+'\');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'icon_still_ani'+thumbStill+'\',\'\',\'images/icon_2d_ani.gif\',1)"><img src="'+activePagePath+thumbImageURL+'" name="still'+thumbStill+'" height="'+thumbHeight+'" width="'+thumbWidth+'" border="0" alt="'+thumbDescription+'"></a><br>';
		str+='<a href="javascript:parent.chImage('+nStill+');parent.setSecondaryDescription(\''+stills[thumbStill].stillDescription+'\');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'icon_still_ani'+thumbStill+'\',\'\',\'images/icon_2d_ani.gif\',1)"><img src="'+parent.escape(activePagePath)+thumbImageURL+'" name="still'+thumbStill+'" border="0" alt="'+thumbDescription+'"></a><br>';
		str+=thumbDescription;
		thumbStill++;
    }

	document.write(str);
}

function writeVideoThumb(nStill) {
	var str="";
	thumbImageURL = videos[nStill].videoThumbURL;
	imgURL = videos[nStill].videoURL;
	if ((thumbImageURL == "") || (thumbImageURL == null)) thumbImageURL = commonResourcesURL+"images/spacer.gif";
	thumbDescription = videos[nStill].videoTitle;
	if ((thumbDescription == "") || (thumbDescription == null)) thumbDescription = "";
	thumbHeight = 60;
	thumbWidth = 60;

	if ((imgURL == "") || (imgURL == null)) {
		// don't display icon
    	str+='<img name="icon_video_ani'+thumbVideo+'" border="0" src="'+commonResourcesURL+'images/spacer.gif" width="24" height="20">';
		str+='<img src="'+thumbImageURL+'" name="video'+thumbVideo+'" height="'+thumbHeight+'" width="'+thumbWidth+'" border="1" alt="'+thumbDescription+'"><br>';
	}
	else { // display icon
    	str+='<a href="javascript:parent.chVideo('+nStill+');parent.setSecondaryDescription(\''+videos[thumbVideo].videoDescription+'\');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'icon_video_ani'+thumbVideo+'\',\'\',\'images/icon_video_ani.gif\',1)">';
    	str+='<img name="icon_video_ani'+thumbVideo+'" border="0" src="images/icon_video.gif" width="62" height="14" alt="'+thumbDescription+'">';
    	str+='</a>'
		str+='<a href="javascript:parent.chVideo('+nStill+');parent.setSecondaryDescription(\''+videos[thumbVideo].videoDescription+'\');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'icon_video_ani'+thumbVideo+'\',\'\',\'images/icon_video_ani.gif\',1)"><img src="'+parent.escape(activePagePath)+thumbImageURL+'" name="video'+thumbVideo+'" border="0" alt="'+thumbDescription+'"></a><br>';
		str+=thumbDescription;
		thumbVideo++;
    }

	document.write(str);
}

function writeObject3DThumb(nStill) {
	var str="";
	thumbImageURL = Objects3D[nStill].object3DThumbURL;
	imgURL = Objects3D[nStill].object3DURL;
	if ((thumbImageURL == "") || (thumbImageURL == null)) thumbImageURL = commonResourcesURL+"images/spacer.gif";
	thumbDescription = Objects3D[nStill].object3DTitle;
	if ((thumbDescription == "") || (thumbDescription == null)) thumbDescription = "";
	thumbHeight = 60;
	thumbWidth = 60;

	if ((imgURL == "") || (imgURL == null)) {
		// don't display icon
    	str+='<img name="icon_object3D_ani'+thumbObject3D+'" border="0" src="'+commonResourcesURL+'images/spacer.gif" width="24" height="20">';
		str+='<img src="'+thumbImageURL+'" name="Object3D'+thumbObject3D+'" height="'+thumbHeight+'" width="'+thumbWidth+'" border="1" alt="'+thumbDescription+'"><br>';
	}
	else { // display icon
    	str+='<a href="javascript:parent.chObject3D('+nStill+');parent.setSecondaryDescription(\''+Objects3D[thumbObject3D].object3DDescription+'\');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'icon_object3D_ani'+thumbObject3D+'\',\'\',\'images/icon_object3D_ani.gif\',1)">';
    	str+='<img name="icon_object3D_ani'+thumbObject3D+'" border="0" src="images/icon_object3D.gif" width="60" height="14" alt="'+thumbDescription+'">';
    	str+='</a>'
		str+='<a href="javascript:parent.chObject3D('+nStill+');parent.setSecondaryDescription(\''+Objects3D[thumbObject3D].object3DDescription+'\');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'icon_object3D_ani'+thumbObject3D+'\',\'\',\'images/icon_object3D_ani.gif\',1)"><img src="'+parent.escape(activePagePath)+thumbImageURL+'" name="object3D'+thumbObject3D+'" border="0" alt="'+thumbDescription+'"></a><br>';
		str+=thumbDescription;
		thumbObject3D++;
    }

	document.write(str);
}


function writeEmptyThumb() {
	var thumbImageURL = activePortal+parent.portalSmallLogoURL;
	var thumbHeight = 60;
	var thumbWidth = 60;
	var str="";

	// don't display icon
//   	str+='<img border="1" src="'+commonResourcesURL+'images/spacer.gif" width="'+thumbWidth+'" height="12">';
//	str+='<img src="'+thumbImageURL+'" height="'+thumbHeight+'" width="'+thumbWidth+'" border="1"><br>';
	str+='<img src="'+commonResourcesURL+'images/spacer.gif" height="'+thumbHeight+'" width="'+thumbWidth+'" border="0"><br>';

	document.write(str);
}