var onArray = new Array("home_air_on.gif", "home_ship_on.gif", "home_truck_on.gif", "home_logistics_on.gif", "home_brokerage_on.gif");

var offArray = new Array("home_air_off.gif", "home_ship_off.gif", "home_truck_off.gif", "home_logistics_off.gif", "home_brokerage_off.gif");

function showOnButton(index, elementID) {document.getElementById(elementID).src = "/speedmark/extension/ezwebin/design/ezwebin/images/" + onArray[index]; }

function showOffButton(index, elementID) {document.getElementById(elementID).src = "/speedmark/extension/ezwebin/design/ezwebin/images/" + offArray[index]; } 

document.hideElementsByClassName = function(cl,id) {

var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++) {
var classes = elem[i].className;
if (myclass.test(classes) && elem[i].id != id) 
	elem[i].style.display = "none";
}

}; 


function toggle(id) 
{
	document.hideElementsByClassName('city-desc',id);
	document.getElementById(id).style.display = (document.getElementById(id).style.display != "block") ? "block" : "none" ;
}


//We wrap all the code in an object so that it doesn't interfere with any other code
var scroller = {
  init:   function() {

    //collect the variables
    scroller.docH = document.getElementById("right-column-inner").offsetHeight;
    scroller.contH = document.getElementById("right-column").offsetHeight;
    scroller.scrollAreaH = document.getElementById("scrollArea").offsetHeight;
      
    //calculate height of scroller and resize the scroller div
    //(however, we make sure that it isn't to small for long pages)
    scroller.scrollH = 12
    //if(scroller.scrollH < 15) scroller.scrollH = 15;
    document.getElementById("scroller").style.height = 12 + "px";
    
    //what is the effective scroll distance once the scoller's height has been taken into account
    scroller.scrollDist = Math.round(scroller.scrollAreaH-scroller.scrollH );
    
    //make the scroller div draggable
    Drag.init(document.getElementById("scroller"),null,0,0,-1,scroller.scrollDist);
    
    //add ondrag function
    document.getElementById("scroller").onDrag = function (x,y) {
    var scrollY = parseInt(document.getElementById("scroller").style.top);
    var docY = 0 - (scrollY * (scroller.docH - scroller.contH) / scroller.scrollDist);
    document.getElementById("right-column-inner").style.top = docY - scroller.scrollH + "px";
	}

    
    //FOR Center DIV
    //Gg added the suffix _C for the CENTER column so that the variables are not shared
    scroller.docH_C = document.getElementById("center-column-inner").offsetHeight;
    scroller.contH_C = document.getElementById("center-column").offsetHeight;
    scroller.scrollAreaH_C = document.getElementById("scrollAreaCenter").offsetHeight;
      
    //calculate height of scroller and resize the scroller div
    //(however, we make sure that it isn't to small for long pages)
    scroller.scrollH_C = 12;
    //if(scroller.scrollH_C < 15) scroller.scrollH_C = 15;
    document.getElementById("scrollerCenter").style.height = 12 + "px";
    
    //what is the effective scroll distance once the scoller's height has been taken into account
    scroller.scrollDist_C = Math.round(scroller.scrollAreaH_C-scroller.scrollH_C);
    
    //make the scroller div draggable
    Drag.init(document.getElementById("scrollerCenter"),null,0,0,-1,scroller.scrollDist_C);
    
    //add ondrag function
    document.getElementById("scrollerCenter").onDrag = function (x,y) {
    var scrollY_C = parseInt(document.getElementById("scrollerCenter").style.top);
    var docY_C = 0 - (scrollY_C * (scroller.docH_C - scroller.contH_C) / scroller.scrollDist_C);
    document.getElementById("center-column-inner").style.top = docY_C - scroller.scrollH_C + "px";
	}
  }
}