/*
window.onload 	= allInit;
*/
function allUnload() {
	GUnload();
	//logit("Unload");
} 
/*
swfobject.embedSWF("http://www.youtube.com/apiplayer?enablejsapi=1&playerapiid=ytplayer", 
                   "ytapiplayer", "400", "300", "8", null, null, params, atts);
*/

var myYouTubePlayerReady = function(pl) {
	logit("myYouTubePlayerReady DUMMY");
}
var ytplayer = null;
function onYouTubePlayerReady(playerId) {
	logit("onYouTubePlayerReady");
  ytplayer = document.getElementById("myytplayer");
	myYouTubePlayerReady(ytplayer);
	//alert("onYouTubePlayerReady");
  //ytplayer.loadVideoById("EJIvxRGB6rI");
}

var fullscreen = false;
var display_type = ""; // album / panorama / youtube / trips

window.onunload = allUnload;
/*
Shadowbox.loadLanguage('en', 'shadowbox/lang');
Shadowbox.loadSkin('classic', 'shadowbox/skin');
Shadowbox.loadPlayer(['img'], 'shadowbox/player');
*/
var displayEarth = false;
var googleOn     = false;

var mapMoving = false;

var ie6 = !window.XMLHttpRequest;
var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;

//var ie6 = true;  // for test
/*
if (typeof google != 'undefined') {
	if (displayEarth) {
		google.load("earth", "1");
	} else {
		google.load("maps", "2");
	}
	googleOn = true;
} 
function OnLoadGoogle() {
	logit("Google Loaded");
	// Otherwise GOverlay is not defined 
	// see http://groups.google.com/group/Google-Maps-API/browse_thread/thread/fb826b406ff40843
	//BdccBlock.prototype = new GOverlay();
	initBdccBlock();
}
google.setOnLoadCallback(OnLoadGoogle);
*/
initBdccBlock();

var iconDir = 'myicons/';
var kmlDir  = 'kml/';
var baseIcon = null;
var kmlLinkIcon = null;
var kmlLinkIconOver = null;
var picIcon = null;
var picIconOver = null;
var map1;
var slideCanvas = null;
var canvas_div = "map_canvas1";
var canvas_div$ = "#map_canvas1";
var intervalId = null;	// intervalId to next popup location
var slideInterval = null; // intervalId for slideshow within popup

var markerInfo = {};

markerInfo.panorama = null;
markerInfo.album = null;
markerInfo.trips = null;
markerInfo.youtube = null;

var zoomControlFullScreen = null;
var zoomControlSmallScreen = null;

var dragZoomControl = null;
var dragZoomPosSmall = null;
var dragZoomPosFull = null;

var xmlFile = {};

xmlFile.panorama 	= 'panorama6.xml';
xmlFile.album 		= 'albums8.xml';
xmlFile.youtube 	= 'video9.xml';
xmlFile.trips 		= 'trips3.xml';

var imagephp = "http://www.henkgroenen.nl/image.php/DSCF7467_Mod.jpg?width=333;&height=250;&image=/albums/";

var ddmenuitem = null;

var mapTrips = null;
var mapPics  = null;
var gmapPopup = null;
var slidePopup = null;

function toolbar_open() {	
	logit("toolbar_open:"+this.id);
	
	toolbar_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
}
function toolbar_close(){
	logit("toolbar_close:"+this.id);	
	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
}
/*========================================================================================
  
   Allinit
  
 ========================================================================================*/
