Scripts/styles to make video thumbs functionable. Need to test in IE.

customindex/views/default/customindex/content.php

@@ -234,7 +234,7 @@
 			<div id="poster3">
 			<div id="promoVideo">This is the content replaced by the video. 
 			</div>
-			<script type="text/javascript" src="http://www.unl.edu/ucomm/templatedependents/templatesharedcode/scripts/components/mediaplayer/swfobject.js"></script>
+			<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
 			<script type="text/javascript">
 				var flashvars = {
 					allowfullscreen: "true",
@@ -252,9 +252,9 @@
 			swfobject.embedSWF("http://www.unl.edu/ucomm/templatedependents/templatesharedcode/scripts/components/mediaplayer/player.swf", "promoVideo", "640", "408", "10.0.0", false, flashvars, params, attributes);
 			</script>
 			<div id="promoVideoList">
-				<a href="#"><img src="mod/customindex/videoThumb.png" alt="Video Thumbnail" /></a>
-				<a href="#"><img src="mod/customindex/videoThumb.png" alt="Video Thumbnail" /></a>
-				<a href="#"><img src="mod/customindex/videoThumb.png" alt="Video Thumbnail" /></a>
+				<a href="http://ucomm.unl.edu/av/video/pyotm/JerryHudginsPYOTM.mp4"><img src="mod/customindex/videoThumbHudgins.jpg" alt="Jerry Hudgins Thumbnail" /></a>
+				<a href="http://ucomm.unl.edu/av/video/pyotm/MicrogravityU_PYOTM.mp4"><img src="mod/customindex/videoThumbMicrogravity.jpg" alt="Microgravity Thumbnail" /></a>
+				<a href="http://ucomm.unl.edu/av/video/pyotm/ZNETprojectPYOTM.mp4"><img src="mod/customindex/videoThumbZNet.jpg" alt="Zero Net Energy Thumbnail" /></a>
 				<a href="#"><img src="mod/customindex/videoThumb.png" alt="Video Thumbnail" /></a>
 			</div>
 			</div>

customindex/views/default/customindex/css.php

@@ -185,10 +185,13 @@ end three equal panels */
 	}
 /**The video poster stuff**/
 #promoVideoList {
+	position:absolute;
+	bottom:5px;
+	width:640px;
 	text-align:center;
 }
 #promoVideoList a {
-	margin:0px 5px 0px 5px;
+	margin:0px 0px 0px 0px;
 }
 /************************************************/
 /* the stuff below the splash headlines,posters */

customindex/views/default/customindex/metatags.php

@@ -27,12 +27,10 @@
 
     
 <script type="text/javascript">
+function showLinks() {
+	WDN.jQuery("#promoVideoList").show();
+};
 	WDN.jQuery(document).ready(function(){
-	
-		
-				
-
-	
 		WDN.jQuery("#headlines>div").click(function(){
 		    panelClicked = WDN.jQuery(this).attr("id").split('headline')[1];
 	     	WDN.jQuery("#headlines>div").removeClass("activepanel");
@@ -49,9 +47,25 @@
 		     	WDN.jQuery("#FE_InfoWindow").css({'z-index':'0'});
 	   		}
 	   });
-	   //load the video in a modal box on window load.
-	   //WDN.toolbar.colorbox('#promoVideo', {inline:true, href:"#promoVideo", open:true});
+	   //Controls for the video section
+		WDN.jQuery('#promoVideoList a').click(function() {
+			WDN.jQuery("#promoVideoList").hide();
+			//unload the current swfObject
+			swfobject.removeSWF("promoVideo");
+			//create a new div since it was removed
+			WDN.jQuery('#poster3').prepend("<div id='promoVideo'></div>");
+			//run swfObject again with the new video
+			var flashvars = {
+					file: WDN.jQuery(this).attr("href"),
+					autostart: true,
+					skin: "http://www.unl.edu/ucomm/templatedependents/templatesharedcode/scripts/components/mediaplayer/UNLVideoSkin.swf"
+				};
 								
+			swfobject.embedSWF("http://www.unl.edu/ucomm/templatedependents/templatesharedcode/scripts/components/mediaplayer/player.swf", "promoVideo", "640", "408", "10.0.0", false, flashvars, params, attributes, showLinks);
+			//WDN.jQuery('object#promoVideo param[name=flashvars]').attr({value: "allowfullscreen=true&amp;quality=best&amp;wmode=transparent&amp;file="+WDN.jQuery(this).attr("href")+"&amp;image=mod/customindex/videoStill.jpg&amp;autostart=false&amp;skin=http://www.unl.edu/ucomm/templatedependents/templatesharedcode/scripts/components/mediaplayer/UNLVideoSkin.swf"});
+		   	//WDN.log("New video loaded");
+	   		return false;
+		});
 	 });
 
 </script>