var map = null;
var z = null;
var Latitude = null;                    //Map Center Latitude from Querystring
var Longitude = null;                  //Map Center Longitude from Querystring
var hiddnefieldID = "";
var hiddenFavListingID = "";
var MapLatLongs = null;
var LatLongArray = null;
var tempLatitude = null;
var tempLongitude = null;
var qs = null;
var mapzoomlevel = null;
var criteriaContext = null;


function LoadMap() {
    showmapcon();
    ReadControlValues(this);
    GetListings();
}

function showmapcon() {
    //skip if map already initalized
    if (map != null)
        return;
    //Get Lat/Long for Map Center if passed from querystring
    tempLatitude = null;
    tempLongitude = null;

    var IMLL = GetCookie("IMLL");
    if (IMLL != null) {
        IMLL = IMLL.replaceAll(",", ";");
        document.getElementById(hiddnefieldID).value = IMLL;
        MapLatLongs = document.getElementById(hiddnefieldID).value
        LatLongArray = MapLatLongs.split(";");
    }


    if (LatLongArray != null && LatLongArray[4] != "" && LatLongArray[5] != "") //check if center lat long given
    {
        Latitude = LatLongArray[4];
        Longitude = LatLongArray[5];
        mapzoomlevel = LatLongArray[6];

        $("#hfLatitude").val(Latitude);
        $("#hfLongitude").val(Latitude);

    }
    else {
        // No Query string,
        // Set to defaults
        var dlatLng = defaultLatLongValue.split(";");
        Latitude = dlatLng[0];
        Longitude = dlatLng[1];
        mapzoomlevel = "10";

    }


    map = new VEMap('veMap');
    map.LoadMap(new VELatLong(Latitude, Longitude), mapzoomlevel, 'r', false);
    var search = document.getElementById('divpopup');


    map.AttachEvent("onendzoom", GetListings);
    map.AttachEvent("onendpan", GetListings);
    //map.AttachEvent("onstartzoom",GetListings);


    // Attacht Evenet Lsitner from Here
    // catch and call listners here

    if (criteriaContext == null)
        criteriaContext = $("#InteractiveMapSearFormArea");

    // Dropdowns 
    $(".ddlSelectPriceFrom", criteriaContext).change(function() { PriceFrom = $(this).val(); GetListings(this); });
    $(".ddlSelectPriceTo", criteriaContext).change(function() { PriceTo = $(this).val(); GetListings(this); });
    $(".ddlBeds", criteriaContext).change(function() { Bedrooms = $(this).val(); GetListings(this); });
    $(".ddlBaths", criteriaContext).change(function() { Bathrooms = $(this).val(); GetListings(this); });
    $(".ddlSquareFeet", criteriaContext).change(function() { SquareFeet = $(this).val(); GetListings(this); });
    $(".ddlTimeOnMarket", criteriaContext).change(function() { Timeonmarket = $(this).val(); GetListings(this); });
    $(".ddlyearbuild", criteriaContext).change(function() { YearBuilt = $(this).val(); GetListings(this); });
    $(".ddlMinAcreage", criteriaContext).change(function() { MinAcreage = $(this).val(); GetListings(this); });
    $(".ddlMaxAcreage", criteriaContext).change(function() { MaxAcreage = $(this).val(); GetListings(this); });
    $(".ddlStories", criteriaContext).change(function() { Stories = $(this).val(); GetListings(this); });
    $(".ddlGarage", criteriaContext).change(function() { Garages = $(this).val(); GetListings(this); });

    $(".ddlOpenHouses", criteriaContext).change(function() { OpenHouses = $(this).val(); GetListings(this); });

    $(".ddlPropertiesPerPage").change(PageListingTable);

    // enable sub-features if user is modifying search and search type is Lots/Land
    var cbValue = GetCheckboxValue(".chknLotsLand", ControlType.CheckBox);
    if (cbValue) {
        $(".chkGas  :checkbox ", criteriaContext).attr('disabled', false);
        $(".chkElectric :checkbox", criteriaContext).attr('disabled', false);
        $(".chkWater :checkbox", criteriaContext).attr('disabled', false);
        $(".chkSewer :checkbox", criteriaContext).attr('disabled', false);
    }
    else {
        $(".chkGas  :checkbox ", criteriaContext).attr('disabled', true);
        $(".chkElectric :checkbox", criteriaContext).attr('disabled', true);
        $(".chkWater :checkbox", criteriaContext).attr('disabled', true);
        $(".chkSewer :checkbox", criteriaContext).attr('disabled', true);
    }


    // CHECK BOXES  
    // (Property Types)
    $(".chkSingleFamily :checkbox", criteriaContext).click(function() { SingleFamily = $(this).is(":checked"); ValidateCheckBoxes(this); GetListings(this); })
    $(".chkCondo :checkbox", criteriaContext).click(function() { Condo = $(this).is(":checked"); ValidateCheckBoxes(this); GetListings(this); });
    $(".chkMultiFamily :checkbox", criteriaContext).click(function() { MultiFamily = $(this).is(":checked"); ValidateCheckBoxes(this); GetListings(this); });
    $(".chkManufacturedHome :checkbox", criteriaContext).click(function() { ManuHome = $(this).is(":checked"); ValidateCheckBoxes(this); GetListings(this); });
    $(".chkFarm :checkbox", criteriaContext).click(function() { Farm = $(this).is(":checked"); ValidateCheckBoxes(this); GetListings(this); });

    // Lots and Land
    $(".chknLotsLand :checkbox", criteriaContext).click(function() { LotsLand = $(this).is(":checked"); ValidateCheckBoxes(this); GetListings(this); });
    $(".chkGas :checkbox", criteriaContext).click(function() { Gas = $(this).is(":checked"); GetListings(this); });
    $(".chkElectric :checkbox", criteriaContext).click(function() { Electric = $(this).is(":checked"); GetListings(this); });
    $(".chkWater :checkbox", criteriaContext).click(function() { Water = $(this).is(":checked"); GetListings(this); });
    $(".chkSewer :checkbox", criteriaContext).click(function() { Sewer = $(this).is(":checked"); GetListings(this); });

    // featuers
    $(".chkView :checkbox", criteriaContext).click(function() { FeatureView = $(this).is(":checked"); GetListings(this); });
    $(".chkWaterFront :checkbox", criteriaContext).click(function() { FeatureFront = $(this).is(":checked"); GetListings(this); });
    $(".CheckbchkHouseBoatox :checkbox", criteriaContext).click(function() { FeatureBoat = $(this).is(":checked"); GetListings(this); });

    $(".chkSeperateDwelling :checkbox", criteriaContext).click(function() { SeperateDwelling = $(this).is(":checked"); GetListings(this); });
    $(".chkBonusRoom :checkbox", criteriaContext).click(function() { BonusRoom = $(this).is(":checked"); GetListings(this); });
    $(".chkMasterOnMain :checkbox", criteriaContext).click(function() { MasterOnMain = $(this).is(":checked"); GetListings(this); });

    $(".chkIsSold :checkbox").click(function() { IsSold = $(this).is(":checked"); GetListings(this); });
    $(".chkOpenHouses :checkbox").click(function() { OpenHouseOnly = $(this).is(":checked"); ValidateCheckBoxes(this); GetListings(this); });
    $(".chkNewOnMarket :checkbox").click(function() { ValidateCheckBoxes(this); if (!$(this).is(":checked")) { GetListings(this); } });
    // Chk ViewLegend
    //$(".chkViewLegends :checkbox").click(GetListings);
    $(".lnkViewLegends").click(function() { ShowHideLegend(true, 500, 200); return false; });
    $(".divLegendClose").click(function() { ShowHideLegend(false, 500, 200); });



    // also check if View Office listing is called
    // attach listner here
    $(".chkShowOffices :checkbox").click(GetOffices);

    //Swiitching Classes so the map has more room to operate in.
    //There has to be a better way to do this (remove these remarks).
    $('#Canvas').width("998px");
    $('#Header').width("998px");
}