// JavaScript Document

/*
this function to initialize google mat format and content
*/
function initialize(lng,ltd,id,all_lng,all_lat,all_title,all_id,zoom,venue) {
		var location=new Array();
		location[0]="";
		var myDomain = document.domain;
      	if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(lng, ltd), zoom);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());

 		var baseIcon = new GIcon();
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50no.png";
        baseIcon.iconSize = new GSize(20, 34);
        baseIcon.iconAnchor = new GPoint(0, 0);
        baseIcon.infoWindowAnchor = new GPoint(0, 0);
        baseIcon.infoShadowAnchor = new GPoint(0, 0);

        // Creates a marker whose info window displays the letter corresponding
        // to the given index.
        function createMarker(point, index) {
				
          // Create a lettered icon for this point using our icon class
          var letter = String.fromCharCode("A".charCodeAt(0) + index);		  
          var letteredIcon = new GIcon(baseIcon);
		  letteredIcon.iconSize = new GSize(20, 20);
          letteredIcon.image = "http://"+myDomain+"/streamyx_zone_beta/streamyxzone_2/system/assets/images/20x20.png";

          // Set up our GMarkerOptions object
          markerOptions = { icon:letteredIcon, title:titles[index] };
          var marker = new GMarker(point, markerOptions);
		  
		  GEvent.addListener(marker, "click", function() {
		  
		  
		  
		  if(zoom<12)
		  {	
		  	window.location="http://"+myDomain+"/streamyx_zone_beta/streamyxzone_2/index.php/state/specific_state/"+newId[index]+"/"+titles[index]+"/"+newLng[index]+"/"+newLat[index]+"/";
		  }
		  if(zoom==12)
		  {	
		  	window.location="http://"+myDomain+"/streamyx_zone_beta/streamyxzone_2/index.php/district/specific_district/"+id+"/"+titles[index]+"/"+newLng[index]+"/"+newLat[index]+"/"+newId[index];
		  }
		  if(zoom==13)
		  {	
		     window.location="http://"+myDomain+"/streamyx_zone_beta/streamyxzone_2/index.php/sublocation/specific_loc/"+newId[index]+"/"+titles[index]+"/"+newLng[index]+"/"+newLat[index]+"/"+id;
		  }
		  if(zoom==14)
		  {	
		     window.location="http://"+myDomain+"/streamyx_zone_beta/streamyxzone_2/index.php/directlocation/specific_loc/"+newId[index]+"/"+titles[index]+"/"+newLng[index]+"/"+newLat[index]+"/"+id;
		  }
		  if(zoom==15)
		  {	
		     window.location="http://"+myDomain+"/streamyx_zone_beta/streamyxzone_2/index.php/directlocation/specific_loc/"+newId[index]+"/"+titles[index]+"/"+newLng[index]+"/"+newLat[index]+"/"+id;
		  }
		  if(zoom==16)
		  {	
		     window.location="http://"+myDomain+"/streamyx_zone_beta/streamyxzone_2/index.php/sublocation/specific_loc/"+newId[index]+"/"+titles[index]+"/"+newLng[index]+"/"+newLat[index]+"/"+id;
		  }
		  
		  });
		  		  
          return marker;
        }

       function createMarkerNear(point, index) {
          // Create a lettered icon for this point using our icon class
          var number = String.fromCharCode("1".charCodeAt(0) + index);		  
         
			// Create our "tiny" marker icon
			var tinyIcon = new GIcon();			
			tinyIcon.image = "http://"+myDomain+"/streamyx_zone_beta/streamyxzone_2/system/assets/images/20x20.png";
			tinyIcon.iconSize = new GSize(20, 20);
			tinyIcon.iconAnchor = new GPoint(0, 0);
			tinyIcon.infoWindowAnchor = new GPoint(0, 0);

          // Set up our GMarkerOptions object
          markerOptions = { icon:tinyIcon , title:titles_near[index] };
          var marker = new GMarker(point, markerOptions);

          GEvent.addListener(marker, "click", function() {
		  
	 		  			
			marker.openInfoWindowHtml("<span class=\"green2\">Streamyx Zone : <b>" + number + "</b><br \></span><span class=\"gray2\">"+location[index]+"</span>");
			//showDetail(number,location[index]);
		  });
		  
          return marker;
        }			  
	
        // Add 10 markers to the map at random locations
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
				
		if(zoom<15)
		{
		
		 var all_lng=all_lng;
 		 var newLng = new Array();
         newLng = all_lng.split('<>');
		 
		 var all_lat=all_lat;
 		 var newLat = new Array();
         newLat= all_lat.split('<>');
		
		 var newTitles=all_title;
		 var titles=new Array();
         titles= newTitles.split('<>');
		 var all_id=all_id;
		 var newId=new Array();
         newId= all_id.split('<>');
		 
        for (var i = 0; i < newLng.length; i++) {
		  var latlng=new GLatLng(newLng[i],newLat[i]);
		  map.addOverlay(createMarker(latlng, i));
				
		  
        }
		}
		
		if(zoom==15)
		{
			 var all_lng=all_lng;
 		 var newLng = new Array();
         newLng = all_lng.split('<>');
		 
		 var all_lat=all_lat;
 		 var newLat = new Array();
         newLat= all_lat.split('<>');
		
		 var newTitles=all_title;
		 var titles=new Array();
         titles= newTitles.split('<>');
		 var all_id=all_id;
		 var newId=new Array();
         newId= all_id.split('<>');
		 
		 var all_venue=venue;
		 var arrayVenue=new Array();
		 arrayVenue= all_venue.split('<>');
		 var newVenue='';
		 for (var i = 0; i < arrayVenue.length-1; i++) {
			 newVenue=newVenue+""+"<li>"+arrayVenue[i]+"</li>";
		 }
	 
        for (var i = 1; i < newLng.length; i++) {
		var latlng=new GLatLng(newLng[i],newLat[i]);
		map.addOverlay(createMarker(latlng, i));}
		  
		for (var i = 0; i < 1; i++) {
		var latlng=new GLatLng(newLng[i],newLat[i]);
		map.addOverlay(createMarker(latlng, i));
			
		var marker = createMarker(latlng,i)
		map.addOverlay(marker);
		
		if(lng ==0)
		{
		document.getElementById('view').innerHTML="<div id=\"msg\"><span class=\"gray2\"><strong>Sorry, Coordinate for this location not provided.</strong></span><p> Detail Venue :<span class=\"gray2\"><ul>"+newVenue+"</ul></span></div>";//alert("Sorry, coordinate not provided ");
		}
		else{
		marker.openInfoWindowHtml("<span class=\"font_12\"><strong>Streamyx Zone : </strong><br \></span><span class=\"gray2\"><ul>"+newVenue+"</ul></span>");
		}
			  
		} 
		
		}
		
		
		if(zoom==16)
		{
		var all_lng=all_lng;
 		 var newLng = new Array();
         newLng = all_lng.split('<>');
		 
		 var all_lat=all_lat;
 		 var newLat = new Array();
         newLat= all_lat.split('<>');
		
		 var newTitles=all_title;
		 var titles=new Array();
		 titles='aaaa';
         titles= newTitles.split('<>');
		 
		 var all_id=all_id;
		 var newId=new Array();
         newId= all_id.split('<>');
		 
		 var all_venue=venue;
		 var arrayVenue=new Array();
		 arrayVenue= all_venue.split('<>');
		 var newVenue='';
		 for (var i = 0; i < arrayVenue.length-1; i++) {
			 newVenue=newVenue+""+"<li>"+arrayVenue[i]+"</li>";
		 }
	 
        for (var i = 1; i < newLng.length; i++) {
		var latlng=new GLatLng(newLng[i],newLat[i]);
		map.addOverlay(createMarker(latlng, i));}
		  
		for (var i = 0; i < 1; i++) {
		var latlng=new GLatLng(newLng[i],newLat[i]);
		map.addOverlay(createMarker(latlng, i));
			
		var marker = createMarker(latlng,i)
		map.addOverlay(marker);
		if(lng ==0)
		{
		document.getElementById('view').innerHTML="<div id=\"msg\"><span class=\"gray2\"><strong>Sorry, Coordinate for this location not provided.</strong></span><p> Detail Venue :<span class=\"gray2\"><ul>"+newVenue+"</ul></span></div>";//alert("Sorry, coordinate not provided ");
		}
		else{
		marker.openInfoWindowHtml("<span class=\"font_12\"><strong>Streamyx Zone : </strong><br \></span><span class=\"gray2\"><ul>"+newVenue+"</ul></span>");
		}
			  
		} 
		
		}

		
      }
    }
	