function allInit() {
 	//logit("start slider value:"+$("#slider").slider("value"));
	//return;
	logit("allinit");
	if (ie6) $("#statusbar").css("position","absolute").css("height","22px");

	loadingMsg = new GloadingMsg();
	loadingMsg.initText("#loadingbar","#map_canvas1");
	loadingMsg.show();

	slidePopup = new SlidePopup("map_canvas1","popup");
	mapTrips = new MapTripsControl();
	mapPics  = new MapPics();
	
	
	// in ie add rounded corners
  if ($.browser.msie) { // not in IE7 because the buttons and text start drifting
		//$(".ui-icon").corners("5px");
		//DD_roundies.addRule('.ui-icon','5px');
		$(".ui-state-default").css("border","1px outset #000000");
	}
	if ($.browser.opera) {
		$(".ui-state-default").css("border","1px outset #000000");
	} else {
		DD_roundies.addRule('.barStyle','3px',true);
	}
	//
	// set callbacks for mouseover markers in mapPics
	//
	mapPics.mouseoverCB = slidePopup.show;
	mapPics.mouseoutCB 	= slidePopup.hide;

	//return;
	//$('ul.dropdown2 > li').hover(toolbar_open,toolbar_close);

  $("ul.dropdown li").hover(function() {
	  $(this).addClass("hover");
	  $('ul:first',this).css('visibility', 'visible');
	  ddmenuitem = $('ul:first',this);
  },function() {
	  $(this).removeClass("hover");
	  $('ul:first',this).css('visibility', 'hidden');
	  //ddmenuitem = null;
  });
  $("ul.dropdown li ul li:has(ul)").find("a:first").append(" » ");
	$(window).bind("resize",docResize);
	if (ie6) {
		logit("Bind Scroll");
		$(window).bind("scroll",docScroll);
	}
	if (ie6) setToolbar_overlay();
	docResize();
	$("#tool_text").hide();
	$("#toolbar").show();
	$("#tripbar").hide();

	slideCanvas = new SlideCanvas();
	slideCanvas.initSlideCanvas();

	if (typeof GMap2 === "undefined") return; // offline and no google maps available
	
	baseIcon = new GIcon(G_DEFAULT_ICON);
	baseIcon.shadow = iconDir+"shadow50.png";
	baseIcon.iconSize = new GSize(20, 34);
	baseIcon.shadowSize = new GSize(37, 34);
	baseIcon.iconAnchor = new GPoint(9, 32);
	baseIcon.infoWindowAnchor = new GPoint(9, 2);
	
	var icon1 = iconDir+"markerA.png";
	logit("***************** normal icon:"+icon1);
	var icon2 = iconDir+"dd-start.png";
	logit("***************** over icon:"+icon2);
	kmlLinkIcon = new GIcon(baseIcon,icon2);
	kmlLinkIconOver = new GIcon(baseIcon,icon1);
	
	picIcon = new GIcon(baseIcon,iconDir+"marker.png");
	picIconOver = new GIcon(baseIcon,iconDir+"dd-end.png");

	// Init Close for select popup
	$("#selectClose").click(function() {
		imgClicked("Close");
	});
	$("#toolbar_options a").click(function() {
		  $(".hover ul").css('visibility', 'hidden'); // close dropdown menu
			logit("clicked:"+this.id);
			switch(this.id) {
			case 'tool_fullscreen' :set_screen_size();
			break;
			case 'tool_panorama'   :select_panorama();
			break;
			case 'tool_album'      :select_album();
			break;
			case 'tool_youtube'    :select_youtube();
			break;
			case 'tool_trips'   	 :select_trips();
			break;
			case 'tool_world'      :show_world();
			break;
			case 'tool_flickr'     :
			if (mapTrips) {
				$("#tool_source").html($("#tool_flickr").html());
				mapTrips.trips_source = "flickr";
			}
			break;
			case 'tool_panoramio'  :
			if (mapTrips) {
				$("#tool_source").html($("#tool_panoramio").html());
				mapTrips.trips_source = "panoramio";
			}
			break;
			case 'tool_picasa'     :
			if (mapTrips) {
				$("#tool_source").html($("#tool_picasa").html());
				mapTrips.trips_source = "picasa";
			}
			break;
			otherwise: logit("unknown click:"+this.id);
		}
		if (display_type == "trips") {
			$("#tool_source").show();
		} else {
			$("#tool_source").hide();
		}
	});
	
	//createRoundedCorner($("#popup"));  // Rounded PNG Corners jQuery Plugin
	
	logit("allInit");
	mapInitialize();
}

