var btnImages = new Array();
btnImages[0] = new Image();
btnImages[1] = new Image();
btnImages[0].src = "images/btnLearnMore.png";
btnImages[1].src = "images/btnLearnMore2.png";
var mouseX;
var mouseY;

function btnRollover(imageID, state) {
	var obj = document.getElementById(imageID);
	if (state == "on") {
		obj.src = btnImages[1].src;
	} else {
		obj.src = btnImages[0].src;
	}	
}

function playVideo(videoLink) {
	grayOut(true, {'zindex':'50', 'bgcolor':'#000000', 'opacity':'80'},'videoplayer.aspx?videoPath=uploads/media/'+videoLink); 	
}

function playAudio(audioLink) {
	grayOut(true, {'zindex':'50', 'bgcolor':'#000000', 'opacity':'80'},'videoplayer.aspx?videoPath=uploads/media/'+audioLink); 	
}

function grayOut(vis, options, videoFile) {
  var options = options || {}; 
  var zindex = options.zindex || 50;
  var opacity = options.opacity || 70;
  var opaque = (opacity / 100);
  var bgcolor = options.bgcolor || '#000000';
  var dark=document.getElementById('darkenScreenObject');
  if (!dark) {
    var tbody = document.getElementsByTagName("body")[0];
    var tnode = document.createElement('div');           
        tnode.style.position='absolute';                 
        tnode.style.top='0px';                           
        tnode.style.left='0px';                          
        tnode.style.overflow='hidden';                   
        tnode.style.display='none';                      
        tnode.id='darkenScreenObject';                   
    tbody.appendChild(tnode);                            
    dark=document.getElementById('darkenScreenObject');  
  }
  if (vis) {
    if( document.body && ( document.body.scrollWidth || document.body.scrollHeight ) ) {
        var pageWidth = document.body.scrollWidth+'px';
        var pageHeight = document.body.scrollHeight+'px';
    } else if( document.body.offsetWidth ) {
      var pageWidth = document.body.offsetWidth+'px';
      var pageHeight = document.body.offsetHeight+'px';
    } else {
       var pageWidth='100%';
       var pageHeight='100%';
    }   
	
    dark.style.opacity=opaque;                      
    dark.style.MozOpacity=opaque;                   
    dark.style.filter='alpha(opacity='+opacity+')'; 
    dark.style.zIndex=zindex;        
    dark.style.backgroundColor=bgcolor;  
    dark.style.width= pageWidth;
    dark.style.height= pageHeight;
    dark.style.display='block';                          
  } else {
     dark.style.display='none';
  }

// call ajax page and get the video playing
	var vPlayer=document.getElementById('videoPlayer');
	if (videoFile) {
		callPage(videoFile);
		playerleft = pageWidth.replace(/px/, "");		
		playertop = screen.height;//pageHeight.replace(/px/, "");

		// set location of video player
    	vPlayer.style.zIndex=60;   
	    vPlayer.style.top = "" + ((playertop/2)-200 + scrollTop()) + "px";
    	vPlayer.style.left = "" + ((playerleft/2)-160) + "px";
	    vPlayer.style.display='block';
		
  } else {
		callPage('blank.html');	  
    	vPlayer.style.zIndex=0;   
	    vPlayer.style.top = "0px";
    	vPlayer.style.left = "0px";
	    vPlayer.style.display='none'; 
  }
}

function scrollTop() {
	return filterResults (
		window.pageYOffset ? window.pageYOffset : 0,
		document.documentElement ? document.documentElement.scrollTop : 0,
		document.body ? document.body.scrollTop : 0
	);
}
function filterResults(n_win, n_docel, n_body) {
	var n_result = n_win ? n_win : 0;
	if (n_docel && (!n_result || (n_result > n_docel)))
		n_result = n_docel;
	return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}


function callPage(url){
	containerid = "videoContent";
	var page_request = false
		if (window.XMLHttpRequest) // if Mozilla, Safari etc
			page_request = new XMLHttpRequest()
		else if (window.ActiveXObject){ // if IE
			try {
				page_request = new ActiveXObject("Msxml2.XMLHTTP")
			} 
			catch (e){
				try{
					page_request = new ActiveXObject("Microsoft.XMLHTTP")
				}
			catch (e){}
			}
		}
		else
			return false
			page_request.onreadystatechange=function(){
				loadpage(page_request, containerid)
			}
			page_request.open('GET', url, true)
			page_request.send(null)
}

function loadpage(page_request, containerid){
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
	document.getElementById(containerid).innerHTML=page_request.responseText
}

// write the video player div
document.write("<div id='videoPlayer' style='width:400px; height: 420px; display:none; position: absolute;'><center><a href='javascript:grayOut();'><img src='images/btnClose.png' height='27' width='74' border='0' align='right' vspace='10'></a><br clear='all'><div id='videoContent'></div></center></div>");