var iconBlue = new GIcon(); 
    iconBlue.image = '/en/images/pins1.gif';
    iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
    iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconBlue.iconSize = new GSize(22, 30);
    iconBlue.shadowSize = new GSize(22, 20);
    iconBlue.iconAnchor = new GPoint(6, 20);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);

    var iconRed = new GIcon(); 
    iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
    iconRed.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconRed.iconSize = new GSize(12, 20);
    iconRed.shadowSize = new GSize(22, 20);
    iconRed.iconAnchor = new GPoint(6, 20);
    iconRed.infoWindowAnchor = new GPoint(5, 1);
    

    
    

    var customIcons = [];
    customIcons["all"] = iconBlue;
    
    
    var map = null;
    var map2 = null;
    var count_total = 0;
    var show = false;
    
//    var c_lat = 44.466244;
//    var c_long = 16.461248;
//    var c_zoom = 7;
    var type = '';
    var coord = new Array();
    
    var showPanoramio_1 = 0;
    var showPanoramio_2 = 0;
    var countM = 0;
    
    

    function load() {

      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("google_map1"));
        map.setCenter(new GLatLng(c_lat, c_long), 7);
        
        var center = new GLatLng(c_lat, c_long);

		map.setMapType(G_NORMAL_MAP); 
		map.addControl(new PanoramioControl_1());
		map.setUIToDefault();
		
		map.addControl(new GOverviewMapControl());
		
		


//		map.addControl(new GSmallMapControl());

		var marker = new GMarker(center, {draggable: false});
		map.addOverlay(marker);
		 
		 
		 
		map2 = new GMap2(document.getElementById("google_map2"));
//		map2 = new google.maps.Map2(document.getElementById("google_map2"));
		map2.addControl(new PanoramioControl_2());
		map2.setUIToDefault();
		
        map2.setCenter(new GLatLng(c_lat, c_long), c_zoom);
		map2.setMapType(G_SATELLITE_MAP); 


		map2.addControl(new GOverviewMapControl());
		
//		map2.addControl(new GMapTypeControl());
        
        
        
     
       
        



      }
    }
    
    

    
    


function PanoramioControl_1() {
}
PanoramioControl_1.prototype = new GControl();

PanoramioControl_1.prototype.initialize = function(map) {
	
  var panv = new GLayer("com.panoramio.all");
	
  var container = document.createElement("div");

  var zoomInDiv = document.createElement("div");
  this.setButtonStyle_(zoomInDiv);
  container.appendChild(zoomInDiv);
  zoomInDiv.appendChild(document.createTextNode("Panoramio"));
  GEvent.addDomListener(zoomInDiv, "click", function() {

  	 if(showPanoramio_1 == 0){
  	 	showPanoramio_1 = 1;
  	 	map.addOverlay(panv);
  	 }else
  	 {
  	 	showPanoramio_1 = 0;
  	 	map.removeOverlay(panv);
  	 }
     
     
  });

  

  map.getContainer().appendChild(container);
  return container;
}

// By default, the control will appear in the top left corner of the
// map with 7 pixels of padding.
PanoramioControl_1.prototype.getDefaultPosition = function() {
  return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(7, 7));
}

// Sets the proper CSS for the given button element.
PanoramioControl_1.prototype.setButtonStyle_ = function(button) {
  button.style.textDecoration = "none";
  button.style.color = "#000000";
  button.style.backgroundColor = "white";
  button.style.fontSize = "12px";
  button.style.border = "1px solid black";
  button.style.padding = "2px";
  button.style.marginRight = "275px";
  button.style.textAlign = "center";
  button.style.width = "6em";
  button.style.height = "13px";
  button.style.cursor = "pointer";
}


function PanoramioControl_2() {
}
PanoramioControl_2.prototype = new GControl();

PanoramioControl_2.prototype.initialize = function(map2) {
	
  var panv = new GLayer("com.panoramio.all");
	
  var container = document.createElement("div");

  var zoomInDiv = document.createElement("div");
  this.setButtonStyle_(zoomInDiv);
  container.appendChild(zoomInDiv);
  zoomInDiv.appendChild(document.createTextNode("Panoramio"));
  GEvent.addDomListener(zoomInDiv, "click", function() {

  	 if(showPanoramio_2 == 0){
  	 	showPanoramio_2 = 1;
  	 	map2.addOverlay(panv);
  	 }else
  	 {
  	 	showPanoramio_2 = 0;
  	 	map2.removeOverlay(panv);
  	 }
     
     
  });

  

  map2.getContainer().appendChild(container);
  return container;
}

// By default, the control will appear in the top left corner of the
// map with 7 pixels of padding.
PanoramioControl_2.prototype.getDefaultPosition = function() {
  return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(7, 7));
}

// Sets the proper CSS for the given button element.
PanoramioControl_2.prototype.setButtonStyle_ = function(button) {
  button.style.textDecoration = "none";
  button.style.color = "#000000";
  button.style.backgroundColor = "white";
  button.style.fontSize = "12px";
  button.style.border = "1px solid black";
  button.style.padding = "2px";
  button.style.marginRight = "275px";
  button.style.textAlign = "center";
  button.style.width = "6em";
  button.style.height = "13px";
  button.style.cursor = "pointer";
}