
Application = function() {
	
  return {
    init : function() {
      var self = Application;
	  self.sizeWindow();
      if (GBrowserIsCompatible()) {self.launchMap();}
		
	},
    
    launchMap : function() { 
      var self = Application;
      self.map = new GMap2(document.getElementById("map_canvas"));
      self.map.setCenter(new GLatLng(37.880002, -122.189941),3);
      self.map.setMapType(G_PHYSICAL_MAP); 
      self.map.setUIToDefault();
      
      for(i=0;i<json.length;i++){
      
      	marker = new GMarker(new GLatLng(json[i].lat,json[i].lng),{title: "test"});
      	marker.bindInfoWindowHtml('<h2>'+json[i].title+'</h2><iframe src="http://www.flickr.com/slideShow/index.gne?user_id=66329666@N00&set_id='+json[i].id+'" frameBorder="0" width="300" height="300" scrolling="no"></iframe>');
      	self.map.addOverlay(marker);
      
      }
     
    },

	windowHeight : function() {
	  var myHeight = 0;
	  if( typeof( window.innerWidth ) == 'number' ) {
	    //Non-IE
	    myHeight = window.innerHeight;
	  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
	    //IE 6+ in 'standards compliant mode'
	    myHeight = document.documentElement.clientHeight;
	  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
	    //IE 4 compatible
	    myHeight = document.body.clientHeight;
	  }
	  return (myHeight);
	},
	
	windowWidth : function() {
	  var myWidth = 0;
	  if( typeof( window.innerWidth ) == 'number' ) {
	    //Non-IE
	    myWidth = window.innerWidth;
	  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
	    //IE 6+ in 'standards compliant mode'
	    myWidth = document.documentElement.clientWidth;
	  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
	    //IE 4 compatible
	    myWidth = document.body.clientWidth;
	  }
	  return (myWidth);
	},

	sizeWindow : function(){
		var self = Application;
		self.windowheight = self.windowHeight();
		self.windowwidth = self.windowWidth();
		self.mapframe = document.getElementById("map_canvas");
		self.mapframe.style.height = (self.windowheight - 80) + "px";	
	},
};

}();

$(Application.init);




