﻿ 
 
 function GetMap(glat,glong){
 
 
 
 //load in xml of all stores
   if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  } 
xmlhttp.open("GET","database/stores.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;


 
         var latlng = new google.maps.LatLng(glat, glong);
         var myOptions = {
         zoom: 12,
          center: latlng,
         mapTypeId: google.maps.MapTypeId.ROADMAP
                          };  
    
    var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
    
    var image = new google.maps.MarkerImage('icons/ck-flag.png');
    


     markers = xmlDoc.getElementsByTagName("marker");
    for (var i = 1; i < markers.length; i++) {
            var name =  markers[i].childNodes[2].firstChild.data + "<br> " + markers[i].childNodes[3].firstChild.data + "  " + markers[i].childNodes[4].firstChild.data ; //address
            var phone = markers[i].childNodes[5].firstChild.data;           
            var point = new google.maps.LatLng(parseFloat(markers[i].childNodes[0].firstChild.data),
                                    parseFloat(markers[i].childNodes[1].firstChild.data));
            
              var addy = markers[i].childNodes[2].firstChild.data + "," + markers[i].childNodes[3].firstChild.data + "," + markers[i].childNodes[4].firstChild.data;
          
            var twentyfour = markers[i].childNodes[6].firstChild.data; 
            var gas = markers[i].childNodes[7].firstChild.data; 
            var restroom = markers[i].childNodes[8].firstChild.data; 
            var atm = markers[i].childNodes[9].firstChild.data; 
            
            
            var marker = createMarker(point, name, phone, twentyfour, gas, restroom, atm);
             
         marker.setMap(map);
        
       
        
        
    }
    
     
    
    function createMarker(point, name, phone, twentyfour, gas, restroom, atm) {
    
     var image = new google.maps.MarkerImage('icons/ck-flag.png');
     var shadow = new google.maps.MarkerImage('icons/ck-flagshadow.png');
    
    var marker = new google.maps.Marker({
     position: point,
       icon: image, 
       shadow: shadow,
       title: phone 
                                        }); 
                                        
                                     
                                        
      google.maps.event.addListener(marker, 'click', function() {      
   
     var myHtml = "<table style='width:100%;' class='mainpagecopy'><tr><td><b>" + name + "</b></td></tr><tr><td>" + phone + "</td></tr><tr><td> " + twentyfour + "&nbsp;&nbsp;" + gas +  "&nbsp;&nbsp;" + restroom +  "&nbsp;&nbsp;" + atm +  "  </td></tr><tr><td><a href='http://maps.google.com/maps?f=d&hl=en&geocode=&saddr=Enter your Address&daddr=" + addy + "&sll=&sspn=&ie=UTF8&z=7' target='_blank'>Get Driving Directions</a></td></tr></table>";
    
     var infowindow = new google.maps.InfoWindow({content: myHtml});    
     infowindow.open(map, marker) });   
       
    return marker;
  }
  
  
   }  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 function DefaultMap(){
 
 //load in xml of all stores
   if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  } 
