function loadPage(url, objectID){
		var pageRequest = false;
		if (window.XMLHttpRequest) pageRequest = new XMLHttpRequest();
		else if (window.ActiveXObject)pageRequest = new ActiveXObject("Microsoft.XMLHTTP");	
		else return false;
		pageRequest.onreadystatechange = function(){
			if(pageRequest.readyState == 4){
		    	var object = document.getElementById(objectID);
		        if (pageRequest.status == 200){
					object.innerHTML = pageRequest.responseText;
				} else
					object.innerHTML = "Error code" + pageRequest.status;	
			}
		}
		pageRequest.open('GET', url, true);
		pageRequest.send(null);
}


function displayText(seperator, imageorIframe,contentDisplay ){
	    if (seperator == "image"){
			document.getElementById(contentDisplay).innerHTML = "<a href =" + imageorIframe + " width = 1000> <img src = " + imageorIframe + " width = 855 ></a>";
		}
		
		if (seperator == "iframe"){
			document.getElementById(contentDisplay).innerHTML =  "<iframe src=" +  imageorIframe + " width = 755 height = 580 scrolling= auto> </iframe>";
		}
}


function displayNews(imageorIframe,contentDisplay ){
	   document.getElementById(contentDisplay).innerHTML =  "<iframe src=" +  imageorIframe + " width = 635 height = 1050 scrolling= auto> </iframe>";
}





 function load() {     
    if (GBrowserIsCompatible()) {       
     	var map = new GMap2(document.getElementById("map"));        
     	map.setCenter(new GLatLng(37.738958, -122.413855), 13);     
      }    
      }

 function createMarker(point,i,icon) {
        var marker = new GMarker(point, {draggable:true,icon:icon});
        gmarkers[i]=marker;
        GEvent.addListener(marker, "dragend", function() {
          path[i] = marker.getPoint();
          if (!active[i]) {
            setTimeout('swapMarkers('+i+')', 1000);
          }
          active[i] = true;
          addresses[i] = "";
          makeLink();
        });
        map.addOverlay(marker);
      }
      
 // ====== Geocoding ======
      function showAddress() {
        if (state==0) {
          var search = document.getElementById("search").value;
          addresses[0] = search;
        }
        if (state==1) {
          var search = document.getElementById("search2").value;
          addresses[4] = search;
        }
        geo.getLatLng(search, function (point)
          { 
            if (point) {
              if (state==1) {doEnd(point)}
              if (state==0) {doStart(point)}
            }
            else {
              var result=geo.getCache().get(search);
              if (result) {
                var reason="Code "+result.Status.code;
                if (reasons[result.Status.code]) {
                  reason = reasons[result.Status.code]
                }
              } else {
                var reason = "";
              } 
              alert('Could not find "'+search+ '" ' + reason);
            }
          }
        );
      }
function handleState() {
        if (state == 0) {
          document.getElementById("start").style.display = "block";
          document.getElementById("end").style.display = "none";
          document.getElementById("drag").style.display = "none";
        }
        if (state == 1) {
          document.getElementById("start").style.display = "none";
          document.getElementById("end").style.display = "block";
          document.getElementById("drag").style.display = "none";
        }
        if (state == 2) {
          document.getElementById("start").style.display = "none";
          document.getElementById("end").style.display = "none";
          document.getElementById("drag").style.display = "block";
        }                                                       
      }
      
function doStart(point) {
        createMarker(point,0,icon1);
        path[0] = point;
        state = 1;
        handleState();
      }

      function doEnd(point) {
        createMarker(point,4,icon3);
        path[4] = point;
        state = 2;
        handleState();
        for (var i=1; i<4; i++) {
          var lat = (path[0].lat()*(4-i) + path[4].lat()*i)/4;
          var lng = (path[0].lng()*(4-i) + path[4].lng()*i)/4;
          var p = new GLatLng(lat,lng);
          createMarker(p,i,icon4);
          path[i] = p;
        }
        makeLink();
      }
  
      function makeLink() {
        var a = '<a href="http://maps.google.com/maps?saddr=' + path[0].toUrlValue();
        if (addresses[0] != "") {
          a += "("+addresses[0]+")";
        }
        var b = path[4].toUrlValue();
        if (addresses[4] != "") {
          b += "("+addresses[4]+")";
        }
        for (var i=3; i>0; i--) {
          if (active[i]) {
            b = path[i].toUrlValue() +"+to:+"+b;
          }
        }
        var c = '" target="_new">Get directions from Google maps</a>';
        document.getElementById("link").innerHTML = a+"&daddr="+b+c;
      }

var count = 0;
function displayImage(direction, contentDisplay ){
      var dir = count+direction;
      if(direction == 0 || dir == -1) 
		dir = 0;
      var imageLink = "foodimage/pic"+dir+".png";
	document.getElementById(contentDisplay).innerHTML = "<img src = " + imageLink + " width = 450 height = 350 >";
       count = count+direction;
      if (count > 19 || dir == 0) count = 0;			
}