var t;
var freq;
var externalInterfaceWorks;
var page;  
var wevCreditPage; 
var wevXmlDom;
var rotH;
var rotV;
var thePanoAngle;
var rotDistance;
var so; 
var wevACOn;            
var wevACPanoPosition;
var wevACFontSize;
var wevACColor;
var thumbs;
var imageFiles;
var roomTexts;
var utilityImageFiles;
var currentImageFile;
var wevTitles;
var wevTexts;
var wevThumbs;
var wevImages;
var wevObjects;
var wevObjectPositions;
var wevObjectStatus;
var spinning;
var tilting;
var wasSpinning;
var wasTilting;
var panAngle;
var lastPanAngle;
var tiltAngle;
var lastTiltAngle;
var enlargeStatus;
var imageShowing;
var bigImage;
var currentImageZoom;
var wevPressArrowPano;
var wevPressArrowImg;
var wevImageX;
var wevImageY;
var panningX;
var panningY;
var theInk;
var thePaper;
var textSize;

function initialiseGlobals()
{
    freq = 250;        
    externalInterfaceWorks = true;   
    wevCreditPage = 9;
    wevACOn = false;
    spinning = 1;
    tilting = 0; 
    lastPanAngle = 0;
    lastTiltAngle =0;   
    page = 0; 
    bigImage = new Image(); 
    currentImageZoom = 0;   
    wevPressArrowPano = "<br><br><br>Press arrows to look around room";
    wevPressArrowImg = "<br><br><br>Zoom then press arrows to look around";
    
    imageShowing = false;
    rotH=1;
    rotV=0;
    thePanoAngle=0;
    rotDistance=2;    
    theInk = "#000000";
    textSize = "small";
}

function init()
{
    initialiseGlobals();
    initialiseData();
	wevParseExhibInfo();
    wevLoadUtilityImageFiles();
}

function wevLoadUtilityImageFiles()
{
utilityImageFiles = new Array();

utilityImageFiles[0] = new Image();
utilityImageFiles[0].src = "img//NoMessBlkWht.gif"; 
// 1 -> active enlarge   
utilityImageFiles[1] = new Image();
utilityImageFiles[1].src = "img//EnlargeBlkWht_off.gif"; 
// 2 -> active enlarge   B&W
utilityImageFiles[2] = new Image();
utilityImageFiles[2].src = "img//EnlargeBlkWht_on.gif"; 

// 3 -> blank enlarge  B&W
utilityImageFiles[3] = new Image();
utilityImageFiles[3].src = "img//NoMessBlkWht.gif"; 
// 4 -> active enlarge   B&W
utilityImageFiles[4] = new Image();
utilityImageFiles[4].src = "img//EnlargeBlkWht_off.gif"; 
// 5 -> active enlarge   B&W
utilityImageFiles[5] = new Image();
utilityImageFiles[5].src = "img//EnlargeBlkWht_on.gif"; 

// 6 -> blank enlarge  B&Y
utilityImageFiles[6] = new Image();
utilityImageFiles[6].src = "img//NoMessBluYell.gif";  
// 7 -> active enlarge   B&Y
utilityImageFiles[7] = new Image();
utilityImageFiles[7].src = "img//EnlargeBluYell_off.gif"; 
// 8 -> active enlarge   B&Y
utilityImageFiles[8] = new Image();
utilityImageFiles[8].src = "img//EnlargeBluYell_on.gif"; 

// 9 -> blank enlarge  Y&B
utilityImageFiles[9] = new Image();
utilityImageFiles[9].src = "img//NoMessYellBlk.gif";  
// 10 -> active enlarge   Y&B
utilityImageFiles[10] = new Image();
utilityImageFiles[10].src = "img//EnlargeYellBlk_off.gif"; 
// 11 -> active enlarge   Y&B
utilityImageFiles[11] = new Image();
utilityImageFiles[11].src = "img//EnlargeYellBlk_on.gif"; 
}

function eventHandler()
{
    if(document.getElementById("pano") == null)
    {
        var waitingFrequency = 1000;
        t=setTimeout("eventHandler()",waitingFrequency); 
        return;        
    }
    try{
        if( externalInterfaceWorks )
        {
            updateInfoDisplay();
            updateArrows();
        }
        else
        {
            updateArrows();
        }
    }
    catch( exception )
    {
    }
    finally
    {
        t=setTimeout("eventHandler()",freq);    
    }
}
function wevParseExhibInfo()
{
    for(route=1; route<=4; route++)
    { 
        handleSubFormResponse(eAD[route-1], "panel"+route); 
    }
}
function newRoom()
{
    var firstTime = false;
    if( page == 0 )
    {    
          firstTime = true;
          document.getElementById("prelim").style.display = "none";
          document.getElementById("prelim").style.left = "-1999px";
          document.getElementById("wevcontainer").style.display = "block"; 
    }
    else if ( page == (wevCreditPage-1) )
    {
          document.getElementById("wevcontainer").style.display = "none";
          document.getElementById("wevcontainer").style.left = "-1999px";
          document.getElementById("creditspage").style.display = "block"; 
          return; 
    }

    page += 1;
    if( page>1)
    {
        if( externalInterfaceWorks )
        {
            var xmlFileName = "xml/HCRoom0"+page+".xml";
            document.getElementById("pano").myidPanoExecute( 'loadPano(xml_file=' + xmlFileName + ',10;pano.leash=free)'  ); 
        }
        else
        {
            var xmlFileName = "xml/smallHCRoom0"+page+".xml";    
            so.addVariable("xml_file",xmlFileName); 
            so.write("flashcontent");        
        }
    }
    enterRoom(page);
    if(!externalInterfaceWorks)
    {
        incompatibleBrowsersThumbDisplay()
    }    
    if(firstTime == true)
    {
        eventHandler();        
    }
}
function previousRoom()
{
    if(page>1)
    {
        page -= 1;
        if( externalInterfaceWorks )
        {
            var xmlFileName = "xml/HCRoom0"+page+".xml";
            window.document.pano.myidPanoExecute( 'loadPano(xml_file=' + xmlFileName + ',10;pano.leash=free)'  );         }
        else
        {
            var xmlFileName = "xml/smallHCRoom0"+page+".xml";    
            so.addVariable("xml_file",xmlFileName); 
            so.write("flashcontent");                
        }
        enterRoom(page);
        if(!externalInterfaceWorks)
        {
            incompatibleBrowsersThumbDisplay()
        }
    }
    else
    {
        window.location.href = window.location.href;
    }
}