var xmlHttp
var myDomain = document.domain;

function showLocation(lng,lat,idstate,location_code)
{ 

xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 } 
var url="http://"+myDomain+"/streamyx_zone_beta/streamyxzone_2/system/application/views/select_location.php"	
url=url+"?idstate="+idstate+"&lng="+lng+"&lat="+lat+"&location_code="+location_code+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged 
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function showLocationState(idstate)
{ 

xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 } 
var url="http://"+myDomain+"/streamyx_zone_beta/streamyxzone_2/system/application/views/select_location.php"	
url=url+"?idstate="+idstate+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged 
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}

function stateChanged() 
{ 
if (xmlHttp.readyState==4 )
 { 
 //document.write(xmlHttp.responseText);
 document.getElementById("select_state").innerHTML=xmlHttp.responseText 
 
 } 
  if (xmlHttp.readyState==1 )
 { 
 document.getElementById("select_state").innerHTML='<img src="http://www.streamyx.com.my/streamyx_zone_beta/streamyxzone_2/system/assets/images/Spinning_wheel_throbber.gif" width="32" height="32" />'
 } 
}

function GetXmlHttpObject()
{
var xmlHttp;
try
 {
	 
  xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

 }
 catch(e)
 {
  try
  {
   xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  } 
  catch(oc)
  {
	  
   xmlHttp = null;
  }
 }
 //Creating object of XMLHTTP in Mozilla and Safari 
 if(!xmlHttp) 
 {
  xmlHttp = new XMLHttpRequest();
 }

return xmlHttp;
}

function showLocationCordinate(str)
{

 var locc=str;
 var val = new Array();
 val = locc.split(',');
 var lng 	 = val[0]
 var lat 	 = val[1]
 var idstate = val[2]
 var idLoc	 = val[3]
 document.getElementById("map").innerHTML='<div id="map_canvas"	style="width: 400px;height: 300px;"></div>';
 document.getElementById("location").value=idLoc;
 updateCoordinate(lng,lat,16);
 showLocation(lng,lat,idstate,idLoc);
}