// JavaScript Document

/***********************************/
function urlval(name){  
	name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");  
	var regexS = "[\\?&]"+name+"=([^&#]*)";  
	var regex = new RegExp( regexS );  
	var results = regex.exec( window.location.href );  
	if( results == null )    return "";  
	else    return results[1];
}


/****************************************/
function createMarker(latlng, html, iconImage) {
	
		//if(iconImage) 
		if(0)
		{
			var icon = new GIcon();
			icon.image = iconImage;
			icon.iconSize = new GSize(23, 34);
			icon.iconAnchor = new GPoint(14, 25);
			icon.infoWindowAnchor = new GPoint(14, 14);
			var marker = new GMarker(latlng,icon);
			} 
			else {
			var marker = new GMarker(latlng);
			}
		
		
		
		
		
		
		GEvent.addListener(marker, 'click', function() {
		var markerHTML = html;
		marker.openInfoWindowHtml(markerHTML);
		});
return marker;
}




/*****************************************/

function retrieveMarkers() {



var request = GXmlHttp.create();
//tell the request where to retrieve data from.


request.open('GET', './loc.php?psudoCode='+new Date().getTime()+'&'+document.getElementById("dtstr").value, true);



//request.open('GET', './salonloc.xml', true);



//alert(document.location.pathname);

//tell the request what to do when the state changes.
	request.onreadystatechange = function(){
		
		if(request.readyState == 4){
			   
			   var xmlDoc = request.responseXML;
			   var markers = xmlDoc.documentElement.getElementsByTagName("marker");
			
			 
			
			for (var i = 0; i < markers.length; i++) {
				
				//var iconImage = markers[i].getAttribute("icon");
				 var iconImage = './images/map/arrow-green.png';
				
				var lng = markers[i].getAttribute("lng");
				var lat = markers[i].getAttribute("lat");
				//check for lng and lat so MSIE does not error on parseFloat of a null value				
				
				
				
				if(lng && lat) {
						
						var s;
						
						if(markers[i].getAttribute("salonname"))
						{
						 	s = new String(markers[i].getAttribute("salonname"));
							s =	s.replace("~","'");
							s = s.replace("^","&");  	
						}
						else
						{
							s = new String(markers[i].getAttribute("name"));
							s =	s.replace("~","'");
							s = s.replace("^","&");	
						}
						
						
						var addr;
						if(location.href.substring(location.href.lastIndexOf('/')+1) == 'maplet.php'){
						addr = '<div class="mydrktext">Address:'+ markers[i].getAttribute("address")+ '</div>';							
						}
						else{
							addr = '';	
						}
						
						
						var latlng = new GLatLng(parseFloat(lat),parseFloat(lng));
						var html = '<div class="mydrktext">Salon:'
									+ s
									+ '</div>'
						   	        + addr
								    + '<div align="center"><a href="salonmap.php?mp=SM&id='+markers[i].getAttribute("salonid")+'" class="sheaderlinkalert">Click Here For Detail</a>'
									+ '</div>';
						
						
					if(location.href.substring(location.href.lastIndexOf('/')+1) != 'maplet.php'){
							map.setCenter(latlng,15);
						}
						  var marker = createMarker(latlng, html, iconImage);
						  //var marker = new GMarker(latlng);
						  map.addOverlay(marker);
				}
				
				
				
			}/*** END OF FOR LOOP ***/
			
		} /*** END OF IF ***/	
	} /*** END OF FUNCTION ***/


request.send(null);
}
/****************************************/
//52.522906,-2.658691

var centerLatitude = 52.522906; //52.776186
var centerLongitude = -1.388891;   //-0.087891
//var description = 'Tower Bridge,Tower Bridge Rd,London SE1, UK';
var description = 'UK';




var startZoom = 7;
var map;
var dst;

function init() {
	
	//alert(document.location.pathname);
	//alert(location.href.substring(location.href.lastIndexOf('/')+1));
	
	
	if (GBrowserIsCompatible()) {
	map = new GMap2(document.getElementById("map"));
	map.addControl(new GSmallMapControl());
	//map.addControl(new GMapTypeControl());
	
	if(location.href.substring(location.href.lastIndexOf('/')+1) == 'maplet.php'){
		map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
		//prompt('',map.getCenter());
	}
	
	
	
	
	
	retrieveMarkers();
	
	//allow the user to click the map to create a marker
		/*
		GEvent.addListener(map, "click", function(overlay, latlng) {
		//var marker = new GMarker(latlng)
		//map.addOverlay(marker);
		
		//map.openInfoWindow (latlng,document.createTextNode("You clicked here!"));
		
		});
		*/
	}
}

/************************************/
function addMarker(latitude, longitude, description) {
var marker = new GMarker(new GLatLng(latitude, longitude));
	GEvent.addListener(marker, 'click',
		function() {
		marker.openInfoWindowHtml(description);
		}
	);
	map.addOverlay(marker);
}
/*****************************************/



window.onload = init;
window.onunload = GUnload;