function enterRoom(roomNumber)
{

	handleSubFormResponse("Room "+roomNumber+" of 8", "roomnum");
	imageShowing = false;
	roomNumber -= 1;
	spinning = 1;
	tilting=0;
	panning=0;
	deactivatePauseGraphics();
	wevTitles = new Array();
	wevTexts = new Array();
	wevThumbs = new Array();
	wevImages = new Array();
	var len = parseFloat(rD[roomNumber][3]);
	for(var i=0; i< len; i++)
	{
		wevTitles[i] = rD[roomNumber][4][i][4];
		wevTexts[i] = rD[roomNumber][4][i][6];
		wevThumbs[i] = rD[roomNumber][4][i][5];
		wevImages[i] = rD[roomNumber][4][i][7];
	}
	wevObjectPositions 	= new Array();
	wevObjectStatus		= new Array();
	for(i=0; i<len; i++)
	{
		wevObjectPositions.push ( rD[roomNumber][4][i][2] ,  rD[roomNumber][4][i][3] );   //start,end
		wevObjectStatus.push ( rD[roomNumber][4][i][1] ); 
	}
	
	imageFiles = new Array();
	
	var wevRoomDisplay = "" + wevTitles.length + "***";
	for( i=0; i< wevTitles.length; i++)
	{
		wevRoomDisplay = wevRoomDisplay + wevTitles[i]+" - "+ wevThumbs[i] + " - "+ wevTexts[i] + "**";
	
		imageFiles[i] = new Image();
		imageFiles[i].src = "" + wevThumbs[i];
	}

}
function handleIncompatibleBrowsers()
{
    externalInterfaceWorks = false;
    document.getElementById("z1").style.display = "none";
    document.getElementById("z2").style.display = "none";
    for(var i=1; i<6; i++)
    {
        document.getElementById("l"+i).style.display = "none";
        document.getElementById("r"+i).style.display = "none";
        document.getElementById("t"+i).style.display = "none";
        document.getElementById("b"+i).style.display = "none";
    }
    document.getElementById("b6").style.display = "none";
    
    document.getElementById("pressarrowstxt").style.display = "none";    
    document.getElementById("red_corner").style.display = "none";    
    document.getElementById("redBackgroundImg").height = "450";
    document.getElementById("maintextarea").style.left = "5px";
    document.getElementById("maintextarea").style.width = "790px";
    handleSubFormResponse("", "theFacts"); 
    incompatibleBrowsersThumbDisplay()
}

function  incompatibleBrowsersThumbDisplay()
{   
    var theString = "";
    for( var i =0; i<wevThumbs.length;i++)
    {
        theString = theString + "<div id='incBrowserThumbs"+i+"' onclick='incompatibleBrowserThumbPress("+i+")'><img src='img/EnlargeBlkWht_off.gif' id='thumbHolder"+i+"' /><img src='' id='incBrowserThumb"+i+"' class='incBrowserThumb' /></div>";
    }
    handleSubFormResponse(theString, "maintextarea"); 
    for( var i=0; i<wevThumbs.length;i++)
    {
        document.getElementById("incBrowserThumb"+i+"").src = imageFiles[i].src;
        document.getElementById("thumbHolder"+i+"").src = utilityImageFiles[1].src;
    }
}

function incompatibleBrowserThumbPress(itemNumber)
{    
     if( wevObjectStatus[itemNumber] == "true" )
     {    
         
        document.getElementById("z1").style.display = "block";
        document.getElementById("z2").style.display = "block";
        for(var i=1; i<6; i++)
        {
            document.getElementById("l"+i).style.display = "block";
            document.getElementById("r"+i).style.display = "block";
            document.getElementById("t"+i).style.display = "block";
            document.getElementById("b"+i).style.display = "block";
        }
        document.getElementById("b6").style.display = "block";
        
        document.getElementById("pressarrowstxt").style.display = "block";    
        document.getElementById("red_corner").style.display = "block";    
        document.getElementById("redBackgroundImg").height = "264";
        document.getElementById("maintextarea").style.left = "155px";
        document.getElementById("maintextarea").style.width = "640px";
        handleSubFormResponse("<img src='img/EnlargeBlkWht_off.gif' width='94' height='113' alt='Return to Thumbs' id='enlargebut' border='0' onmousedown='' onmouseover='' onmouseout='' /><img src='" + wevThumbs[itemNumber] + "' width='75' height='75' alt='thumbnail view of object in room' id='thumbIcon'  onmousedown='' />  <div id='mainTextHolder'> <div id='theTitle'></div><div id='theFacts'></div></div>", "maintextarea");
        document.getElementById("theFacts").style.color = theInk;
        document.getElementById("theTitle").style.color = theInk;     
        if(textSize == "small")
        {
        document.getElementById("theFacts").style.fontSize = "16px";
        document.getElementById("theTitle").style.fontSize = "16px";     
        }
        else if(textSize == "mid")
        {      
        document.getElementById("theFacts").style.fontSize = "24px";
        document.getElementById("theTitle").style.fontSize = "24px";   
        }
        else
        {  
        document.getElementById("theFacts").style.fontSize = "32px";
        document.getElementById("theTitle").style.fontSize = "32px";   
        }                   
        handleSubFormResponse(wevTitles[itemNumber], "theTitle"); 
        handleSubFormResponse(wevTexts[itemNumber], "theFacts"); 

         currentImageFile = wevImages[itemNumber];
         incompatibleBrowserHidePano();
     }
     else
     {    
        document.getElementById("maintextarea").style.left = "155px";
        document.getElementById("maintextarea").style.width = "640px";    
        document.getElementById("redBackgroundImg").style.height = "664px";
        handleSubFormResponse("<img src='img/EnlargeBlkWht_off.gif' width='94' height='113' alt='Return to Thumbs' id='enlargebut' border='0' onmousedown='' onmouseover='' onmouseout='' /><img src='" + wevThumbs[itemNumber] + "' width='75' height='75' alt='thumbnail view of object in room' id='thumbIcon'  onmousedown='' />  <div id='mainTextHolder'> <div id='theTitle'></div><div id='theFacts'></div></div>", "maintextarea"); 
        document.getElementById("theFacts").style.color = theInk;
        document.getElementById("theTitle").style.color = theInk;     
        if(textSize == "small")
        {
        document.getElementById("theFacts").style.fontSize = "16px";
        document.getElementById("theTitle").style.fontSize = "16px";     
        }
        else if(textSize == "mid")
        {      
        document.getElementById("theFacts").style.fontSize = "24px";
        document.getElementById("theTitle").style.fontSize = "24px";   
        }
        else
        {  
        document.getElementById("theFacts").style.fontSize = "32px";
        document.getElementById("theTitle").style.fontSize = "32px";   
        }       
        handleSubFormResponse(wevTitles[itemNumber], "theTitle"); 
        handleSubFormResponse(wevTexts[itemNumber], "theFacts"); 

        document.getElementById("enlargebut").src =  utilityImageFiles[0].src;        
        document.getElementById("lstrm").style.display="none";
        document.getElementById("nxtrm").style.display="none";
        document.getElementById("roomnum").style.display="none";
        document.getElementById("continue").style.display="block";

        imageShowing = true;
     }
}
function incompatibleBrowserThumbPressBack(itemNumber)
{         
     if( wevObjectStatus[itemNumber] )
     {    
     }
     else
     {  
     }
}


