var _base = '';

//var center_lat = 7.92149;
//var center_lat = $lat;
//var center_lng = 98.3123;
//var center_zoom = 11;
var map;
var gmarkers=[];
//var url = _base + 'retail_xml.php';
var url = 'assets/snippets/map/retail_xml.php';

var iconRed = new GIcon();
iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
iconRed.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
iconRed.iconSize = new GSize(12, 20);
iconRed.shadowSize = new GSize(22, 20);
iconRed.iconAnchor = new GPoint(6, 20);
iconRed.infoWindowAnchor = new GPoint(5, 1);

var iconBlue = new GIcon();
iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
iconBlue.iconSize = new GSize(12, 20);
iconBlue.shadowSize = new GSize(22, 20);
iconBlue.iconAnchor = new GPoint(6, 20);
iconBlue.infoWindowAnchor = new GPoint(5, 1);

var customIcons = [];
customIcons["hotel"] = iconBlue;
customIcons["retail"] = iconRed;


function showMap(center_lat,center_lng,center_zoom) {

    if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(center_lat, center_lng), center_zoom);
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
    }else{
        alert("This browser is not compatible!");
    }

    // add markers
    addMarker(url);
}

function createMarker(point,type,name,html) {
    var marker = new GMarker(point, customIcons[type]);
    // var marker = new GMarker(point, {title:name});
    GEvent.addListener(marker,"click", function() {
        marker.openInfoWindowHtml(html);
    });
    return marker;
}


function addMarker(fileName){

    var xmlDoc=null;
    if (window.ActiveXObject) {
        // code for IE
        xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async=false;
        xmlDoc.load(fileName);
    } else if (document.implementation.createDocument) {
        // code for Mozilla, Firefox, Opera, etc.
        var xmlhttp = new window.XMLHttpRequest();
        xmlhttp.open("GET", fileName, false);
        xmlhttp.send(null);
        var xmlDoc = xmlhttp.responseXML.documentElement;
    } else {
        alert('Your browser cannot handle this script');
    }

    var markerItem = xmlDoc.getElementsByTagName("marker");
    if(markerItem.length > 0){
        for (i=0;i<markerItem.length;i++){
            var point = new GLatLng(markerItem[i].getAttribute("lat"), markerItem[i].getAttribute("long"));
            //var address = child.getNodeValue();
            //var htmlContent = "<p style='font: 14pt; color:#ff9900;'>"+markerItem[i].getElementsByTagName("Address");
            //var address = xmlDoc.getElementsByTagName("Address");
            //var address = document.write(markerItem.item(i).firstChild.nodeValue);
            var type = markerItem[i].getAttribute("type");
            var address = markerItem[i].firstChild.nodeValue;
            address = address.replace("<![CDATA[", "");
            address = address.replace("]]>", "");
            var marker = createMarker(point,type,markerItem[i].getAttribute("title"),'<b>' + markerItem[i].getAttribute("title") + '</b><br/><br/><p style="font: 11pt; color:#ff9900">' + address);
            marker.id = i;
            map.addOverlay(marker);
            gmarkers.push(marker)
        }
    }else{
        alert('No markers found! ' + fileName);
    }
}