//Controls the ZOOM BAR
// By C. McAulay for Maps.com - 2007

//var zoomColors = new Array('#6ca8f3','#71abf3','#77aef3','#87b7f3','#8dbaf3','#92bdf2','#a3c6f2','#a8c9f1',
    //'#aeccf1','#bed4f0','#c3d7f0','#c9daf0','#d9e3ff','#dfe6ff','#ececff','#efefff','#ffffff');
    
var zoomColors = new Array('#ffc91c','#ffc91c','#ffc91c','#ffce31','#ffd345','#ffd85a','#ffdd6f','#ffe284','#ffe798','#ffecad','#fff1c2','#fff6d7','#fffbeb','#ffffff');
var zoomSelectColor = '#58BEF1';
var zoomOverColor = '#B22222';
var zoomLevel = dzoom;
var zoomPanelOver = false;
    
function zoomBuildBar(mapPos)
{
    zoomColors.reverse();
    for(var i=0; i<zoomColors.length; i++)
    {
        document.getElementById('zb' + (i+1)).style.backgroundColor = zoomColors[i];
        
        if ((i+1) == zoomLevel)
            document.getElementById('zb' + (i+1)).style.backgroundColor = zoomSelectColor;                
    }
    
  var zoomBar = document.getElementById('zoomBarCustom');
  zoomBar.style.top = (mapPos[1] + 10) + 'px';
  zoomBar.style.left = (mapPos[0] + 10) + 'px';
  zoomBar.style.visibility = 'visible';
  
  var zoomOverlay = document.getElementById('zoomOverlay');
  zoomOverlay.style.top = (mapPos[1] + 11) + 'px';
  zoomOverlay.style.left = (mapPos[0] + 35) + 'px';
  zoomOverlay.style.visibility = 'hidden';
  
  var typeBar = document.getElementById('typeBar');
  typeBar.style.top = (mapPos[1] + 10) + 'px';
  typeBar.style.left = (mapPos[0] + 381) + 'px';
  typeBar.style.visibility = aerial;
  
  var logo = document.getElementById('logo');
  logo.style.top = Utilities.getAbsoluteTop(document.getElementById('map')) + 364 + "px";
  logo.style.left = Utilities.getAbsoluteLeft(document.getElementById('map')) + 445 + "px";
  logo.style.visibility = 'visible';  
}

function recalcZoom()
{
    var mapPos = findPos(document.getElementById("map"));
    var zoomBar = document.getElementById('zoomBarCustom');
    zoomBar.style.top = (mapPos[1] + 10) + 'px';
    zoomBar.style.left = (mapPos[0] + 10) + 'px';
    
    var zoomOverlay = document.getElementById('zoomOverlay');
  zoomOverlay.style.top = (mapPos[1] + 11) + 'px';
  zoomOverlay.style.left = (mapPos[0] + 35) + 'px';
  zoomOverlay.style.visibility = 'hidden';
  
  var typeBar = document.getElementById('typeBar');
  typeBar.style.top = (mapPos[1] + 10) + 'px';
  typeBar.style.left = (mapPos[0] + 381) + 'px';
  //typeBar.style.visibility = aerial;
    
    loader = document.getElementById('Loader');
    loader.style.top = Utilities.getAbsoluteTop(document.getElementById('map')) + 364 + "px";
    loader.style.left = Utilities.getAbsoluteLeft(document.getElementById('map')) + 445 + "px";
    
    var logo = document.getElementById('logo');
  logo.style.top = Utilities.getAbsoluteTop(document.getElementById('map')) + 364 + "px";
  logo.style.left = Utilities.getAbsoluteLeft(document.getElementById('map')) + 445 + "px";
  logo.style.visibility = 'visible';
}

function zoomButtonMouseOver(btn)
{
    zoomPanelOver = true;
    if (btn.id.substring(2) != zoomLevel)
        btn.style.backgroundColor = zoomOverColor;
}

function zoomButtonMouseOut(btn)
{
    if (btn.id.substring(2) != zoomLevel)
        btn.style.backgroundColor = zoomColors[btn.id.substring(2)-1];
}

function zoomButtonClick(btn)
{
    document.getElementById('zb' + zoomLevel).style.backgroundColor = zoomColors[zoomLevel-1];
    var old = zoomLevel;    
    zoomLevel = btn.id.substring(2);
    if ((zoomLevel <= zoomThreshold) && (old > zoomThreshold)) pinsOnMap = new Object();
    btn.style.backgroundColor = zoomSelectColor;
    map.getZoomController().zoomToNewLevel(zoomLevel);
    if (curPin) curPin.hideInfoWindow();
}

function zoomPanelMouseOver()
{
    zoomPanelOver = true;
    document.getElementById('zoomOverlay').style.visibility = 'visible';
    var fader = new Fadomatic(document.getElementById('zoomOverlay'), 10);
    fader.show();
}

function zoomPanelMouseOut()
{
    if (! zoomPanelOver) return;
    
    setTimeout(function(){ if (! zoomPanelOver) {
        var fader = new Fadomatic(document.getElementById('zoomOverlay'), 10);
        fader.fadeOut();
     }},1000);
    zoomPanelOver = false;
}

function zoomIO(dir)
{
    var old = zoomLevel;
    zoomLevel = Number(zoomLevel) + Number(dir);
    if ((zoomLevel <= zoomThreshold) && (old > zoomThreshold)) pinsOnMap = new Object();
    if (zoomLevel < 1) {zoomLevel = 1; return;}
    if (zoomLevel > 14) {zoomLevel = 14; return;}
    document.getElementById('zb' + old).style.backgroundColor = zoomColors[old-1];
    document.getElementById('zb' + zoomLevel).style.backgroundColor = zoomSelectColor;            
    map.getZoomController().zoomToNewLevel(zoomLevel);
    if (curPin) curPin.hideInfoWindow();
}