function activatePanoRot(wevObj)
{
	if ( rotH != 0)
	{
		rotH = 0;
		rotV = 1;
	}
	else
	{
		rotH = 1;
		rotV = 0;
	}
	testPanoPosition(wevObj);
}
function testPanoPosition(wevObj)
{
var d = new Date(); 
handleSubFormResponse(""+ "angle rotH rotV rotDistance " + wevObj.GetTiltAngle() + " " + rotH + " " + rotV + " " + rotDistance, "mainText");

wevObj.SetTiltAngle(128.5); 
}

function PanoPosition(wevObj) 
{ 
	if (rotH != 0)
	{
		thePanoAngle = wevObj.GetPanAngle(); 
handleSubFormResponse(""+ "angle rotH rotV rotDistance " + thePanoAngle + " " + rotH + " " + rotV + " " + rotDistance, "mainText");
		rotV = rotV + 1;
		wevObj.SetTiltAngle( (wevObj.GetPanAngle() + 0) );
	}
	
	if (rotV != 0)
	{
	}
} 

function handleSubFormResponse(sText, divName)
{
    var sdivName = ""+divName;
    var responseInfo = document.getElementById(sdivName);
    responseInfo.innerHTML = sText;
}
function ReturnTextEntry() 
{ 
   thePanoAngle =  360 - anObj.GetPanAngle(); 
   thePanoAngleText = "" + thePanoAngle
   handleSubFormResponse(thePanoAngleText,"infoBox") ;
 } 

function hidePano() 
{ 
    if (enlargeStatus == false)
    {
        return;                    
    }
    if( externalInterfaceWorks == false )
    {
        incompatibleBrowserHidePano();
        return;
    }
    
    var wevPanoBox        = document.getElementById("panobox");
    var wevPicBox        = document.getElementById("picturebox");
    if (imageShowing)
    {
    
        freq = 100;  
        panningX = 0;
        panningY = 0;
        imageShowing = false; 
        document.getElementById("bigDisplayImage").src ="";  /* this is to ensure image doesn't show next time  */
        spinning = wasSpinning;
        activatePanoRot();
        
        wevPanoBox.style.left="0px";
        wevPicBox.style.display="none";
        document.getElementById("enlargebut").src =  utilityImageFiles[1].src;  
        document.getElementById("lstrm").style.display="block"; 
        document.getElementById("nxtrm").style.display="block"; 
        document.getElementById("roomnum").style.display="block"; 
        document.getElementById("continue").style.display="none"; 
        
        handleSubFormResponse(wevPressArrowPano,"pressarrowstxt");
    }            
    else    
    {
        bigImage.src = ImageLoadingMessage.src;
        
        freq = 20;  
        wasSpinning = spinning;
        spinning = 0;
        activatePanoRot();
        imageShowing = true;
        deactivatePauseGraphics();

        wevPanoBox.style.left="-999px";
        wevImageX = 0;
        wevImageY = 0;
        panningX = 0;
        panningY = 0;
        document.getElementById("bigDisplayImage").style.left = 0;
        document.getElementById("bigDisplayImage").style.top = 0;
        wevPicBox.style.display="block";
        currentImageZoom=0;
        zoomInImage();

        document.getElementById("enlargebut").src =  utilityImageFiles[0].src;
        document.getElementById("lstrm").style.display="none";
        document.getElementById("nxtrm").style.display="none";
        document.getElementById("roomnum").style.display="none";
        document.getElementById("continue").style.display="block";
        
        handleSubFormResponse(wevPressArrowImg,"pressarrowstxt");       
     } 
}

function incompatibleBrowserHidePano() 
{ 
    
    var wevPanoBox        = document.getElementById("panobox");
    var wevPicBox        = document.getElementById("picturebox");
    if (imageShowing)
    {
        freq = 100; 
        imageShowing = false;
        document.getElementById("bigDisplayImage").src ="";  /* this is to ensure image doesn't show next time  */
        wevPanoBox.style.left="0px";
        wevPicBox.style.display="none";
        document.getElementById("enlargebut").src =  utilityImageFiles[1].src;  
        document.getElementById("lstrm").style.display="block"; 
        document.getElementById("nxtrm").style.display="block"; 
        document.getElementById("roomnum").style.display="block"; 
        document.getElementById("continue").style.display="none"; 
        handleSubFormResponse(wevPressArrowPano,"pressarrowstxt");
        document.getElementById("redBackgroundImg").style.height = "664px";        
        handleIncompatibleBrowsers();
    }            
    else    
    {        
        document.getElementById("redBackgroundImg").style.height = "264px";
        bigImage.src = ImageLoadingMessage.src;        
        freq = 20; 
        imageShowing = true;
        deactivatePauseGraphics();
        wevPanoBox.style.left="-999px";
        wevImageX = 0;
        wevImageY = 0;
        panningX = 0;
        panningY = 0;
        document.getElementById("bigDisplayImage").style.left = 0;
        document.getElementById("bigDisplayImage").style.top = 0;
        wevPicBox.style.display="block";
        currentImageZoom=0;
        zoomInImage();
        document.getElementById("enlargebut").src =  utilityImageFiles[0].src;
        document.getElementById("lstrm").style.display="none";
        document.getElementById("nxtrm").style.display="none";
        document.getElementById("roomnum").style.display="none";
        document.getElementById("continue").style.display="block";
        handleSubFormResponse(wevPressArrowImg,"pressarrowstxt");       
     } 
}