function show_world() {
	logit("clicked world");
	slidePopup.hide();
	map1.setCenter(new GLatLng(0,0),2);
 	worldText();
 	if (display_type === "trips") {
 		mapTrips.show();
 		mapTrips.stopPlay();
		mapTrips.resetClicked();
		$("#tripbar").show();
		
 	}	else {
	 	mapPics.showMarkers(-1,-1);
	}
}
function select_album() {
	logit("clicked tool_album");
	if (display_type == "album") return;
	if (display_type == "trips") {
		$("#tripbar").hide();
		mapTrips.hide();
		mapTrips.stopPlay();
		mapTrips.resetClicked();
	}
	if (display_type == "panorama" || display_type == "youtube") {
		mapPics.removeCountryMarkers(mapPics.markerInfo.country);
	}
 	worldText();
	//$("#tool_panorama").css("border-style","outset");
	$(this).css("border-style","inset");
	if (!markerInfo.album) {
		// album markers NOT loaded
		load_album();
	} else {
		// album markers already loaded
		mapPics.markerInfo = markerInfo.album;
		mapPics.showMarkers(-1,-1); // show country markers
	}
	display_type = "album";
	$("#tool_select").html($("#tool_album").html());
}

function load_album() {
	statusm("Please wait,loading data...");
	mapPics.loadMap(map1,xmlFile.album,function() {
		markerInfo[mapPics.markerInfo.name] = mapPics.markerInfo;
		statusm();
		display_type = "album";
	});
}

function select_panorama() {
	logit("clicked tool_panorama");
	if (display_type == "panorama") return;
	if (display_type == "trips") {
		$("#tripbar").hide();
		mapTrips.hide();
		mapTrips.stopPlay();
		mapTrips.resetClicked();
	}
	if (display_type == "album" || display_type == "youtube") {
		mapPics.removeCountryMarkers(mapPics.markerInfo.country);
	}
 	worldText();
	//$("#tool_album").css("border-style","outset");
	$(this).css("border-style","inset");
	if (!markerInfo.panorama) {
		// panorama markers NOT loaded
		load_panorama();
	} else {
		// panorama markers already loaded
		mapPics.markerInfo = markerInfo.panorama;
		mapPics.showMarkers(-1,-1); // show country markers
	}
	display_type = "panorama";
	$("#tool_select").html($("#tool_panorama").html());
}

function load_panorama() {
	statusm("Please wait,loading data...");
	mapPics.loadMap(map1,xmlFile.panorama,function() {
		markerInfo[mapPics.markerInfo.name] = mapPics.markerInfo;
		statusm();
		display_type = "panorama";
	});
}
function select_youtube() {
	logit("clicked tool_youtube");
	if (display_type == "youtube") return;
	if (display_type == "trips") {
		$("#tripbar").hide();
		mapTrips.hide();
		mapTrips.stopPlay();
		mapTrips.resetClicked();
	}
	if (display_type == "panorama" || display_type == "album") {
		mapPics.removeCountryMarkers(mapPics.markerInfo.country);
	}
 	worldText();
	//$("#tool_panorama").css("border-style","outset");
	$(this).css("border-style","inset");
	if (!markerInfo.youtube) {
		// youtube markers NOT loaded
		load_youtube();
	} else {
		// youtube markers already loaded
		mapPics.markerInfo = markerInfo.youtube;
		mapPics.showMarkers(-1,-1); // show country markers
	}
	display_type = "youtube";
	$("#tool_select").html($("#tool_youtube").html());
}
function load_youtube() {
	statusm("Please wait,loading data...");
	mapPics.loadMap(map1,xmlFile.youtube,function() {
		markerInfo[mapPics.markerInfo.name] = mapPics.markerInfo;
		statusm();
		display_type = "youtube";
	});
}

