changed the splash panels from using z-index to show/hide to shut down the...

changed the splash panels from using z-index to show/hide to shut down the globe when the video is playing

customindex/views/default/customindex/content.php

@@ -229,7 +229,7 @@
 				<div id="globeInner" style="opacity:1 !important; display: block !important;width:640px;height:480px;background-color:#000;"></div>
 				<!-- <div style="width:71px; height:77px; background:black; z-index:99999; position:absolute; bottom:0; right:0;"></div> -->
 			</div>
-			<div id="poster2">
+			<div id="poster2" style="display:none;">
 				<div style="width:330px; top:30px; left:30px;">
 					<h2>Join the Conversation</h2>
 					<p>
@@ -263,7 +263,7 @@
 				
 				
 			</div>
-			<div id="poster3">
+			<div id="poster3" style="display:none;">
 			<div id="promoVideo">This is the content replaced by the video. 
 			</div>
 			<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

customindex/views/default/customindex/metatags.php

@@ -52,15 +52,15 @@ p.witw_location {
 		    panelClicked = WDN.jQuery(this).attr("id").split('headline')[1];
 	     	WDN.jQuery("#headlines>div").removeClass("activepanel");
 	     	WDN.jQuery(this).addClass("activepanel");
-	     	WDN.jQuery("#posters>div").css({'z-index':'0'});
+	     	WDN.jQuery("#posters>div").hide();
 	     	if(WDN.jQuery(this).attr("id") == "headline1"){
-		     	WDN.jQuery("#poster"+panelClicked+"").css({'z-index':'99'});
+		     	WDN.jQuery("#poster"+panelClicked+"").show().css({'z-index':'99'});
 	     	} else {
-	     		WDN.jQuery("#poster"+panelClicked+"").css({'z-index':'105'});
+	     		WDN.jQuery("#poster"+panelClicked+"").show().css({'z-index':'105'});
 	     	}
 		   	if(WDN.jQuery(this).attr("id") == "headline1"){
-		     	WDN.jQuery("#xxx").show();
-		     	WDN.jQuery("#FE_InfoWindow").css({'z-index':'200'});
+		   		WDN.jQuery("#xxx").show();
+		   		var pause = setTimeout('WDN.jQuery("#FE_InfoWindow").css({"z-index":"200"});',2000);
 	   		} else {
 		     	WDN.jQuery("#xxx").hide();
 		     	WDN.jQuery("#FE_InfoWindow").css({'z-index':'0'});
@@ -99,16 +99,18 @@ var c=0;
 var t;
 var pinsonly=true;
       
-function startMap() {
+function startMap() { 
+	//these are needed for when the globe is turned off by clicking on another panel, then when it's restarted it begins here
+	pinsonly=true;c=0;
+	//turn off the overlay
 	this.toggleDashboard();	
-	//self = this;
 	letsdothisloop('0');
 	pinsonly=false;
 	c = Math.floor(Math.random()*30);
-	var pauseforasec =setTimeout("letsdothisloop('5000');",2000);
+	var pauseforasec =setTimeout("letsdothisloop('5000');",1500);
 };
 
-function letsdothisloop(delay) {
+function letsdothisloop(delay) { 
 	if(c==0) displayNancyAndreasen();
 	else if(c==1) displayAtorodAzizinamini();
 	else if(c==2) displayClaudeMBoltonJr();
@@ -160,14 +162,14 @@ function openLocation(lng, lat, username, location, displayname, title, comment,
 		clearTimeout(t);
 	var latlng = new FE.LatLng(lat,lng);
 	if(!pinsonly){	
-		setTimeout(function(){/*self*/map1.panTo(latlng,1.5,"easeInOutQuad")}, 50);
-		map1./*self.*/zoomTo(19505000,1.5,"easeInOutQuad");
+		setTimeout(function(){map1.panTo(latlng,1.5,"easeInOutQuad")}, 50);
+		map1.zoomTo(19505000,1.5,"easeInOutQuad");
 	}
 	label = window.label = new FE.Pushpin(latlng,new FE.Icon('<?php echo $CONFIG->url ?>mod/customindex/map-pin-12.png'));
 	//make pins clickable
 	if(pinsonly) 
 		FE.Event.addListener(label, 'click', function() { openLocation(lng, lat, username, location, displayname, title, comment, linkname);});
-	/*self*/map1.addOverlay(label);
+	map1.addOverlay(label);
 	if(!pinsonly)
 		applylabel(latlng, location, title, comment, displayname, username, linkname);
 };