function zoomIn()
{
    if(imageShowing==true)
    {
        zoomInImage();
    }
    else
    {
        zoomInPano();
    }
}
function zoomOut()
{
    if(imageShowing==true)
    {
        zoomOutImage();
    }
    else
    {
        zoomOutPano();
    }
}

function zoomInPano()
{
    window.document.pano.myidPanoExecute("pano.zoom+=0.75,500;");  
}
function zoomOutPano()
{
    window.document.pano.myidPanoExecute("pano.zoom-=0.75,500");
}
function zoomInImage()
{
    var wevPicBox        = document.getElementById("picturebox");   
    if( currentImageZoom == 0 )
    {
        bigImage.src = currentImageFile; 
        currentImageZoom = 1;
        var width = "534";  //640
        var height = "427";
        var dx=53;  
        wevImageX = dx;
        var dy=0;
        wevImageY = dy;
    }
    else if( currentImageZoom == 1 )
    {
        currentImageZoom = 2;
        var width = "1068";
        var height = "854";   
        var dx=(-1)*((1068/2)-(640/2));
        wevImageX = dx; 
        var dy=(-1)*((854/2)-(427/2)); 
        wevImageY = dy;
    }
    else if( currentImageZoom == 2 )
    {
        currentImageZoom = 3;
        var width = "1802";
        var height = "1440"; 
        
        var dx=((wevImageX-320)/1068*1802)+320;   
        wevImageX = dx; 
        var dy=((wevImageY-213)/854*1440)+213;
        wevImageY = dy;
    }
    else
    {
        return;
    }
    document.getElementById("bigDisplayImage").width=width;
    document.getElementById("bigDisplayImage").height=height;
    dx=""+dx+"px";
    dy=""+dy+"px";
    document.getElementById("bigDisplayImage").style.left = dx;           
    document.getElementById("bigDisplayImage").style.top = dy;           
    document.getElementById("bigDisplayImage").src = bigImage.src;   
}
function zoomOutImage()
{
    var wevPicBox        = document.getElementById("picturebox");   
    if( currentImageZoom <= 1 )
    {
        return;
    }
    else if( currentImageZoom == 2 )
    {
        currentImageZoom = 1;
        var width = "534"; 
        var height = "427";  
        dx=53;                       
        wevImageX = dx;
        dy=0;
        wevImageY = dy;
    }
    else if( currentImageZoom >= 3 )
    {
        currentImageZoom = 2;
        var width = "1068";
        var height = "854";   
        var dx=((wevImageX-320)/1802*1068)+320;   
        var dy=((wevImageY-213)/1440*854)+213;
        maxX = (-1)*1068-640;
        maxY = (-1)*854-427;  
        if(dx>0)
        {
            dx=0;
        }
        else if(dx<maxX)
        {
            dx=maxX;
        }
        wevImageX = dx; 
        if(dy>0)
        {
            dy=0;
        }
        else if(dy<maxY)
        {
            dy=maxY;            
        }
        wevImageY = dy;
    }
    else
    {
        return;
    }
    document.getElementById("bigDisplayImage").width=width;
    document.getElementById("bigDisplayImage").height=height;  
    dx=""+dx+"px";
    dy=""+dy+"px";
    document.getElementById("bigDisplayImage").style.left = dx;   
    document.getElementById("bigDisplayImage").style.top = dy;   
    document.getElementById("bigDisplayImage").src = bigImage.src;
}

function scrollImageRight()
{
    var maxX =  parseFloat(document.getElementById("bigDisplayImage").width);
    var displayWidth = 640;
    maxX = maxX - displayWidth;
    if( (-1)*wevImageX < maxX )
    {
        wevImageX-=1;
    }
    var dx = ""+wevImageX+"px";
    document.getElementById("bigDisplayImage").style.left = dx; 
}
function scrollImageLeft()
{
    if( wevImageX < 0 )       
    {
        wevImageX+=1;
    }
    var dx = ""+wevImageX+"px";
    document.getElementById("bigDisplayImage").style.left = dx; 
}
function scrollImageDown()
{
    if( wevImageY < 0 )     
    {
        wevImageY+=1;
    }
    var dy = ""+wevImageY+"px";
    document.getElementById("bigDisplayImage").style.top = dy; 
}
function scrollImageUp()
{
    var maxY =  parseFloat(document.getElementById("bigDisplayImage").height);
    var displayHeight = 427;
    maxY = maxY - displayHeight;
    if( (-1)*wevImageY < maxY )
    {
        wevImageY-=1;
    }
    var dy = ""+wevImageY+"px";
    document.getElementById("bigDisplayImage").style.top = dy; 
}

