// JScript File
var myWidth = 0, myHeight = 0;
var scrOfX = 0, scrOfY = 0;
var ratio = 30; 
var newx = 0;
var newy = 0;
var oldx = 0;
var oldy = 0;
var max_x = 0, max_y = 0, min_x = 0, min_y = 0;

function setBounds()
{
    getScrollXY();
    getWindowSize();
    
    min_x = scrOfX;
    min_y = scrOfY;
    max_x = min_x + myWidth;
    max_y = min_y + myHeight;   
}

function displayUI()
{
    getScrollXY();
    
    if (oldx == 0)
    {
        oldx = scrOfX;
        oldy = scrOfY;
    }
    
    //Set Nav Buttons Location
    //Up
    var btn_navUp = document.getElementById("btn_navUp");
    btn_navUp.style.left = (scrOfX + 25) + "px";
    btn_navUp.style.top = (scrOfY + 5) + "px";
    
    //Down
    var btn_navDown = document.getElementById("btn_navDown");
    btn_navDown.style.left = (scrOfX + 25) + "px";
    btn_navDown.style.top = (scrOfY + 45) + "px";
    
    //Left
    var btn_navLeft = document.getElementById("btn_navLeft");
    btn_navLeft.style.left = (scrOfX + 5) + "px";
    btn_navLeft.style.top = (scrOfY + 25) + "px";
    
    //Right
    var btn_navRight = document.getElementById("btn_navRight");
    btn_navRight.style.left = (scrOfX + 45) + "px";
    btn_navRight.style.top = (scrOfY + 25) + "px";
    
    //Center
    var btn_navCenter = document.getElementById("btn_navCenter");
    btn_navCenter.style.left = (scrOfX + 25) + "px";
    btn_navCenter.style.top = (scrOfY + 25) + "px";
    
    //Set Bounds
    setBounds();
}

function moveUp()
{
    newx = scrOfX;
    newy = scrOfY - ratio;

    //Move Scroll
    window.scrollTo(newx, newy);

    //Move UI
    displayUI();
}

function moveDown()
{
    newx = scrOfX;
    newy = scrOfY + ratio;

    //Move Scroll
    window.scrollTo(newx, newy);

    //Move UI
    displayUI();
}

function moveLeft()
{
    newx = scrOfX - ratio;
    newy = scrOfY;

    //Move Scroll
    window.scrollTo(newx, newy);

    //Move UI
    displayUI();    
}

function moveRight()
{
    newx = scrOfX + ratio;
    newy = scrOfY;

    //Move Scroll
    window.scrollTo(newx, newy);

    //Move UI
    displayUI();    
}

function moveCenter()
{
    //Move Scroll
    window.scrollTo(oldx, oldy);

    //Move UI
    displayUI();    
}

function getScrollXY() {
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
}

function getWindowSize()
{  
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
}

//Functions to run on event
function buildingMouseOver(x)
{
    for ( var i=0; i<=x.length-1 ;i++ )
    {
        var t_objDiv = document.getElementById("building" + x[i]);
        t_objDiv.className = "buildingObject_H";
    }
    
    //Display Popup Window
    displayPopUp(x[0]);
}

function buildingMouseOut(x)
{
    for ( var i=0; i<=x.length-1 ;i++ )
    {
        var t_objDiv = document.getElementById("building" + x[i]);
        t_objDiv.className = "buildingObject_M";
    }
    
    //Hide PopUp
    hidePopUp(x[0]);
}

function changeBGImage(obj, img_url)
{
    obj.style.backgroundImage = "url("+ img_url +")";
    var objNumber = obj.id.replace("building", "");
    
    if (obj.style.cursor != "pointer")
    {
        obj.style.cursor = "pointer";
        
        //Display PopUp
        displayPopUp(objNumber);
    }
    else
    {
        obj.style.cursor = "default";
        
        //Hide PopUp
        hidePopUp(objNumber);
    }
}

function highlightBuilding(sender, x, strhex)
{
    var sBgColor;
    
    if (sender.checked)
    {
        sBgColor = strhex;
    }
    else
    {
        sBgColor = "";
    }
        
    for ( var i=0; i<=x.length-1 ;i++ )
    {
        var t_objDiv = document.getElementById("building" + x[i]);
        t_objDiv.style.backgroundColor = sBgColor;
    }

}