var iconRed = new GIcon();
//iconRed.image = 'http://www.google.com/mapfiles/marker.png';
iconRed.image = 'http://www.propertyfinder.com.mt/images/gmapicon.png';
//iconRed.shadow = 'http://www.google.com/mapfiles/shadow50.png';
iconRed.iconSize = new GSize(20, 20);
//iconRed.shadowSize = new GSize(22, 20);
iconRed.iconAnchor = new GPoint(6, 20);
iconRed.infoWindowAnchor = new GPoint(5, 1);


function initialize(catid) {
	if (GBrowserIsCompatible()) {
    	var map = new GMap2(document.getElementById("map_canvas"));
    	var center = new GLatLng(35.937496, 14.375416);
    	map.setCenter(center, 10);
		map.setUIToDefault();

        GDownloadUrl("phpsqlajax_genxml.php?cat_id=" + catid + "&" + (new Date()).valueOf(), function(data) {
        	var xml = GXml.parse(data);
          	var markers = xml.documentElement.getElementsByTagName("marker");
          	for (var i = 0; i < markers.length; i++) {
            	var name = markers[i].getAttribute("company");
            	var address = markers[i].getAttribute("address");
            	var number = markers[i].getAttribute("cnumber");
            	var url = markers[i].getAttribute("url");
            	var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            	var marker = createMarker(point, name, address, number, url);
            	map.addOverlay(marker);
          	}
        });
	}
}


function createMarker(point, name, address, number, url) {
	markerOptions = { icon:iconRed, draggable: false };
	var marker = new GMarker(point, markerOptions);
	var html = "<b>" + name + "</b><br/><br/>" + address + "<br/><br/>Tel: <b>" + number + "</b><br/><br/>Url: <a href='" + url + "' target='_blank'><b>" + url + "</b></a>";
	GEvent.addListener(marker, 'click', function() {
		marker.openInfoWindowHtml(html);
	});
	return marker;
}


function popUp(URL) {
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=400,height=400,left = 440,top = 200');");
}