function enlargeRollover()
{
    if(imageShowing == false && enlargeStatus == true)
    { 
         document.getElementById("enlargebut").src=enlrg1_on.src
    }
}
function enlargeRollout()
{
    if(imageShowing == false && enlargeStatus == true)
    { 
         document.getElementById("enlargebut").src=enlrg1_off.src
    }
}
function updateInfoDisplay()
{
    var loadedPano = window.document.pano.myidPanoGet('pano.panoName'); 
    if( loadedPano != "panos/HCRoom0"+page )
    {   handleSubFormResponse( "A new room is loading.... ", 'theFacts');
        handleSubFormResponse( "",  'theTitle');
    }
    else
    {
	    var angle = document.getElementById("pano").myidPanoGet('pano.pan');
	     angle = angle%360;
	    if( angle < 0 )
	    {
		    angle = angle + 360;
	    }
        angle = 360 - angle;
	    for (i=0; i< wevObjectPositions.length; i=i+2)
	    {
            if ( parseFloat(wevObjectPositions[i]) < parseFloat(wevObjectPositions[i+1]) )
            {
        		    if ( angle > wevObjectPositions[i] && angle <= wevObjectPositions[i+1] )
		            {
		        	    handleSubFormResponse( wevTexts[i/2], 'theFacts');
                        handleSubFormResponse( wevTitles[i/2],  'theTitle');
                        currentImageFile = wevImages[i/2]; 
                        document.getElementById("thumbIcon").src = imageFiles[i/2].src;
                        modifyStatusButton(wevObjectStatus[i/2]);                    
			            break;
	           	    }
            }
            else
            {
                if ( (angle <=360 && angle > wevObjectPositions[i]) || (angle >= 0 && angle <= wevObjectPositions[i+1] ) )
                {
                    handleSubFormResponse( wevTexts[i/2], 'theFacts');
                    handleSubFormResponse( wevTitles[i/2],  'theTitle');
                    currentImageFile = wevImages[i/2]; 
                    document.getElementById("thumbIcon").src = imageFiles[i/2].src;
                    modifyStatusButton(wevObjectStatus[i/2]);                 
                    break;
                }        
            }
	    }
    }
}
function modifyStatusButton(state)
{
    if(imageShowing == false)
    { 
        if (state == "true")
        {
              document.getElementById("enlargebut").src =  utilityImageFiles[1].src;  
              enlargeStatus = true;
        }
        else
        {
              document.getElementById("enlargebut").src =  utilityImageFiles[0].src;  
              enlargeStatus = false;  
        }
    }
}

function activatePanoRot1()
{
}
function activatePanoRot()
{
    if( imageShowing == true )
    {
        return;
    }

	if( spinning == 1)
	{
        document.getElementById("pano").myidPanoExecute('external.autorotator.speed = -0.1');  
        rightArrowToPause();
	}
	if( spinning == -1)
	{
        document.getElementById("pano").myidPanoExecute('external.autorotator.speed = 0.1'); 
        leftArrowToPause();     
	}
    if( spinning == 0)
    {
        document.getElementById("pano").myidPanoExecute('external.autorotator.speed = 0.0000001');  
    }
    if( tilting == 1)
    {
        document.getElementById("pano").myidPanoExecute('pano.tilt+=900,50000'); 
    }
    if( tilting == -1)
    {
        document.getElementById("pano").myidPanoExecute('pano.tilt-=900,50000'); 
    }
    if( tilting == 0)
    {
        document.getElementById("pano").myidPanoExecute('pano.tilt-=0,');     
    }
}

function rotatePano()
{
    spinning     = (spinning + 1)%2;    
}

function rotateRight()
{
    if(imageShowing==true)
    {
        if(panningX==1)
        {
            panningX=0;
        }
        else
        {
            panningX=1;
            panningY=0;
        }
    }
    else
    {
        if( spinning == 1 )
        {                                   
            spinning = 0; 
        }
        else
        {
            spinning = 1;
            tilting = 0;
        } 
        activatePanoRot();
    }
}



function rotateLeft()
{
    if(imageShowing==true)
    {
        if(panningX==-1)
        {
            panningX=0;
        }
        else
        {
            panningX=-1;
            panningY=0;
        }
    }
    else
    {
        if( spinning == -1 )
        {
            spinning = 0;  
            tilting = 0; 
        }
        else
        {
            spinning = -1;
            tilting = 0;
        } 
        activatePanoRot();
    }
}

function rotateUp()
{
    if(imageShowing==true)
    {
        if(panningY==1)
        {
            panningY=0;
        }
        else
        {
            panningY=1;
            panningX=0;
        }
    }
    else
    {
        if( tilting == 1 )
        {
            tilting = 0;
            spinning = 0;        
        }
        else
        {
            tilting = 1;
            spinning = 0;              
        } 
        activatePanoRot();
    }
}

function rotateDown()
{
    if(imageShowing==true)
    {
        if(panningY==-1)
        {
            panningY=0;
        }
        else
        {
            panningY=-1;
            panningX=0;
        }
    }
    else
    {
        if( tilting == -1 )
        {
            tilting = 0; 
            spinning = 0;
        }
        else
        {
            tilting = -1;
            spinning = 0;
        } 
        activatePanoRot();
    }
}

