var oWindow;
var ImageTemp;
var PAN_SPEED = 1;
var WIN_WIDTH;
var LEFT_POSITION;
var LEFT_EXTREME;
var RIGHT_EXTREME;
var WIN_HEIGHT;
var IntervalID;
var PanningStatus = true;
var NAV_LEFT;
var IMAGE_PANEL;
var Screen_Height = screen.height;
var Screen_Width = screen.width;
var RightDirection = true

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 = Screen_Width;
WIN_HEIGHT = IMAGE_HEIGHT + 50;

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) - 200;
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>Panorama Viewer</title></head><body bgcolor=#EFEFEF 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 href='javascript:window.opener.fastSpeed();'><img border=0 src='../../images/util/fast-b.gif' id=cmdFast name=cmdFast><font color=#CCFF99>&nbsp;&nbsp;</font></a>";
strHTML += "<a href='javascript:window.opener.slowSpeed();'><img border=0 src='../../images/util/slow.gif' id=cmdSlow name=cmdSlow><font color=#CCFF99>&nbsp;&nbsp;</font></a>";
strHTML += "<a href='javascript:window.opener.PanLeft();'><img border=0 src='../../images/util/left.gif' id=cmdPanLeft name=cmdPanLeft><font color=#CCFF99>&nbsp;&nbsp;</font></a>";
strHTML += "<a href='javascript:window.opener.StopPan();'><img border=0 src='../../images/util/stop.gif' id=cmdStopPan name=cmdStopPan><font color=#CCFF99>&nbsp;&nbsp;</font></a>";
strHTML += "<a href='javascript:window.opener.PanRight();'><img border=0 src='../../images/util/right.gif' id=cmdPanRight name=cmdPanRight><font color=#CCFF99>&nbsp;&nbsp;</font></a>";
strHTML += "<a href='javascript:window.close();'><img border=0 src='../../images/util/exit.gif'></a>";
strHTML += "</div></body></html>";

oWindow.document.write(strHTML);
IMAGE_PANEL = oWindow.document.all["ImagePanel"];
PanRight()
}

function PanLeft()
{
if(PanningStatus == false){PanningStatus = true;}else{StopPan();}
oWindow.document.images["cmdStopPan"].src = "../../images/util/stop.gif"
oWindow.document.images["cmdPanLeft"].src = "../../images/util/left-b.gif"
oWindow.document.images["cmdPanRight"].src = "../../images/util/right.gif"
window.clearInterval(IntervalID)
IntervalID = window.setInterval("MoveLeft()",PAN_SPEED)
RightDirection=false
}

function PanRight()
{
if(PanningStatus == false){PanningStatus = true;}else{StopPan();}
oWindow.document.images["cmdStopPan"].src = "../../images/util/stop.gif"
oWindow.document.images["cmdPanLeft"].src = "../../images/util/left.gif"
oWindow.document.images["cmdPanRight"].src = "../../images/util/right-b.gif"
window.clearInterval(IntervalID)
IntervalID = window.setInterval("MoveRight()",PAN_SPEED)
RightDirection=true
}

function MoveLeft(){if(LEFT_POSITION < 0){LEFT_POSITION = LEFT_POSITION + 1;IMAGE_PANEL.style.left = LEFT_POSITION;}else{StopPan();}}

function MoveRight(){if(LEFT_POSITION > RIGHT_EXTREME){LEFT_POSITION = LEFT_POSITION - 1;IMAGE_PANEL.style.left = LEFT_POSITION;}else{StopPan();}}

function PanMiddle(){IMAGE_PANEL.style.left = LEFT_EXTREME;LEFT_POSITION = LEFT_EXTREME;}

function StopPan()
{
oWindow.document.images["cmdStopPan"].src = "../../images/util/stop-b.gif"
oWindow.document.images["cmdPanLeft"].src = "../../images/util/left.gif"
oWindow.document.images["cmdPanRight"].src = "../../images/util/right.gif"
window.clearInterval(IntervalID)
PanningStatus = false
}

function fastSpeed()
{
oWindow.document.images["cmdFast"].src = "../../images/util/fast-b.gif"
oWindow.document.images["cmdSlow"].src = "../../images/util/slow.gif"
PAN_SPEED = 1
window.clearInterval(IntervalID)
if (RightDirection==true) {IntervalID = window.setInterval("MoveRight()",PAN_SPEED);}else{IntervalID = window.setInterval("MoveLeft()",PAN_SPEED);}
}

function slowSpeed()
{
oWindow.document.images["cmdFast"].src = "../../images/util/fast.gif"
oWindow.document.images["cmdSlow"].src = "../../images/util/slow-b.gif"
PAN_SPEED = 20
window.clearInterval(IntervalID)
if (RightDirection==true) {IntervalID = window.setInterval("MoveRight()",PAN_SPEED);}else{IntervalID = window.setInterval("MoveLeft()",PAN_SPEED);}
}

