var map;
var gx;
//<![CDATA[
function load(lat, lon, zoom, qry, prog, dist, res, type) {
    //var gx = '';

    if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
        map.setMapType(G_NORMAL_MAP);
        var mapTypeControl = new GMapTypeControl();
        var topRight = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(3, 20));
        map.addControl(mapTypeControl, topRight);
        map.addControl(new GLargeMapControl3D());
        map.setCenter(new GLatLng(lat, lon), zoom);
        var customUI = map.getDefaultUI();
        customUI.controls.scalecontrol = false;
        gx = new GGeoXml("http://beautyschool.empire.edu/locatordev/kml_map.ashx?qry=" + qry + "&prog=" + prog + "&dist=" + dist + "&res=" + res + "&pt=" + type);
        map.addOverlay(gx);
    }
}

function animate(lat, lon, schoolname, brandtag, city, state, zip, statename, logo, statenamelcase, schoollcase) {
   
    window.scrollTo(250, 0);
    map.clearOverlays();

    var inforef = '/cosmetology-schools/' + statenamelcase + '/' + schoollcase;
    var logo = 'http://beautyschool.empire.edu/images/map/' + logo;


    var myIcon = new GIcon(G_DEFAULT_ICON);
    myIcon.image = "http://beautyschool.empire.edu/images/map/ebs-icon-orange.png";
    myIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
    myIcon.iconSize = new GSize(32, 32);
    myIcon.shadowSize = new GSize(80, 32);
    myIcon.iconAnchor = new GPoint(9, 34);
    myIcon.infoWindowAnchor = new GPoint(9, 2);
    
    var markerOptions = { icon: myIcon };

    map.setCenter(new GLatLng(lat, lon), 15);


    var marker = new GMarker(map.getCenter(), markerOptions);

    map.addOverlay(marker);
    

    GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);        
        var html = '<div>';
        var html = html + '<div style="width: 68px; height: auto; float: left">';
        var html = html + '<img id="info_logo" src="' + logo + '"></div>';
        var html = html + '<div style="width: 180px; float: left; text-align: left; padding: 0px; margin: 0px;">';
        var html = html + '<div style="font-family: Arial,Helvetica,sans-serif; font-size: 16px;';
        var html = html + 'font-weight: bold; padding: 0px; line-height: 1px; margin: 14px 0px 0px 0px;">';
        var html = html + '' + brandtag + '</div>';
        var html = html + '<div style="font-family: Arial,Helvetica,sans-serif; font-size: 14px;';
        var html = html + 'line-height: 16px; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px;">';
        var html = html + '' + schoolname + '</div>';
        var html = html + '<div style="font-family: Arial,Helvetica,sans-serif; font-size: 14px;';
        var html = html + 'line-height: 1px padding:2px 0px 0px 0px; margin: 3px 0px 0px 0px;">';
        var html = html + '' + city + ', ' + state + ' ' + zip + '</div>';
        var html = html + '<div style="font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 1px padding:0px;';
        var html = html + 'margin: 6px 0px 0px 0px;">';
        var html = html + '<a href="' + inforef + '" target="_self">Click Here for More</a></div>';
        var html = html + '</div>';
        var html = html + '</div>';
        marker.openInfoWindowHtml(html);
    });


    // Trigger the click event of the marker
    GEvent.trigger(marker, 'click');

}
//]]>