function updateArrows()
{
     if(imageShowing==true)
     {
          if( panningX == -1)
          {
                scrollImageLeft();
                leftArrowToPause();
                rightArrowToArrow();
          }
          else if (panningX == 1)
          {
                scrollImageRight();
                rightArrowToPause();
                leftArrowToArrow();
          }
          else
          {
                leftArrowToArrow();
                rightArrowToArrow();
          }
          if (panningY == 1)
          {
                scrollImageDown();
                upArrowToPause();
                downArrowToArrow();
          }
          else if (panningY == -1)
          {
                scrollImageUp();
                downArrowToPause();
                upArrowToArrow();
          }
          else
          {
                downArrowToArrow();
                upArrowToArrow();
          }
     }
     else
     {
         var error = 0.01;
         panAngle = document.getElementById("pano").myidPanoGet('pano.pan'); 
         tiltAngle = document.getElementById("pano").myidPanoGet('pano.tilt'); 
         
         if( (spinning == 1) )
         {
              rightArrowToPause();
              leftArrowToArrow();
              spinning = 1;   
         }
         else if ( (spinning ==-1) )
         {
               rightArrowToArrow();
               leftArrowToPause();
               spinning = -1; 
         }
         else 
         {
               rightArrowToArrow();
               leftArrowToArrow();
               spinning = 0;
         }
         lastPanAngle=panAngle;
         if((tilting ==1 ) )
         {
              upArrowToPause();
              downArrowToArrow();
              tilting = 1;    
         }
         else if ( (tilting == -1) )
         {
               upArrowToArrow();
               downArrowToPause();
               tilting = -1;       
         }
         else
         {
            upArrowToArrow();
            downArrowToArrow();
            tilting = 0;
         }
         lastTiltAngle=tiltAngle;    
     }
}
function rightArrowRollover()
{
    if( spinning != 1 )
    {
        document.r1.src=r1_on.src,document.r2.src=r2_on.src,document.r3.src=r3_on.src,document.r4.src=r4_on.src,document.r5.src=r5_on.src; 
    }
}
function rightArrowToPause()
{
    document.r1.src=r1_p.src,document.r2.src=r2_p.src,document.r3.src=r3_p.src,document.r4.src=r4_p.src,document.r5.src=r5_p.src;
}
function rightArrowToArrow()
{
    {
        document.r1.src=r1_off.src,document.r2.src=r2_off.src,document.r3.src=r3_off.src,document.r4.src=r4_off.src,document.r5.src=r5_off.src;
    }
}
function leftArrowRollover()
{
    {
        document.l1.src=l1_on.src,document.l2.src=l2_on.src,document.l3.src=l3_on.src,document.l4.src=l4_on.src,document.l5.src=l5_on.src;
    }
}
function leftArrowToPause()
{
    document.l1.src=l1_p.src,document.l2.src=l2_p.src,document.l3.src=l3_p.src,document.l4.src=l4_p.src,document.l5.src=l5_p.src;
}
function leftArrowToArrow()
{
    {
        document.l1.src=l1_off.src,document.l2.src=l2_off.src,document.l3.src=l3_off.src,document.l4.src=l4_off.src,document.l5.src=l5_off.src;
    }
}                               

function upArrowRollover()
{
}
function upArrowToPause()
{
    document.t1.src=t1_p.src,document.t2.src=t2_p.src,document.t3.src=t3_p.src,document.t4.src=t4_p.src,document.t5.src=t5_p.src;

}
function upArrowToArrow()
{
    {
        document.t1.src=t1_off.src,document.t2.src=t2_off.src,document.t3.src=t3_off.src,document.t4.src=t4_off.src,document.t5.src=t5_off.src;
    }
}
function downArrowRollover()
{
}
function downArrowToPause()
{
    document.b1.src=b1_p.src,document.b2.src=b2_p.src,document.b3.src=b3_p.src,document.b4.src=b4_p.src,document.b5.src=b5_p.src;

}
function downArrowToArrow()
{
    {
        document.b1.src=b1_off.src,document.b2.src=b2_off.src,document.b3.src=b3_off.src,document.b4.src=b4_off.src,document.b5.src=b5_off.src;
    }
}
function deactivatePauseGraphics()
{
    leftArrowToArrow();
    rightArrowToArrow();
    upArrowToArrow();
    downArrowToArrow();    
}
function toggleAccessDisplay()
{
    if( wevACOn )
    {
        hideAccessPanel();
    }
    else
    {
        displayAccessPanel();
    }                    
}

function displayAccessPanel()
{   

    var accessPanel = document.getElementById("accesscontrolpanel");  
    accessPanel.style.display="block";
    var wevPanoBox=document.getElementById("panobox");
    wevACPanoPosition = wevPanoBox.style.left;
    wevPanoBox.style.left="-999px";
    if(page > 0 && page < (wevCreditPage-1))
    {  
        document.getElementById("wevcontainer").style.left="-1999px";
    }
    if(page == (wevCreditPage-1))
    {
        document.getElementById("creditspage").style.display="none";    
    }
    wevACOn = true;
}

function hideAccessPanel()
{   
    var accessPanel = document.getElementById("accesscontrolpanel");  
    accessPanel.style.display="none";
    document.getElementById("bigaccesspicturepage").style.display = "none"; // just incase this page is left by this route rather than continue button    
    var wevPanoBox=document.getElementById("panobox");   
    wevPanoBox.style.left=wevACPanoPosition;
    if((page > 0) && (page < (wevCreditPage-1)) )
    {   
        document.getElementById("wevcontainer").style.left="15px";
    }
    if(page == (wevCreditPage-1))
    {
        document.getElementById("creditspage").style.display="block";    
    }
    wevACOn = false;
}