xmlhttp.open("GET","database/stores.xml",false);    //remove /CirclekFlorida  when moving to server
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
  
  var latlng = new google.maps.LatLng(28.256006,-81.573486);
         var myOptions = {
         zoom: 6,
          center: latlng,
         mapTypeId: google.maps.MapTypeId.ROADMAP
                          };  
    
    var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
  
    var image = new google.maps.MarkerImage('icons/ck-flag.png');
    


     markers = xmlDoc.getElementsByTagName("marker");
    for (var i = 1; i < markers.length; i++) {
            var name =  markers[i].childNodes[2].firstChild.data + "<br> " + markers[i].childNodes[3].firstChild.data + "  " + markers[i].childNodes[4].firstChild.data ; //address
            var phone = markers[i].childNodes[5].firstChild.data;           
            var point = new google.maps.LatLng(parseFloat(markers[i].childNodes[0].firstChild.data),
                                    parseFloat(markers[i].childNodes[1].firstChild.data));
            
            var addy = markers[i].childNodes[2].firstChild.data + "," + markers[i].childNodes[3].firstChild.data + "," + markers[i].childNodes[4].firstChild.data;
            
            var twentyfour = markers[i].childNodes[6].firstChild.data; 
            var gas = markers[i].childNodes[7].firstChild.data; 
            var restroom = markers[i].childNodes[8].firstChild.data; 
            var atm = markers[i].childNodes[9].firstChild.data; 
            
            
            var marker = createMarker(point, name, phone, twentyfour, gas, restroom, atm);
             
         marker.setMap(map);
        
       }
       
        
    
    function createMarker(point, name, phone, twentyfour, gas, restroom, atm) {
    
     var image = new google.maps.MarkerImage('icons/ck-flag.png');
     var shadow = new google.maps.MarkerImage('icons/ck-flagshadow.png');
    
    var marker = new google.maps.Marker({
       position: point,
       icon: image, 
       shadow: shadow,
       title: phone 
                                        }); 
                                        
                                     
                                        
      google.maps.event.addListener(marker, 'click', function() {      
   
     var myHtml = "<table style='width:100%;' class='mainpagecopy'><tr><td><b>" + name + "</b></td></tr><tr><td>" + phone + "</td></tr><tr><td> " + twentyfour + "&nbsp;&nbsp;" + gas +  "&nbsp;&nbsp;" + restroom +  "&nbsp;&nbsp;" + atm +  "  </td></tr><tr><td><a href='http://maps.google.com/maps?f=d&hl=en&geocode=&saddr=Enter your Address&daddr=" + addy + "&sll=&sspn=&ie=UTF8&z=7' target='_blank'>Get Driving Directions</a></td></tr></table>";
    
     var infowindow = new google.maps.InfoWindow({content: myHtml});    
     infowindow.open(map, marker) });   
       
    return marker;
  }
  
  
        
     
  
  }
  
  
 
 
 
 
  
  
  function GetMapCity(glat,glong){
 
 
 
 //load in xml of all stores
   if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  } 
xmlhttp.open("GET","database/stores.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;


 
         var latlng = new google.maps.LatLng(glat, glong);
         var myOptions = {
         zoom: 10,
          center: latlng,
         mapTypeId: google.maps.MapTypeId.ROADMAP
                          };  
    
    var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
    
    var image = new google.maps.MarkerImage('icons/ck-flag.png');
    


     markers = xmlDoc.getElementsByTagName("marker");
    for (var i = 1; i < markers.length; i++) {
            var name =  markers[i].childNodes[2].firstChild.data + "<br> " + markers[i].childNodes[3].firstChild.data + "  " + markers[i].childNodes[4].firstChild.data ; //address
            var phone = markers[i].childNodes[5].firstChild.data;           
            var point = new google.maps.LatLng(parseFloat(markers[i].childNodes[0].firstChild.data),
                                    parseFloat(markers[i].childNodes[1].firstChild.data));
            
              var addy = markers[i].childNodes[2].firstChild.data + "," + markers[i].childNodes[3].firstChild.data + "," + markers[i].childNodes[4].firstChild.data;
          
            var twentyfour = markers[i].childNodes[6].firstChild.data; 
            var gas = markers[i].childNodes[7].firstChild.data; 
            var restroom = markers[i].childNodes[8].firstChild.data; 
            var atm = markers[i].childNodes[9].firstChild.data; 
            
            
            var marker = createMarker(point, name, phone, twentyfour, gas, restroom, atm);
             
         marker.setMap(map);
        
       
        
        
    }
    
     
    
    function createMarker(point, name, phone, twentyfour, gas, restroom, atm) {
    
     var image = new google.maps.MarkerImage('icons/ck-flag.png');
     var shadow = new google.maps.MarkerImage('icons/ck-flagshadow.png');
    
    var marker = new google.maps.Marker({
     position: point,
       icon: image, 
       shadow: shadow,
       title: phone 
                                        }); 
                                        
                                     
                                        
      google.maps.event.addListener(marker, 'click', function() {      
   
     var myHtml = "<table style='width:100%;' class='mainpagecopy'><tr><td><b>" + name + "</b></td></tr><tr><td>" + phone + "</td></tr><tr><td> " + twentyfour + "&nbsp;&nbsp;" + gas +  "&nbsp;&nbsp;" + restroom +  "&nbsp;&nbsp;" + atm +  "  </td></tr><tr><td><a href=\"http://maps.google.com/maps?f=d&hl=en&geocode=&saddr=Enter your Address&daddr=" + addy + "&sll=&sspn=&ie=UTF8&z=7\" target=\"_blank\" >Get Driving Directions</a></td></tr></table>";
    
     var infowindow = new google.maps.InfoWindow({content: myHtml});    
     infowindow.open(map, marker) });   
       
    return marker;
    } 
  
  
  }
  
 
 
 
 
 
 
 
  function SearchCity(UserAddy)
  {
  
  //load in xml of all stores
   if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  } 
