﻿var AG_Imagery = {
    oMap: null,
    InitImagery: function (MapContainer,Map) {
        var Imageryhtml = "";
        var SubImageryhtml = "";
        var oObj = document.createElement('div');
        oObj.setAttribute("id", "MapControlButtons");
        document.body.appendChild(oObj);
        AG_Imagery.oMap = Map

        Imageryhtml += "<div id='dvBtnImageryContainer'  onmouseover='AG_Imagery.ShowSubMenu();' onmouseout='AG_Imagery.HideSubMenu();'><div id='dvBtnImagery' style='height:16px;' class='MapButtons'  >";
        Imageryhtml += "<center>Map View</center>";
        Imageryhtml += "</div></div>";

        Imageryhtml += "<div id='dvBtnStreetView' class='MapButtons' onclick='DisplayStreetView();' title='Yellow View allows you to see 360 degree street level images. ";
        Imageryhtml += "Routes covered are indicated with a green route. ";
        Imageryhtml += "Double click anywhere on the green route to see the 360 view.'><center>Yellow View</center></div>";

        Imageryhtml += "<div id='dvBtnClear' class='MapButtons' onclick='Reset();' title='Clear Search Results.'><center>Clear</center></div>";
        
        $("#MapControlButtons").html(Imageryhtml);
        var oBtns = document.getElementById("MapControlButtons");
        document.getElementById(MapContainer).appendChild(oBtns);
        oBtns.style.visibility = "visible";
        var oObjsub = document.createElement('div');
        oObjsub.setAttribute("id", "MapSubControlButtons");
        document.getElementById("dvBtnImageryContainer").appendChild(oObjsub);
        
        SubImageryhtml += "<div onclick='AG_Imagery.SetImagery();' id='imgButtonSat' class='MapImageButton'><center><img src='images/sat.png' width='76px'height='60px;' style='padding-top:3px' /><br/>Satellite</center></div>";
        SubImageryhtml += "<div onclick='AG_Imagery.SetVector();' id='imgButtonMap' class='MapImageButtonSelected'><center><img src='images/map.png' width='76px'height='60px;' style='padding-top:3px' /><br/>Map</center></div>";
        
        $("#MapSubControlButtons").html(SubImageryhtml);


        var settings = {
            tl: { radius: 5 },
            tr: { radius: 5 },
            bl: { radius: 5 },
            br: { radius: 5 },
            antiAlias: true
        }

        var divObj = document.getElementById("dvBtnImagery");
        curvyCorners(settings, divObj);
        var divObj1 = document.getElementById("dvBtnStreetView");
        curvyCorners(settings, divObj1);
        var divObj5 = document.getElementById("dvBtnClear");
        curvyCorners(settings, divObj5);

        var divObj4 = document.getElementById("MapSubControlButtons");
        curvyCorners(settings, divObj4);

    },
    SetImagery: function () {
	pageTracker._trackEvent("Map", "Imagery");
        document.getElementById("imgButtonMap").className = "MapImageButton";
        document.getElementById("imgButtonSat").className = "MapImageButtonSelected";
        AG_Imagery.oMap.hideDefaultMap();
        AG_Imagery.oMap.showImagery();
        AG_Imagery.oMap.showDefaultMapForImagery();
    },
    SetVector: function () {
	pageTracker._trackEvent("Map", "Vector");
        document.getElementById("imgButtonMap").className = "MapImageButtonSelected";
        document.getElementById("imgButtonSat").className = "MapImageButton";
        AG_Imagery.oMap.hideImagery();
        AG_Imagery.oMap.hideDefaultMapForImagery();
        AG_Imagery.oMap.showDefaultMap();
        AG_Imagery.oMap.resize();
    },
    ShowSubMenu: function () {
        $("dvBtnImageryContainer").css("height", "300px");
        $("#MapSubControlButtons").show();
    },
    HideSubMenu: function () {
        $("#MapSubControlButtons").hide();
    }

};