function select_trips() {
	logit("clicked tool_trips");
	if (display_type == "trips") return;
	mapPics.removeCountryMarkers(mapPics.markerInfo.country); 
 	worldText();
 	map1.setCenter(new GLatLng(0,0),2);
	//$("#tool_album").css("border-style","outset");
	$(this).css("border-style","inset");
	if (!mapTrips.markerInfo) {
		load_trips();
	} else {
		// trips markers already loaded
		mapTrips.markerInfo = mapTrips.markerInfo;
		mapTrips.show();
		$("#tripbar").show();
		statusm();
		//showTrips(); // show all trip markers
	}
	display_type = "trips";
	$("#tool_select").html($("#tool_trips").html());
}
function load_trips(show_trip) {
	// trips markers NOT loaded
	statusm("Please wait,loading trip data...");
	mapTrips.loadXmlAndControl(kmlDir+xmlFile.trips,show_trip,function(xml) {
		markerInfo[mapTrips.markerInfo.name] = mapTrips.markerInfo;  // Remember markerInfo
		logit("ready receiving:"+mapTrips.markerInfo.name);
		statusm();
		display_type = "trips";
	},true);
}
function set_screen_size() {
	$("#toolbar").hide();
	//$("#tripbar").hide();
	if ($("#map_container").hasClass("canvasSmallScreen")) {
		$("#map_container").removeClass().addClass("fullscreen");
		if (ie6) {
			//$("#map_container").css("position","absolute");
			$("#toolbar").css("position","absolute");
			$("#tripbar").css("position","absolute");
			docScroll();
		} else {
		  $('#toolbar').css("position","fixed");
		  $('#tripbar').css("position","fixed");
		}
		//if (ie6) $("#tool_text").css("visibility","visible");
		$("#tool_text").show();
		fullscreen = true;
		logit("pressed to fullscreen");
		$("body").css("overflow","hidden"); // no scroll-bars
	  $("#tool_fullscreen").html("Small Screen");
		if (map1 && zoomControlSmallScreen && zoomControlFullScreen) {
			map1.removeControl(zoomControlSmallScreen);
			map1.addControl(zoomControlFullScreen);
			map1.removeControl(dragZoomControl);
      map1.addControl(dragZoomControl,dragZoomPosFull);
      map1.enableScrollWheelZoom();
		}
	} else {
		$("#map_container").removeClass().addClass("canvasSmallScreen");
		if (ie6) $("#map_container").css("position","static");
		$("#tool_text").hide();
		//if (ie6) $("#tool_text").css("visibility","hidden");
		fullscreen = false;
		logit("pressed to smallscreen");
		$("body").css("overflow","auto");
		$('#toolbar').css("position","absolute");
		$('#tripbar').css("position","absolute");
		$("#tool_fullscreen").html("Full Screen");
		if (map1 && zoomControlSmallScreen && zoomControlFullScreen) {
			map1.removeControl(zoomControlFullScreen);
			map1.addControl(zoomControlSmallScreen);
			map1.removeControl(dragZoomControl);
      map1.addControl(dragZoomControl,dragZoomPosSmall);
      map1.disableScrollWheelZoom();
		}
	}
	if (ie6) setToolbar_overlay();
	docResize();
	$("#toolbar").show();
	//$("#tripbar").show();
}
/*========================================================================================
  
   docResize
  
 ========================================================================================*/
function docResize() {
	//
	// 1.Resize Google Map 
	// 2.Reposition Toolbar
	// 3.Reposition Center of Map
	// 4.Resize status bar
	//
	logit("docResize");

	var top = $('#map_canvas1').offset().top;
	var left = $('#map_canvas1').offset().left;
	var canvas_height = $(window).height();
	var canvas_width = $(window).width();
	var tripbar_height = $("#tripbar").height();
	if (ie6) {
		$(".fullscreen").css("width",canvas_width+"px").css("height",canvas_height+"px").css("position","absolute");
		$(".fullscreenOverlay").css("width",canvas_width+"px").css("height",canvas_height+"px").css("position","absolute");
	}

	if (fullscreen) {
		//$("#statusbar").css("background-color","");

		var toolbar_top = 8;
		var toolbar_left = 80;

		var tripbar_top = canvas_height - tripbar_height - 50;
		var tripbar_left = 8;

	} else {
		canvas_height -= 170;
		if (canvas_height > 600) canvas_height = 600;
		if (canvas_height < 300) canvas_height = 300;
	
		canvas_width -= 50;
		if (canvas_width > 800) canvas_width = 800;
		if (canvas_width < 300) canvas_width = 300;

		var toolbar_top = top + 8;
		var toolbar_left = left + 30;
				
		logit("Top/Canvas/Tripbar height:"+top+'/'+canvas_height+'/'+tripbar_height);
		var tripbar_top = top + canvas_height - tripbar_height - 50;
		var tripbar_left = left + 8;
	}
	$("#map_container").height(canvas_height);
	$("#map_container").width(canvas_width);

	logit("set toolbar to:"+toolbar_top+"/"+toolbar_left);

	$("#toolbar").css("top",toolbar_top+"px");
	$("#toolbar").css("left",toolbar_left+"px");

	$("#tripbar").css("top",tripbar_top+"px");
	$("#tripbar").css("left",tripbar_left+"px");

	$("#tripSlide").css("top",tripbar_top+"px");
	$("#tripSlide").css("left",(tripbar_left+20)+"px");

	
	if (ie6) position_statusbar();
	
	logit("set canvas to:"+canvas_height+"/"+canvas_width);
	if (map1) {
		var cur_center = map1.getCenter();
		map1.checkResize();
		map1.setCenter(cur_center);
	}
}

