/*	http://www.hunlock.com/blogs/Everything_You_Ever_Needed_To_Know_About_Video_Embedding */

function getElementsByClass (searchClass) {  
		// This function returns an array of all HTML objects with the  
		// specified className.  Tag is optional     
		var returnArray = [];  var els = document.getElementsByTagName('*');  var pattern = new RegExp('(^|\\s)'+searchClass+'(\\s|$)');  for (var i = 0; i < els.length; i++) {    if ( pattern.test(els[i].className) ) { returnArray.push(els[i]); }  }  return returnArray;}function popVideo(vid, darken) {  
		// This function accepts a division ID (vid), either a string or the actual  
		// object itself.   vid is mandatory.   darken is optional, if it's true  
		// the page will be greyed out under the video.  
		var videos = getElementsByClass('video');     
		// Get all the videos on the page.  
		var isplaying=null;  for(i=0; i<videos.length; i++) {              
		// Loop through all the videos    
		if (videos[i].style.display=='block') {     
		// This video is playing       
		isplaying=videos[i].id;                   
		// remember its name      
		var tmp=videos[i].innerHTML;              
		// Get the division contents      
		videos[i].innerHTML='';                   
		// destroy the contents      
		videos[i].style.display='none';           
		// Terminate the video.      
		videos[i].innerHTML=tmp;                  
		// rebuild the contents.    
		}  }  
		// This handles the darkening of the background while a video is playing.  
		// First we see if the dark layer exists.  
		var dark=document.getElementById('darkenScreenObject');  if (!dark) {    
		// The dark layer doesn't exist, it's never been created.  So we'll    
		// create it here and apply some basic styles.    
		var tbody = document.getElementsByTagName("body")[0];    var tnode = document.createElement('div');          
		// Create the layer.        
		tnode.style.backgroundColor='rgb(0, 0, 0)';     
		// Make it black.        
		tnode.style.opacity='0.7';                      
		// Set the opacity (firefox/Opera)        
		tnode.style.MozOpacity='0.70';                  
		// Firefox 1.5        
		tnode.style.filter='alpha(opacity=70)';         
		// IE.        
		tnode.style.zIndex='1';                         
		// Zindex of 50 so it "floats"        
		tnode.style.position='absolute';                
		// Position absolutely        
		tnode.style.top='0px';                          
		// In the top        
		tnode.style.left='0px';                         
		// Left corner of the page        
		tnode.style.overflow='hidden';                  
		// Try to avoid making scroll bars                    
		tnode.style.display='none';                     
		// Start out Hidden        
		tnode.id='darkenScreenObject';                  
		// Name it so we can find it later    
		tbody.appendChild(tnode);                           
		// Add it to the web page    
		dark=document.getElementById('darkenScreenObject'); 
		// Get the object.
		}  dark.style.display='none';  if ((isplaying==vid)||(/^close$/i.test(vid))) { return false; }  if (typeof(vid)=="string") { vid=document.getElementById(vid); }  if (vid&&typeof(vid)=="object") {    if (darken) {      
		// Calculate the page width and height       
		if( window.innerHeight && window.scrollMaxY )  {         var pageWidth = window.innerWidth + window.scrollMaxX;        var pageHeight = window.innerHeight + window.scrollMaxY;      } else if( document.body.scrollHeight > document.body.offsetHeight ) {        var pageWidth = document.body.scrollWidth;        var pageHeight = document.body.scrollHeight;      } else {         var pageWidth = document.body.offsetWidth + document.body.offsetLeft;         var pageHeight = document.body.offsetHeight + document.body.offsetTop;       }      
		//set the shader to cover the entire page and make it visible.       
		dark.style.width= pageWidth+'px';      dark.style.height= pageHeight+'px';      dark.style.display='block';                                    }    
		// Make the video visible and set the zindex so its on top of everything else    
		vid.style.zIndex='100';        vid.style.display='block';    var scrollTop = 0;    if (document.documentElement && document.documentElement.scrollTop)      scrollTop = document.documentElement.scrollTop;    else if (document.body)      scrollTop = document.body.scrollTop;    
		// set the starting x and y position of the video
		vid.style.top=scrollTop+Math.floor((document.documentElement.clientHeight/2)-(vid.offsetHeight/2))+'px';    vid.style.left=Math.floor((document.documentElement.clientWidth/2)-(vid.offsetWidth/2))+'px';  }  return false;}