function displayBigAccessPicturePage(theRoute)
{
    document.getElementById("bigaccesspicturepage").style.display = "block";
    document.getElementById("bigaccesspicture").src = "images/access/wAccess"+theRoute+".jpg"; 
}
function hideBigAccessPicturePage()
{
    document.getElementById("bigaccesspicturepage").style.display = "none";
}
function closeBigAccessPage()
{
}
function displayCreditsPage()
{
}
function smallText()
{
    textSize = "small";
    document.getElementById("standardtext").style.width = "570px";
    document.getElementById("standardtext").style.fontSize = "16px";  
    document.getElementById("panel1").style.fontSize = "16px";  
    document.getElementById("panel2").style.fontSize = "16px";  
    document.getElementById("panel3").style.fontSize = "16px";  
    document.getElementById("panel4").style.fontSize = "16px"; 
    document.getElementById("mainTextHolder").style.fontSize = "16px";  
    document.getElementById("credit1").style.fontSize = "16px";  
    document.getElementById("credit2").style.fontSize = "16px";  
    document.getElementById("creditThanks").style.fontSize = "16px";  
    document.getElementById("creditAccess").style.fontSize = "16px";  
    document.getElementById("creditImages").style.fontSize = "16px";  
    document.getElementById("creditImageLender").style.fontSize = "16px";  
    document.getElementById("creditWEV").style.fontSize = "16px";  
    
    document.getElementById("accesslink").style.fontSize = "12px";      
    document.getElementById("closewindow").style.fontSize = "12px";      
    document.getElementById("accesslink").style.top = "3px";      
    document.getElementById("closewindow").style.top = "3px";      
    for(zone = 1; zone <=3; zone++)
    {
    document.getElementById("accesslink"+zone).style.fontSize = "12px";      
    document.getElementById("closewindow"+zone).style.fontSize = "12px";      
    document.getElementById("accesslink"+zone).style.top = "3px";      
    document.getElementById("closewindow"+zone).style.top = "3px";  
    }
}
function midText()
{
    textSize = "mid";
    document.getElementById("standardtext").style.width = "690px";
    document.getElementById("standardtext").style.fontSize = "24px";
    document.getElementById("panel1").style.fontSize = "24px";  
    document.getElementById("panel2").style.fontSize = "24px";  
    document.getElementById("panel3").style.fontSize = "24px";  
    document.getElementById("panel4").style.fontSize = "24px";  
    document.getElementById("mainTextHolder").style.fontSize = "24px";   
    document.getElementById("credit1").style.fontSize = "24px"; 
    document.getElementById("credit2").style.fontSize = "24px";  
    document.getElementById("creditThanks").style.fontSize = "24px";  
    document.getElementById("creditAccess").style.fontSize = "24px";  
    document.getElementById("creditImages").style.fontSize = "24px";  
    document.getElementById("creditImageLender").style.fontSize = "24px";  
    document.getElementById("creditWEV").style.fontSize = "24px";   
    
    document.getElementById("accesslink").style.fontSize = "16px";      
    document.getElementById("closewindow").style.fontSize = "16px";      
    document.getElementById("accesslink").style.top = "0px";      
    document.getElementById("closewindow").style.top = "0px";  
    for(zone = 1; zone <=3; zone++)
    {
    document.getElementById("accesslink"+zone).style.fontSize = "16px";      
    document.getElementById("closewindow"+zone).style.fontSize = "16px";      
    document.getElementById("accesslink"+zone).style.top = "0px";      
    document.getElementById("closewindow"+zone).style.top = "0px";  
    }
    
}
function bigText()
{
    textSize = "big";
    document.getElementById("standardtext").style.width = "690px";
    document.getElementById("standardtext").style.fontSize = "32px";
    document.getElementById("panel1").style.fontSize = "32px";  
    document.getElementById("panel2").style.fontSize = "32px";  
    document.getElementById("panel3").style.fontSize = "32px";  
    document.getElementById("panel4").style.fontSize = "32px"; 
    document.getElementById("mainTextHolder").style.fontSize = "32px";           
    document.getElementById("credit1").style.fontSize = "32px"; 
    document.getElementById("credit2").style.fontSize = "32px";  
    document.getElementById("creditThanks").style.fontSize = "32px";  
    document.getElementById("creditAccess").style.fontSize = "32px";  
    document.getElementById("creditImages").style.fontSize = "32px";  
    document.getElementById("creditImageLender").style.fontSize = "32px";  
    document.getElementById("creditWEV").style.fontSize = "32px";   
    
    document.getElementById("accesslink").style.fontSize = "18px";      
    document.getElementById("closewindow").style.fontSize = "18px";      
    document.getElementById("accesslink").style.top = "-2px";      
    document.getElementById("closewindow").style.top = "-2px";     
    for(zone = 1; zone <=3; zone++)
    {
    document.getElementById("accesslink"+zone).style.fontSize = "18px";      
    document.getElementById("closewindow"+zone).style.fontSize = "18px";      
    document.getElementById("accesslink"+zone).style.top = "-2px";      
    document.getElementById("closewindow"+zone).style.top = "-2px"; 
    }
}