var docScroll = function() { 
	//
	// for ie6 only
	//
	logit("docScroll");
	var wintop = $(window).scrollTop();
	logit('*******************************window scrollTop='+wintop);
	//$("#map_container").css("top",wintop+"px");
	$(".fullscreen").css("top",wintop+"px");
	if (fullscreen) {
		var tooltop = wintop + 8; 
		var triptop = wintop + $(window).height() - $("#tripbar").height() - 50;
		$("#toolbar").css("top",tooltop+"px");
		$("#tripbar").css("top",triptop+"px");
	}
	if (ie6) position_statusbar();
}
function position_statusbar() {
	var statusbar_top = $(window).scrollTop() + $(window).height() - $("#statusbar").height() - 2;
	$("#statusbar").css("top",statusbar_top+"px").css("width",$(window).width()-5+"px");
}
function setToolbar_overlay() {
	//
	// for ie6 only
	//
	$(".baroverlay").hide();
	$("#toolbar").css("background-color","#73879A");
	$("#tripbar").css("background-color","#73879A");
	return;
}
/*========================================================================================
  
   Function : mapInitialize
  
 ========================================================================================*/
function mapInitialize() {
	if (GBrowserIsCompatible()) {
		//mapText = new MapText;
    zoomControlFullScreen = new GLargeMapControl();
		zoomControlSmallScreen = new GSmallZoomControl();
		if (displayEarth) {
			logit("************ displayEarth");
      map1 = new GMap2(document.getElementById(canvas_div));
      map1.setCenter(new GLatLng(0,0),2);
      map1.addMapType(G_SATELLITE_3D_MAP);
      map1.addControl(new GHierarchicalMapTypeControl());
      map1.addControl(zoomControlSmallScreen);

     // Uncomment the following line to start the map with 3D enabled.
     map1.setMapType(G_SATELLITE_3D_MAP);
          
     // Obtain a pointer to the Google Earth instance attached to
     // your map.
     //mapE.getEarthInstance(getEarthInstanceCB);
     initMap();
    } else {
		  map1 = new google.maps.Map2(document.getElementById("map_canvas1"));
	    GEvent.clearListeners(map1);
		  //map1.setCenter(new google.maps.LatLng(0,0), 2);
	    //map1.addControl(new GLargeMapControl());
      map1.addControl(zoomControlSmallScreen);
			//map1.addControl(new GLargeMapControl());
	    // map1.addControl(new GMapTypeControl());
	    //map1.addControl(new GOverviewMapControl());
	    
	    map1.enableContinuousZoom(); //NEW
	    //map1.enableGoogleBar(); //NEW
	    
	    /*
	    var options = {
      suppressInitialResultSelection : true
      };
	    map1.addControl(new google.maps.LocalSearch(options));
	    */
      var boxStyleOpts = { opacity: .2, border: "2px solid yellow" };
      var otherOpts = {
              buttonHTML: "<img title='Drag zoom in' src='myicons/zoom-control-inactive.png' />",
              buttonZoomingHTML: "<img title='Drag zoom in' src='myicons/zoom-control-active.png' />",
              backButtonHTML: "<img title='Drag zoom out' src='myicons/zoom-out-control.png' />",
              backButtonEnabled: true,
              buttonStartingStyle: {width: '17px', height: '17px'},
              overlayRemoveTime: 0 };
      dragZoomControl = new DragZoomControl(boxStyleOpts, otherOpts, {});
      dragZoomPosSmall = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(6, 45));
      dragZoomPosFull = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(27, 250));
      map1.addControl(dragZoomControl,dragZoomPosSmall);
	    
	    // maptype dropdown
	    map1.addControl(new GMenuMapTypeControl());
	    map1.addMapType(G_PHYSICAL_MAP);
			map1.setMapType(G_PHYSICAL_MAP);
			map1.enableContinuousZoom();
			
			//BdccBlock.prototype = new GOverlay();
			
			initMap();
  	}
	}
}
/*========================================================================================
  
   Function : initMap
  
 ========================================================================================*/
var moveendCB = [];
function addMoveendCB(CB) {
	moveendCB.push(CB);
}
function initMap() {
	logit("initMap");

	mapTrips.init(map1);
	
	initGmapPopup();
	gmapPopup = new GmapPopup();
	map1.addOverlay(gmapPopup);
	
	var map_type = getURLParam("maptype");
	var trip_first = getURLParam("trip");
	
	logit("Map_Type="+map_type+"/"+trip_first);
	
	switch(map_type) {
		case 'panorama'		:
		case 'panorama#'	:load_panorama();
		break;
		case 'youtube'		:
		case 'youtube#'		:load_youtube();
		break;
		case 'trips'			:
		case 'trips#'			:
			//$("#tool_source_cont").show();
			load_trips(trip_first);
		break;
		default						:load_album();
	}
	
	GEvent.addListener(map1, "dblclick", function(overlay,point){
		logit("dblclick");
		map1.zoomIn();
	});

	GEvent.addListener(map1, "movestart", function(overlay,point){
		logit("MAP is moving");
		mapMoving = true;
	});
	GEvent.addListener(map1, "moveend", function(overlay,point){
		logit("moveend listenner:"+moveendCB.length);
		for (var i = 0; i < moveendCB.length; i += 1) {
			moveendCB[i]();
		}
		moveendCB.length = 0;
		//moveendCB = []; // empty
		logit("MAP has finished moving");
		mapMoving = false;
	});

  /*----------------------------------------------------------------------------------------
  
   Click event on Marker setup 
   - when kmlfile : hide all current markers and display new kml-file
   - when no kml-file : start canvas slideshow of city
  
   -----------------------------------------------------------------------------------------*/
	GEvent.addListener(map1, "click", function(overlay,point){
		if (overlay) {
			logit('Click title='+overlay.title+"/idx="+overlay.countryIdx+'/'+overlay.regionIdx+'/'+overlay.cityIdx);
			slidePopup.hide();
			if (overlay.regionIdx < 0 || overlay.cityIdx < 0) {
				//
				// country or region marker clicked : show region/city markers
				//
				mapPics.showMarkers(overlay.countryIdx,overlay.regionIdx);
			} else {
				// 
				// CITY - start canvas slide show
				// overlay.regionIdx and overlay.cityIdx should be set 
				//
				if (overlay.regionIdx >= 0 && overlay.cityIdx >= 0) {
					var imgA = mapPics.markerInfo.country[overlay.countryIdx].region[overlay.regionIdx].city[overlay.cityIdx].img;
					if (imgA.length == 1) {
						//
						// Only 1 image -> display it
						//
						showImage(overlay.countryIdx,overlay.regionIdx,overlay.cityIdx,0);
					} else {
						//
						// More than one image -> selector 
						//
						imgSelector(imgA,function(imgIdx) {
							showImage(overlay.countryIdx,overlay.regionIdx,overlay.cityIdx,imgIdx);						
						});
					}
				} else {	
					logit("WRONG data:"+overlay.regionIdx+'/'+overlay.cityIdx);
				}
			}
		} 
	});
}
/*========================================================================================
  
   Function : showImage
  
 ========================================================================================*/
