$('document').ready(function(){
  
  //loadStoredDetails();
  $('#geobutton').click(determineLocation);
  //$('#remember').change(saveData);
});

function determineLocation(){
  if (navigator.onLine) {
    if (Modernizr.geolocation) {
      navigator.geolocation.getCurrentPosition(displayOnMap);
  
      var container = Raphael(document.getElementById("spinner"), 125, 125);
      var spinner = container.image("images/spinnerBW.svg", 0, 0, 125, 125);
      var attrsToAnimate = { rotation: "720" }; 
  		spinner.animate(attrsToAnimate, 60000);        
    }
    else {
      // geolocation is not supported in this browser
      // we can use Google Gears as a fallback
    }
  } else {
    alert("You must be online to use this feature.");
  }
}
  
function displayOnMap(position){
	document.getElementById("spinner").style.visibility = "hidden";
    var latitude = position.coords.latitude;
    var longitude = position.coords.longitude;
    
    // LetŐs use Google Maps to display the location 
    var myOptions = {
        zoom: 14,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    
    var map = new google.maps.Map(document.getElementById("mapDiv"), myOptions);
    
    var initialLocation = new google.maps.LatLng(latitude, longitude);
    
    var marker = new google.maps.Marker({
        position: initialLocation,
        map: map,
        title: "Hello World!"
    });
    
    map.setCenter(initialLocation);
	
	

//Web Storage Demonstration

//function saveData() {
//  if(Modernizr.localstorage) {
//	  if($("#remember").attr("checked"))
//	  {
//		var email = $("#email"). val();	
//		var name = $("#name"). val();	
//		
//		localStorage["name"] = name;
//		localStorage["email"] = email;
//		localStorage["remember"] = "true";
//		
//	  }
//  }
//  else {
//  	//no support for Web Storage
//  }
//}
//
//function loadStoredDetails() {
//  
//  if(Modernizr.localstorage) {	
//	var name = localStorage["name"];
//	var email = localStorage["email"];
//	var remember = localStorage["remember"];
//	
//	if (name) {
//		$("#name").val(name);	
//	}
//	
//	if (email) {
//		$("#email").val(name);	
//	}
//	
//	if (remember =="true") {
//		$("#remember").attr("checked", "checked");	
//	}
//  } else {
//		//no support for Web Storage  
//  }
//}
    
    
}