jQuery.noConflict();
Shadowbox.init({language:'de-DE',players:['img','swf', 'iframe'],overlayOpacity:0.85,viewportPadding:40,useSizzle:false});

jQuery(document).ready(function($)
{

		try
		{
			var defaultToOpen = "/panoramaFlash_f.html";
			var sidebar       = "";
			var map           = null;
			var tooltip       = document.createElement("div");

			sidebar += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"420\">";
			for (var i=0 ; i<data.length; i++) 
			{
				sidebar += "<tr rel=\"shadowbox\" id=\"" + data[i][2] + "\">"
				sidebar += "<td class=\"sidebarItem\">"
				sidebar += "<div class=\"sidebarItemImg\" >"
				sidebar += "    <a rel=\"\"><img id=\"" + data[i][2] + "_img\" src='../" + data[i][2] + "/buttonSmall.jpg' alt='panorama" + (i+1) + "' border='0'></img></a>"
				sidebar += "</div>";
				sidebar += "</td>"
				sidebar += "<td class=\"sidebarItem\">"
				sidebar += "<div class=\"sidebarItemTxt\" id=\"" + data[i][2] + "_txt\">"
				sidebar += "  <div style=\"text-decoration:none;\" class=\"h3\">panorama <strong>" + (i+1) + "</strong></div>";
				sidebar += "  <div class=\"h4\"><br/>" + data[i][3] + "<br />" + data[i][4] + "</div>";
				sidebar += "</div>";
				sidebar += "</td>";
				sidebar += "</tr>";
			}
			sidebar += "</table>";
			$(sidebar).appendTo("#sidebar");

			setTimeout(function callFunc() { loadMap(); }, 99);

			var objDiv = document.getElementById("sidebar");
			objDiv.scrollTop = (Math.ceil(Math.random() * (objDiv.scrollHeight) )); 
		}
		catch (e)
		{
		}

		function loadMap() 
		{
			try
			{
				map = new GMap2($("#map")[0]);
				$("#map").get(0).appendChild(tooltip);

				map.addControl(new GSmallMapControl());

				map.setCenter(new GLatLng(maplat, maplng), mapzoom);
				map.setMapType(G_HYBRID_MAP);

				for (var i=data.length-1; i>=0 ; i--) 
				{
					var lat = data[i][0];
					var lng = data[i][1];
					var panopath = data[i][2];
					var point = new GLatLng(lat,lng);
					map.addOverlay(createMarker(point, panopath, i));
				}
			}
			catch (e)
			{
				$("#map").append("<h3 align=\"center\">Error: no internet connection to google!<br/>this is an offline image!<br/><br\/><img src=\"googlemapoffline.jpg\" alt=\"googlemap\" border=\"0\"><\/img><\/h3>");

				for (var i=data.length-1; i>=0 ; i--) 
				{
					$("#" + data[i][2]).click(function () 
					{
						showPano(this.id);
					});
					$("#" + data[i][2]).mouseover(function () 
					{
						$("#" + (this.id) + "_txt").css(     { "background-color" : "#FF9900" });
					});
					$("#" + data[i][2]).mouseout(function () 
					{
						$("#" + (this.id) + "_txt").css(     { "background-color" : "#FFEE00" });
					});
				}
			}
		};

		function showTooltip(marker)
		{
			tooltip.innerHTML = marker.tooltip;
			var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.getBounds().getSouthWest(),map.getZoom());
			var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
			var anchor=marker.getIcon().iconAnchor;
			var width=marker.getIcon().iconSize.width;
			var pos = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(offset.x - point.x - anchor.x + width - 9,- offset.y + point.y + anchor.y - 9));	
			pos.apply(tooltip);
			tooltip.style.visibility="visible";
		}


		function createMarker(ppoint,ppanopath,pi) 
		{
			var marker = new GMarker(ppoint);
			marker.tooltip = '<div class="tooltipb"><div class="tooltip">click&nbsp;to&nbsp;open&nbsp;panorama&nbsp;<strong>'+(pi+1)+'</strong><br><br><img src="../' + ppanopath + '/buttonSmall.jpg" alt="panorama"' + (pi+1) + '" border="0"></img></div></div>';

			$("#" + data[pi][2]).mouseover(function () 
			{
		    	map.setCenter(marker.getPoint(), map.getZoom());
				showTooltip(marker);

				$("#" + (this.id) + "").css(     { "background-color" : "#FF9900" });
				$("#" + (this.id) + "_img").css( { "visibility"       : "hidden"  });
			});
			GEvent.addListener(marker, "mouseover", function() 
			{
				showTooltip(marker);
				$("#" + ppanopath + "").css(     { "background-color" : "#FF9900" } );
				$("#" + ppanopath + "_img").css( { "visibility"       : "hidden"  } );

				// scroll sidebar so we can see actual item in any case
				$("#sidebar").get(0).scrollTop = $("#" + data[pi-1][2]).get(0).offsetTop;
			});

			$("#" + data[pi][2]).mouseout(function () 
			{
				tooltip.style.visibility = "hidden";

				$("#" + (this.id) + "").css(     { "background-color" : "#FFEE00" });
				$("#" + (this.id) + "_img").css( { "visibility"       : "visible" });
			});
			GEvent.addListener(marker, "mouseout", function() 
			{
				tooltip.style.visibility = "hidden";

				$("#" + ppanopath + "").css(     { "background-color" : "#FFEE00" } );
				$("#" + ppanopath + "_img").css( { "visibility"       : "visible" } );

			});

			$("#" + data[pi][2]).click(function () 
			{
				showPano(this.id);
			});
			GEvent.addListener(marker, "click", function() 
			{
				showPano(ppanopath);
			});

			pi++;

			return marker;
		}

		function showPano(ppanopath)
		{
			Shadowbox.open( { player:'iframe', type:'iframe', width:900, height:560, content: "../" + ppanopath + defaultToOpen }); 
		}

});



 
 
// vim:foldmethod=marker :tabstop=4 :foldcolumn=3 :syntax=javascript :ic: