//<![CDATA[
	
	function Markers(color){
	map.getInfoWindow().hide() 
	   if (document.getElementById(color).checked==false) { // hide the marker
	      for (var i=0;i<gmarkers.length;i++) {
	         if (gmarkers[i].type==color)  {
	            map.removeOverlay(gmarkers[i]);
	         }
	      }
	   } else { // show the marker again
	      for (var i=0;i<gmarkers.length;i++) {
	         if (gmarkers[i].type==color)  {
	            map.addOverlay(gmarkers[i]);
	         }
	      }
	   }
	}

    if (GBrowserIsCompatible()) {
      var side_bar_html = "";
      var gmarkers = [];
      var htmls = [];
      var i = 0;
	  var ii = 0;
	  var timeOut = 165;
	  var timeOut1 = 65;
	  var markers =[];
	
	  var xmlfile = [];
		xmlfile[1] = "http://www.cretanadvice.co.uk/property/mapdatak_area.php?area=agn";
		xmlfile[2] = "http://www.cretanadvice.co.uk/property/mapdatak_area.php?area=akr";
		xmlfile[3] = "http://www.cretanadvice.co.uk/property/mapdatak_area.php?area=apo";
		xmlfile[4] = "http://www.cretanadvice.co.uk/property/mapdatak_area.php?area=her";
        xmlfile[5] = "http://www.cretanadvice.co.uk/property/mapdatak_area.php?area=kas";
		xmlfile[6] = "http://www.cretanadvice.co.uk/property/mapdatak_area.php?area=kol";
		xmlfile[7] = "http://www.cretanadvice.co.uk/property/mapdatak_area.php?area=kou";
		xmlfile[8] = "http://www.cretanadvice.co.uk/property/mapdatak_area.php?area=kyd";
		xmlfile[9] = "http://www.cretanadvice.co.uk/property/mapdatak_area.php?area=oma";
		xmlfile[10] = "http://www.cretanadvice.co.uk/property/mapdatak_area.php?area=pre";
		xmlfile[11] = "http://www.cretanadvice.co.uk/property/mapdatak_area.php?area=ret";
		xmlfile[12] = "http://www.cretanadvice.co.uk/property/mapdatak_area.php?area=sit";
		xmlfile[13] = "http://www.cretanadvice.co.uk/property/mapdatak_area.php?area=tim";
			
		var baseIcon = new GIcon();
		baseIcon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
		baseIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
		baseIcon.iconSize = new GSize(12, 20);
		baseIcon.shadowSize = new GSize(22, 20);
		baseIcon.iconAnchor = new GPoint(6, 20);
		baseIcon.infoWindowAnchor = new GPoint(5, 1);

		var icons=[];
		
		function coloredRideshareIcon(icontype) {
		   var color;
		   if ((typeof(icontype)=="undefined") || (icontype==null)) { 
		      color = "red" 
		   } else { 
		      color = icontype; 
		   }
		   if (!icons[icontype]) {
		      var icon = new GIcon(baseIcon);
		      icon.image = "http://labs.google.com/ridefinder/images/mm_20_"+ color +".png";
		      icons[icontype]=icon;
		   } 
		   return icons[icontype];
		}	
		
      function createMarker(point,name,html,icontype,type,picture,psize,bsize,price,web,code,back) {
	  	var icon = coloredRideshareIcon(icontype);
         	var marker = new GMarker(point,icons[icontype]);
				 marker.type = icontype;//color of marker
		
        marker.tooltip = '<div class="tooltip">'+name+'</div>';
		
				
		var i2=i;
		
        GEvent.addListener(marker, "click", function() {
			if (map.getZoom() < 16) {
			map.setCenter(marker.getPoint(), 9); 
			//map.setZoom(9);
	   			marker.openInfoWindowHtml(html
	      			+ '<div class="text"><img src="../property/pvimage/mg.jpg" width="18" height="18" alt="" /><a href="#" class="iw" onclick="javascript:zoomIn('+i2+')">Zoom in</a></div></div>');
	  		} else {
	   			marker.openInfoWindowHtml(html
	      			+ '<div class="text"><img src="../property/pvimage/mg.jpg" width="18" height="18" alt="" /><a href="#" class="iw" onclick="javascript:zoomOut('+i2+')">Zoom out</a></div></div>');
	  		}
			     
	    });			
		
		
        gmarkers[i] = marker;
        htmls[i] = html;
		
		side_bar_html +=
				'<div id="'+i+'"  class="sblist"'
				+'onmouseover="this.style.background=\'#cfe7ff\'"'
				+' onmouseout="this.style.background=\'#ffffff\'">';
				
		side_bar_html +=
	        	'<div class="t1"><a href="javascript:myclick('+i+')"'
				+'onmouseover="mymouseover('+i+')" onmouseout="mymouseout()" class="mono">'
				+ name+'</a></div>';
				
		side_bar_html +='<div class="type">'+type+'</div>';
		side_bar_html +='<div class="img">'+picture+'</div>';
		side_bar_html +='<div class="text">'+ psize +'</div>';
		side_bar_html +='<div class="text">'+ bsize +'</div>';
		side_bar_html +='<div class="text">'+ price +'</div>';
		side_bar_html +='<div class="c1">'+ web +'</div>';
		side_bar_html +='<div class="code">'+ code +'</div>';
		side_bar_html +='</div>';	
		
		//  ======  The new marker "mouseover" and "mouseout" listeners  ======
        GEvent.addListener(marker,"mouseover", function() {
          showTooltip(marker);
        });
		        
        GEvent.addListener(marker,"mouseout", function() {
		tooltip.style.visibility="hidden"
        });
					
        i++;
        return marker;
      }

      // ====== This function displays the tooltip ======
      function showTooltip(marker) {
      tooltip.innerHTML = marker.tooltip;
	  var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.getBounds().getSouthWest(),map.getZoom());
	  var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
	  var anchor=marker.getIcon().iconAnchor;
	  var width=marker.getIcon().iconSize.width;
	  var pos = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(offset.x - point.x - anchor.x + width,- offset.y + point.y +anchor.y)); 
		pos.apply(tooltip);
		tooltip.style.visibility="visible";
      }
	  
	  function zoomIn(i){
	   		map.setCenter(gmarkers[i].getPoint(), 16); 
			map.setMapType(G_SATELLITE_MAP);
			GEvent.trigger(gmarkers[i], "click");
	  }
	  function zoomOut(i){
	  		map.setCenter(gmarkers[i].getPoint(), 10); 
			map.setMapType(G_NORMAL_MAP);
			GEvent.trigger(gmarkers[i], "click");
	  }
	  
      // It launches the tooltip on the icon sidebar      
      function mymouseover(i) {
      showTooltip(gmarkers[i]);
		
	  }
      // It hides the tooltip from sidebar      
      function mymouseout() {
	  tooltip.style.visibility="hidden";
      }

	  // This function picks up the sidebar click and opens the corresponding info window
      function myclick(i) {
	  map.setCenter(gmarkers[i].getPoint(), 9);
	  //map.setZoom(9);
	  if (map.getZoom() < 16) {
        gmarkers[i].openInfoWindowHtml(htmls[i]+ '<div class="text"><img src="../property/pvimage/mg.jpg" width="18" height="18" alt="" /><a href="#" class="iw" onclick="javascript:zoomIn('+i+')">Zoom in</a></div></div>');
		} else {
		gmarkers[i].openInfoWindowHtml(htmls[i]+ '<div class="text"><img src="../property/pvimage/mg.jpg" width="18" height="18" alt="" /><a href="#" class="iw" onclick="javascript:zoomOut('+i+')">Zoom Out</a></div></div>');
		}
		
      }	
	  
	  function submitform() {
  		document.myform.submit();
	  }
	  
      // create the map
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GSmallMapControl());
      map.addControl(new GMapTypeControl());
	  var boxStyleOpts = {
          opacity: .2,
          border: "2px solid red"
        }

        /* second set of options is for everything else */
        var otherOpts = {
          buttonHTML: "<img src='zoom-button.gif' />",
          buttonZoomingHTML: "<img src='zoom-button-activated.gif' />",
          buttonStartingStyle: {width: '24px', height: '24px'}
        };
	  map.addControl(new DragZoomControl(boxStyleOpts, otherOpts));
      map.setCenter(new GLatLng(35.241113,24.906006),8);
	  
	  // ===== Start with an empty GLatLngBounds object =====     
      var bounds = new GLatLngBounds();

	  // ====== set up marker mouseover tooltip div ======
      var tooltip = document.createElement("div");
      document.getElementById("map").appendChild(tooltip);
      tooltip.style.visibility="hidden";
	  
	  function handleSelected(opt) {
	  var url = xmlfile[opt.selectedIndex];
      readMap(url);
      }
	