function standardColourText(theColor)
{
    if( theColor == '0')
    { 
        theInk="#000000";
        thePaper="#ffffff";
        /* Now substitute out the images */
        document.images["start"].src       = "img/StrtWhtRedw_off.gif";
        start1_on.src    = "img/StrtWhtRedw_on.gif";
        start1_off.src  = "img/StrtWhtRedw_off.gif";
        document.images["nxtrm"].src       = "img/NxtRmWhtRed_off.gif";
        next1_on.src    = "img/NxtRmWhtRed_on.gif";
        next1_off.src  = "img/NxtRmWhtRed_off.gif"; 
        document.images["lstrm"].src       = "img/LstRmWhtRed_off.gif";
        last1_on.src    = "img/LstRmWhtRed_on.gif";
        last1_off.src  = "img/LstRmWhtRed_off.gif";
        document.images["continue"].src       = "img/ContWhtRed_off.gif";
        cont1_on.src    = "img/ContWhtRed_on.gif";
        cont1_off.src  = "img/ContWhtRed_off.gif";
        document.images["accessContinue"].src       = "img/ContWhtRed_off.gif";  
        for( var count=1; count<5;count++)
        {
            document.images["ACThumbHolder"+count].src  = "img/EnlargeBlkWht_off.gif"; 
        }
        
        utilityImageFiles[0].src = utilityImageFiles[3].src; 
        utilityImageFiles[1].src = utilityImageFiles[4].src; 
        utilityImageFiles[2].src = utilityImageFiles[5].src; 
    }
    else if( theColor == '1')
    {   
        theInk="#000000";
        thePaper="#ffffff";
        
        document.images["start"].src       = "img/StrtBlkWht_off.gif";
        start1_on.src    = "img/StrtBlkWht_on.gif";
        start1_off.src  = "img/StrtBlkWht_off.gif";
        document.images["nxtrm"].src       = "img/NxtRmBlkWht_off.gif";
        next1_on.src    = "img/NxtRmBlkWht_on.gif";
        next1_off.src  = "img/NxtRmBlkWht_off.gif";
        document.images["lstrm"].src       = "img/LstRmBlkWht_off.gif";
        last1_on.src    = "img/LstRmBlkWht_on.gif";
        last1_off.src  = "img/LstRmBlkWht_off.gif";
        document.images["continue"].src       = "img/ContBlkWht_off.gif";
        cont1_on.src    = "img/ContBlkWht_on.gif";
        cont1_off.src  = "img/ContBlkWht_off.gif";
        document.images["accessContinue"].src       = "img/ContBlkWht_off.gif";  
        for( var count=1; count<5;count++)
        {
            document.images["ACThumbHolder"+count].src  = "img/EnlargeBlkWht_off.gif"; 
        }

        utilityImageFiles[0].src = utilityImageFiles[3].src; 
        utilityImageFiles[1].src = utilityImageFiles[4].src; 
        utilityImageFiles[2].src = utilityImageFiles[5].src; 
    }
    else if(theColor == '2')
    {      
        theInk="#333366";
        thePaper="#ffff97";
        
        document.images["start"].src       = "img/StrtBluYell_off.gif";
        start1_on.src    = "img/StrtBluYell_on.gif";
        start1_off.src  = "img/StrtBluYell_off.gif";
        document.images["nxtrm"].src       = "img/NxtRmBluYell_off.gif";
        next1_on.src    = "img/NxtRmBluYell_on.gif";
        next1_off.src  = "img/NxtRmBluYell_off.gif";
        document.images["lstrm"].src       = "img/LstRmBluYell_off.gif";
        last1_on.src    = "img/LstRmBluYell_on.gif";
        last1_off.src  = "img/LstRmBluYell_off.gif";
        document.images["continue"].src       = "img/ContBluYell_off.gif";
        cont1_on.src    = "img/ContBluYell_on.gif";
        cont1_off.src  = "img/ContBluYell_off.gif"; 
        document.images["accessContinue"].src       = "img/ContBluYell_off.gif";           
        for( var count=1; count<5;count++)
        {
            document.images["ACThumbHolder"+count].src  = "img/EnlargeBluYell_off.gif"; 
        } 

        utilityImageFiles[0].src = utilityImageFiles[6].src; 
        utilityImageFiles[1].src = utilityImageFiles[7].src; 
        utilityImageFiles[2].src = utilityImageFiles[8].src; 
    }
    else if(theColor == '3')
    {  
        theInk="#ffff00";
        thePaper="#000000";

        document.images["start"].src       = "img/StrtYellBlk_off.gif";
        start1_on.src   = "img/StrtYellBlk_on.gif";
        start1_off.src  = "img/StrtYellBlk_off.gif";
        document.images["nxtrm"].src       = "img/NxtRmYellBlk_off.gif";
        next1_on.src    = "img/NxtRmYellBlk_on.gif";
        next1_off.src  = "img/NxtRmYellBlk_off.gif";
        document.images["lstrm"].src       = "img/LstRmYellBlk_off.gif";
        last1_on.src    = "img/LstRmYellBlk_on.gif";
        last1_off.src  = "img/LstRmYellBlk_off.gif";
        document.images["continue"].src       = "img/ContYellBlk_off.gif";
        cont1_on.src    = "img/ContYellBlk_on.gif";
        cont1_off.src  = "img/ContYellBlk_off.gif";       
        document.images["accessContinue"].src       = "img/ContYellBlk_off.gif";                 
        for( var count=1; count<5;count++)
        {
            document.images["ACThumbHolder"+count].src  = "img/EnlargeYellBlk_off.gif"; 
        }

        utilityImageFiles[0].src = utilityImageFiles[9].src; 
        utilityImageFiles[1].src = utilityImageFiles[10].src; 
        utilityImageFiles[2].src = utilityImageFiles[11].src; 
    }
    
    document.getElementById("standardtext").style.color = theInk;
    document.getElementById("panel1").style.color = theInk;  
    document.getElementById("panel2").style.color = theInk;  
    document.getElementById("panel3").style.color = theInk;  
    document.getElementById("panel4").style.color =  theInk;
    document.getElementById("mainTextHolder").style.color =  theInk;          
    document.getElementById("credit1").style.color = theInk;
    document.getElementById("credit2").style.color = theInk;
    document.getElementById("creditThanks").style.color = theInk;
    document.getElementById("creditAccess").style.color = theInk;
    document.getElementById("creditImages").style.color = theInk;
    document.getElementById("creditImageLender").style.color = theInk;  
    document.getElementById("creditWEV").style.color = theInk;
    
    document.getElementById("accesslink").style.color = theInk;   
    document.getElementById("closewindow").style.color = theInk;
    for(zone = 1; zone <=3; zone++)
    {
        document.getElementById("accesslink"+zone).style.color = theInk;      
        document.getElementById("closewindow"+zone).style.color = theInk;
    }
    /* NOW the Paper */
    /*additional zones*/
    document.getElementById("maintextarea").style.backgroundColor = thePaper;
    document.getElementById("whttop").style.backgroundColor = thePaper;
    document.getElementById("whttop1").style.backgroundColor = thePaper;
    document.getElementById("whttop2").style.backgroundColor = thePaper;
    document.getElementById("whttop3").style.backgroundColor = thePaper;
    document.getElementById("openingtextarea").style.backgroundColor = thePaper;
    document.getElementById("standardaccesstext1").style.backgroundColor = thePaper;
    document.getElementById("standardaccesstext2").style.backgroundColor = thePaper;
    document.getElementById("standardaccesstext3").style.backgroundColor = thePaper;
    document.getElementById("standardaccesstext4").style.backgroundColor = thePaper;
    document.getElementById("text1").style.background = thePaper;
    document.getElementById("text2").style.background = thePaper;
    document.getElementById("text3").style.background = thePaper;
    document.getElementById("text4").style.background = thePaper;
    /* specific text backgrounds */
    document.getElementById("standardtext").style.backgroundColor = thePaper;
    document.getElementById("panel1").style.backgroundColor = thePaper;    
    document.getElementById("panel2").style.backgroundColor = thePaper;    
    document.getElementById("panel3").style.backgroundColor = thePaper;    
    document.getElementById("panel4").style.backgroundColor =  thePaper;  
    document.getElementById("mainTextHolder").style.backgroundColor = thePaper;             
    document.getElementById("credit1").style.backgroundColor =  thePaper;  
    document.getElementById("credit2").style.backgroundColor =  thePaper;  
    document.getElementById("creditThanks").style.backgroundColor = thePaper;  
    document.getElementById("creditAccess").style.backgroundColor = thePaper;  
    document.getElementById("creditImages").style.backgroundColor = thePaper;  
    document.getElementById("creditImageLender").style.backgroundColor = thePaper;    
    document.getElementById("creditWEV").style.backgroundColor = thePaper;  
    
    document.getElementById("accesslink").style.backgroundColor = thePaper;     
    document.getElementById("closewindow").style.backgroundColor = thePaper;  
    for(zone = 1; zone <=3; zone++)
    {
        document.getElementById("accesslink"+zone).style.backgroundColor = thePaper;        
        document.getElementById("closewindow"+zone).style.backgroundColor = thePaper;  
    }

}