var oWindow;
var ImageTemp;
var PAN_SPEED = 10;
var WIN_WIDTH;
var PAN_DIR = 1;
var PAN_STEP=1;
var LEFT_POSITION;
var LEFT_EXTREME;
var RIGHT_EXTREME;
var WIN_HEIGHT;
var IntervalID;
var PanningStatus = false;
var NAV_LEFT;
var IMAGE_PANEL;
var Screen_Height = screen.height;
var Screen_Width = screen.width;
function View360(IMAGE_URL,IMAGE_HEIGHT,IMAGE_WIDTH,RATIO){

var VIEW_TOP = (Screen_Height - IMAGE_HEIGHT) / 2;
var VIEW_LEFT = (Screen_Width - IMAGE_WIDTH) / 2;

if(oWindow){
oWindow.close();
}
ImageTemp = new Image();
ImageTemp.src = IMAGE_URL;
WIN_WIDTH = (IMAGE_WIDTH / RATIO);
WIN_HEIGHT = IMAGE_HEIGHT + 30;

var VIEW_TOP = (Screen_Height - WIN_HEIGHT) / 2;
var VIEW_LEFT = (Screen_Width - WIN_WIDTH) / 2;

LEFT_POSITION = (IMAGE_WIDTH * 9);
IMAGE_WIDTH = IMAGE_WIDTH * 20;
var strImages = "";
for(var iImageCounter = 0;iImageCounter < 20;iImageCounter++){
strImages += "<td><img src='" + IMAGE_URL + "'></td>";
}

LEFT_POSITION = LEFT_POSITION * -1;
LEFT_EXTREME = LEFT_POSITION;
RIGHT_EXTREME = WIN_WIDTH - IMAGE_WIDTH;
NAV_LEFT = (WIN_WIDTH / 2) - 80;
var strFeatures = "left=" + VIEW_LEFT + ",top=" + VIEW_TOP + ",height=" + WIN_HEIGHT + ",width=" + WIN_WIDTH + ",scrollbars=no";
var strHTML = "";
oWindow = window.open("","3D",strFeatures);

strHTML += "<html><head><title>Bee's Hall</title></head><body bgcolor=black style='Margin:0;'>";
strHTML += "<div id=ImagePanel name=ImagePanel  style='position:absolute;left:" + LEFT_POSITION + ";top:0;width:" + IMAGE_WIDTH + ";height:" + IMAGE_HEIGHT + ">";
strHTML += "<table border=0 cellspacing=0 cellpadding=0><tr>";
strHTML += strImages;
strHTML += "</tr></table></div>";
strHTML += "<div style='position:absolute;top:" + (IMAGE_HEIGHT + 6)  + ";left:" + NAV_LEFT + ";'>";
strHTML += "<a style='Font:Verdana;Color:white;font-size:12px;' href='javascript:window.opener.Slower();' >Slower</a>&nbsp&nbsp;&nbsp;;" ;
strHTML += "<a href='javascript:window.opener.PanLeft();' ><img border=0 src='/Scriptlibrary/PanLeft.gif' id=cmdPanLeft name=cmdPanLeft></a>";
strHTML += "<a href='javascript:window.opener.StopPan();'><img border=0 src='/Scriptlibrary/PanStop.gif'></a>";
strHTML += "<a href='javascript:window.opener.PanRight();' ><img border=0 src='/Scriptlibrary/PanRight.gif' id=cmdPanRight name=cmdPanRight></a>";
strHTML += "&nbsp;&nbsp;&nbsp;<a style='Font:Verdana;Color:white;font-size:12px;' href='javascript:window.opener.Faster();' >Faster</a>";
strHTML += "</div></body></html>";

oWindow.document.write(strHTML);
IMAGE_PANEL = oWindow.document.all["ImagePanel"];
}

function PanLeft(){if(PanningStatus == false){PanningStatus = true;}else{StopPan();}if(PanningStatus){oWindow.document.images["cmdPanLeft"].src = "/Scriptlibrary/PanLeft_On.gif";IntervalID = window.setInterval("MoveLeft()",PAN_SPEED);}}

function PanRight(){if(PanningStatus == false){PanningStatus = true;}else{StopPan();}if(PanningStatus){oWindow.document.images["cmdPanRight"].src = "/Scriptlibrary/PanRight_On.gif";IntervalID = window.setInterval("MoveRight()",PAN_SPEED);}}

function MoveLeft(){if(LEFT_POSITION < 0){LEFT_POSITION = LEFT_POSITION + PAN_STEP;IMAGE_PANEL.style.left = LEFT_POSITION;PAN_DIR=1}else{StopPan();}}

function MoveRight(){if(LEFT_POSITION > RIGHT_EXTREME){LEFT_POSITION = LEFT_POSITION - PAN_STEP;IMAGE_PANEL.style.left = LEFT_POSITION;PAN_DIR=0}else{StopPan();}}

function PanMiddle(){IMAGE_PANEL.style.left = LEFT_EXTREME;LEFT_POSITION = LEFT_EXTREME;}
function StopPan(){oWindow.document.images["cmdPanLeft"].src = "/Scriptlibrary/PanLeft.gif";oWindow.document.images["cmdPanRight"].src = "/Scriptlibrary/PanRight.gif";window.clearInterval(IntervalID);PanningStatus = false;}
function Faster()
{ PAN_STEP = PAN_STEP * 2 ;
if(PanningStatus == true){
	if (PAN_DIR == 0)
		{
			window.clearInterval(IntervalID);
			IntervalID = window.setInterval("MoveRight()",PAN_SPEED);
		}
		else
		{
			window.clearInterval(IntervalID);
			IntervalID = window.setInterval("MoveLeft()",PAN_SPEED);
		}
	}
else {StopPan();}
}
function Slower()
{ 
if (PAN_STEP > 1) {PAN_STEP = PAN_STEP / 2 ;}
else {StopPan();}
if(PanningStatus == true){
	if (PAN_DIR == 0)
		{
			window.clearInterval(IntervalID);
			IntervalID = window.setInterval("MoveRight()",PAN_SPEED);
		}
		else
		{
			window.clearInterval(IntervalID);
			IntervalID = window.setInterval("MoveLeft()",PAN_SPEED);
		}
		}
}