xmlhttp.open("GET","database/stores.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
  
     var latlng = new google.maps.LatLng(28.256006,-81.573486);
         var myOptions = {
         zoom: 11,
          center: latlng,
         mapTypeId: google.maps.MapTypeId.ROADMAP
                          };  
    
    var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
    
    
    
    
    
    function createMarker(point, name, phone, twentyfour, gas, restroom, atm) {
    
     var image = new google.maps.MarkerImage('icons/ck-flag.png');
     var shadow = new google.maps.MarkerImage('icons/ck-flagshadow.png');
    
    var marker = new google.maps.Marker({
     position: point,
       icon: image, 
       shadow: shadow,
       title: phone 
                                        }); 
                                        
                                     
                                        
      google.maps.event.addListener(marker, 'click', function() {      
   
     var myHtml = "<table style='width:100%;' class='mainpagecopy'><tr><td><b>" + name + "</b></td></tr><tr><td>" + phone + "</td></tr><tr><td> " + twentyfour + "&nbsp;&nbsp;" + gas +  "&nbsp;&nbsp;" + restroom +  "&nbsp;&nbsp;" + atm +  "  </td></tr><tr><td><a href=\"http://maps.google.com/maps?f=d&hl=en&geocode=&saddr=Enter your Address&daddr=" + addy + "&sll=&sspn=&ie=UTF8&z=7\" target=\"_blank\" >Get Driving Directions</a></td></tr></table>";
    
     var infowindow = new google.maps.InfoWindow({content: myHtml});    
     infowindow.open(map, marker) });   
       
    return marker;
    } 
    
  
    var geocoder= new google.maps.Geocoder();    
       
    
     var address = UserAddy;
     
     
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        
        //read lat and long from geocode query
        
        var curlat = results[0].geometry.location.lat();
        var curlong = results[0].geometry.location.lng();
        
//        document.getElementById("hf_searchlat").value = curlat;
//        document.getElementById("hf_searchlng").value = curlong;
        
        //query CK store database and zoom map if results are within range
        //else display error msg popup
        
       
      } else {
        window.alert("Geocode was not successful for the following reason: " + status);
      }
      
     
    });
    
    var markers = xmlDoc.getElementsByTagName("marker");
          for (var i = 1; i < markers.length; i++) {
            var name =  markers[i].childNodes[2].firstChild.data + "<br> " + markers[i].childNodes[3].firstChild.data + "  " + markers[i].childNodes[4].firstChild.data ; //address
            var phone = markers[i].childNodes[5].firstChild.data;           
            var point = new google.maps.LatLng(parseFloat(markers[i].childNodes[0].firstChild.data),
                                    parseFloat(markers[i].childNodes[1].firstChild.data));
            
             var addy = markers[i].childNodes[2].firstChild.data + "," + markers[i].childNodes[3].firstChild.data + "," + markers[i].childNodes[4].firstChild.data;
          
            var twentyfour = markers[i].childNodes[6].firstChild.data; 
            var gas = markers[i].childNodes[7].firstChild.data; 
            var restroom = markers[i].childNodes[8].firstChild.data; 
            var atm = markers[i].childNodes[9].firstChild.data; 
            
            
            var marker = createMarker(point, name, phone, twentyfour, gas, restroom, atm);
             marker.setMap(map);
        
    }
  
      map.setCenter(results[0].geometry.location);
 }