function readMap(url) {
  var request = GXmlHttp.create();
  	 request.open("GET", url, true);  // request XML from PHP with AJAX call
	  request.onreadystatechange = function() {
		    if (request.readyState == 4) {
		      var xmlDoc = GXml.parse(request.responseText);
			  // obtain the array of markers and loop through it
			  i=[0];
			  markers=[0];
			  markers = xmlDoc.documentElement.getElementsByTagName("Placemark");
			  map.getInfoWindow().hide();
			  gmarkers = [];
			  map.clearOverlays();
			  side_bar_html = "";
			  
			  var bounds = new GLatLngBounds();
		      window.setTimeout(startmap,timeOut1);
		    }
	  }
	  request.send(null);
}
	            
function startmap() {
  if ( ii < markers.length ) {
   var keep=Math.min(ii + 10, markers.length);
	while (ii < keep) {
   	  var coords=GXml.value(markers[i].getElementsByTagName("coordinates")[0]);
	     coords=coords.replace(/\s+/g," "); // tidy the whitespace
		 coords=coords.replace(/^ /,"");    // remove possible leading whitespace
		 coords=coords.replace(/, /,",");   // tidy the commas
		 var path = coords.split(" ");
		 var bits = path[0].split(",");
		 var point = new GLatLng(parseFloat(bits[1]),parseFloat(bits[0]));
		 var name=GXml.value(markers[i].getElementsByTagName("name")[0]);
		 var desc=GXml.value(markers[i].getElementsByTagName("description")[0]);
		 var html ='<div style="width:225px;height:100%;background:#ffffee;">'+desc;
		 var label = name;
	     var cdat=GXml.value(markers[i].getElementsByTagName("description")[0]);
			 cdat=cdat.replace(/\s+/g," ");
			 cdat=cdat.replace(/^ /,"");    
		     cdat=cdat.replace(/, /,",");   
			 cdat=cdat.replace(/> </g, ">^<");
		 var cdatresult = cdat.split("^");
		 var picture=cdatresult[3].replace(/></g, ">^<");picture=picture.split("^");picture=picture[1];
		 var psize  =cdatresult[4].split("</");psize=psize[0].split(">");psize=psize[1];
		 var bsize  =cdatresult[5].split("</");bsize=bsize[0].split(">");bsize=bsize[1];
		 var price  =cdatresult[6].split("</");price=price[0].split(">");price=price[1];
		 var code   =cdatresult[7].split("</");  code=code[0].split(">");code = code[1];
	  	 var type   =cdatresult[2].split("</");  type=type[0].split(">");type = type[1];
	  	 var web    =cdatresult[8].replace(/></g, ">^<");web=web.split("^"); web=web[1];
	  	 var back   = name;
	  	 var style=GXml.value(markers[i].getElementsByTagName("styleUrl")[0]);
	  
		 var icontype =style;
		  if(icontype == "#1Style"){
		   var color ="green";
			}else if(icontype == "#2Style"){
		   var color ="blue";
			}else if(icontype == "#4Style"){
		   var color ="white";
			} else {
		   var color ="yellow";
			}
				
			var icontype = color;
            // create the marker
               var marker = createMarker(point,label,html,icontype,type,picture,psize,bsize,price,web,code,back);
               map.addOverlay(marker);
			   bounds.extend(point);	
      ii++;
    }
	if (document.getElementById('loadingMessage')) {
	document.getElementById('loading').style.visibility='visible';
	document.getElementById('loadingMessage').innerHTML = 'Loading Markers...<br><b>' + ii + ' of ' + markers.length+ '</b><br>';
	}
    window.setTimeout(startmap,timeOut);
  }
  else {
    document.getElementById("sidebar").innerHTML = side_bar_html;
	document.getElementById('loading').style.visibility='hidden';
	map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
	map.setMapType(G_NORMAL_MAP);
	ii=0;
	
  } 
}
    // When initially loaded, use this data 
      readMap("http://www.cretanadvice.co.uk/property/mapdatak_start.php");  
	  
      //Define and set position of Counterbox
    var loading = document.getElementById("loading");
    pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(180,60));
    pos.apply(loading);
    map.getContainer().appendChild(loading);
	
    } else
	 {alert("Sorry, the Google Maps API is not compatible with this browser");}
    // This Javascript is based on code provided by the
    // Blackpool Community Church Javascript Team
    // http://www.commchurch.freeserve.co.uk/   
    // http://econym.googlepages.com/index.htm
	 
	// Written by Ralph Ames at
	// www.easypagez.com
	// ralph.ames@gmail.com
	
    //]]>