var map;
var gdir;
var trafficInfo = new GTrafficOverlay();
var geocoder = null;
var addressMarker;
var toggleState = 1;
var waypoints = [];
var numGeocoded = 0;
var addresses = new Array();
addresses = addyArray.split("~~");

var devDetails = new Array();
devDetails = detailsArray.split("####");

var Icon = new GIcon();
Icon.image = "http://www.gorilladevelopments.com/clients/control/images/my_custom_icon.png";
Icon.iconSize = new GSize(22, 31);
Icon.shadow = "http://www.gorilladevelopments.com/clients/control/images/my_custom_icon_shadow.png";
Icon.shadowSize = new GSize(42, 31);
Icon.iconAnchor = new GPoint(5, 34);
Icon.infoWindowAnchor = new GPoint(5, 2);
//Icon.transparent = "mytran.png";
//Icon.printImage = "mymarkerie.gif";


function plotAddress(address,infoHtml) {
    var delay = 250;

    if (geocoder) {
        geocoder.getLatLng(
                address,
                function(point) {
                    if (!point) {
                        //put alert here...
                    } else {
                    var marker = new GMarker(point, Icon);
                    map.addOverlay(marker);
                    GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(infoHtml); });
                    }
                }
             );
    }
    numGeocoded += 1;
    window.setTimeout(geocodeAll, delay);
}

function geocodeAll() {
    if (numGeocoded < addresses.length) {
        plotAddress(addresses[numGeocoded],devDetails[numGeocoded]);
    }
}

function toggleTraffic() {
    if (toggleState == 1) {
        map.removeOverlay(trafficInfo);
        toggleState = 0;
    } else {
        map.addOverlay(trafficInfo);
        toggleState = 1;
    }
}



function initialize() {
    if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
        map.addControl(new GSmallMapControl());
        map.setCenter(new GLatLng(MapCenterLat, MapCenterLon), 10);
        numGeocoded = 0;
        setMarkers()
        geocoder = new GClientGeocoder();
    }
}

function setMarkers() {
    window.setTimeout(geocodeAll, 50);
}


$(function() {
    $("#ExpandMapMore").click(function() {

       $("#ExpandMapMore").css({ display: "none" });
       $("#CollapseMap").css({ display: "inline" });
       $("#cbp-google-map").animate({ width: "706px", height: "400px" }, 1000, "easeInOutQuad");
       $("#map_canvas").animate({ height: "400px" }, 1500, "easeOutBounce", function() { initialize(); });

    });
});

$(function() {
    $("#CollapseMap").click(function() {

        $("#CollapseMap").css({ display: "none" });
        $("#ExpandMapMore").css({ display: "inline" });
        $("#cbp-google-map").animate({ width: "706px", height: "179px" }, 1500, "easeInOutQuad");
        $("#map_canvas").animate({ height: "179px" }, 1500, "easeInOutQuad", function() { initialize(); });

    });
});

$(function() {
    $("#MoreOptions").click(function() {

    $("#AdditionalOptions").css({ display: "inline" });
    $("#LessOptions").css({ display: "inline" });
    $("#MoreOptions").css({ display: "none" });

    });
});

$(function() {
    $("#LessOptions").click(function() {

    $("#AdditionalOptions").css({ display: "none" });
    $("#LessOptions").css({ display: "none" });
    $("#MoreOptions").css({ display: "inline" });

    });
});