function showImage(countryIdx,regionIdx,cityIdx,imgIdx) {
	logit("showImage:"+countryIdx+'/'+regionIdx+'/'+cityIdx+'/'+imgIdx);
	var city1 = mapPics.markerInfo.country[countryIdx].region[regionIdx].city[cityIdx];
	var con1 = mapPics.markerInfo.country[countryIdx];
	if (display_type == 'panorama') {
		slideCanvas.imgpan  		= city1.img[imgIdx].imagesource;
		slideCanvas.file_type 	= city1.img[imgIdx].file_type;
	}
	if (display_type == 'album') {
		slideCanvas.file_type 	  = 'album';
		slideCanvas.getafterdate 	= city1.img[imgIdx].startdate;
		slideCanvas.getcity 		  = city1.name;
	}
	if (display_type == 'youtube') {
		slideCanvas.file_type 	= 'youtube';
		slideCanvas.video_id 		= city1.img[imgIdx].video_id;
	}
	slideCanvas.title   		= city1.name+","+con1.name;
	
	//slideCanvas.file_type = "youtube";
	if (display_type == 'trips') alert("Wrong start of showImage");
	slideCanvas.startCanvas();
}
/*========================================================================================
  
   Function : imgSelector
  
 ========================================================================================*/
function imgSelector(imgA,callback) {
	var container = $('#selectContain');
	$(container).empty();
	for (var i = 0; i < imgA.length; i += 1) {
		$(container).append("<img id='"+i+"' src='"+imgA[i].imagethumb+"'>");
	}
	$(container).find("img").each(function() {
		logit("found img:"+this.id);
		$(this).click(function() {
			imgClicked(this.id,callback);
		});;
	});	

	imgLoaded(imgA[0].imagethumb,function(img) {
		logit('Image h/w:'+img.height+'/'+img.width);
		var win_height = $(window).height();
		var win_width = $(window).width();
		var div_height = imgA.length * (img.height +10);
		var div_width  = img.width + 20;
		//var div_height = $("#selectDiv").height();
		//var div_width = $("#selectDiv").width();
		var top = parseInt((win_height - div_height) / 2);
		var left = parseInt((win_width - div_width) / 2);
		logit("window height/width="+win_height+"/"+win_width);
		logit("div height/width="+div_height+"/"+div_width);
		logit("div top/left="+top+"/"+left);
		// set width for ie7
		$("#selectDiv").css("top",top+"px").css("left",left+"px").css("width",div_width+"px").show();
		$("#showOverlay").css("opacity","0.8");
		$("#showContainer").show();
	});
}
function imgClicked(clicked,callback) {
	$("#showContainer").hide();
	$("#selectDiv").hide();
	$('#selectContain img').unbind(); // remove click handlers
	if (clicked == 'Close') {
		logit("Close Clicked");
	} else {
		logit("You clicked image:"+clicked);
		callback(clicked);
	}
}
/*========================================================================================
  
   Function : showText & worldText
  
 ========================================================================================*/
function showText(text) {
	if (text != '') {
		$("#mapText").html(text);
		$("#tool_text").html(text);
		$("#mapTextSpan").show();
	}
}
function worldText() {
	$("#mapTextSpan").hide();
 	$("#tool_text").html("World");
}
/*========================================================================================
  
   Function : getEarthInstanceCB
  
 ========================================================================================*/
function getEarthInstanceCB(mapobject) {
	logit("getEarthInstanceCB:"+mapobject);
  map1 = mapobject;
  map1.addMapType(G_PHYSICAL_MAP);
  // You can now manipulate ge using the full Google Earth API.
	initMap();
}
function statusm(mes) {
	logit("Status:"+mes);
	if (mes) {
		//$("#statusbarText").html(mes);
		$("#statusbar").show();
		loadingMsg.show();
	} else {
		//$("#statusbar").fadeOut("slow");
		loadingMsg.hide();
	}
}