// Hide message if javascript is enabled.
//	var jsmessage = document.getElementById("jsmessage");
//	jsmessage.style.display = "none";


// JavaScript Document
function videoViewer(object, videoUrl, videoTitle){
	var left;
	var top;
	var viewer = document.getElementById("video");
	//var alternate = document.getElementById("alternateContent");
	
	//var picURL = url;
	var picURL = 'img/logo.jpg';
	viewer.style.position = "fixed";
	//alternate.style.display = "none";
	
	
	//if(navigator.appName != "Microsoft Internet Explorer"){
	//	top = window.pageYOffset + 75;
	//}else{
	//	top = document.documentElement.scrollTop + 75;	
	//}

	// -------------------------------------------------------------------------
	// Prevent the image from following the scroller off =( the viewable area! =)
	// added 03-08-2011 by delia.yarritu
	// page offset and scroll are calculated differently in newer browsers
	// Use the view port dimensions instead.
	// -------------------------------------------------------------------------
   var viewPortWidth;
   var viewPortHeight;

   // mozilla/netscape/opera/IE7/IE8
   // Current browsers
   if (typeof window.innerWidth != 'undefined')
   {
      viewPortWidth = window.innerWidth,
      viewPortHeight = window.innerHeight
   }
   // IE6 in standards compliant mode
   else if (typeof document.documentElement != 'undefined' && 
            typeof document.documentElement.clientWidth !='undefined' && 
                   document.documentElement.clientWidth != 0 )

   {
      viewPortWidth = document.documentElement.clientWidth,
      viewPortHeight = document.documentElement.clientHeight
   }
   // other older versions of IE in case a client is stuck in a tropical hotel
   // using a guest kiosk with an outdated browser =0
   else
   {
      viewPortWidth  = document.getElementsByTagName('body')[0].clientWidth,
      viewPortHeight = document.getElementsByTagName('body')[0].clientHeight
   }
	// -------------------------------------------------------------------------

	
	
	//var image = new Image();
	//image.src = picURL;
	
	//var flashObject = new SWFObject("movie.swf", "mymovie", "400", "200", "8", "#336699");
   //flashObject.write("video");
	//flashObject.___ = picURL;

	
	//left = 454 - (image.width / 2); // image sometimes out of viewport range
	//if(left == 409){left = 60;} // ?? 
	
    if ( viewPortWidth >= 640)
	{
      left = ( viewPortWidth - 640) / 2; // center the image within the viewport width
	} 
	else
	{
      left = "auto"; // set to default 
      right = 0;// stick to the right
	}

    if ( viewPortHeight >= 390)
	{
      top  = ( viewPortHeight - 390) / 2; // center the image within the viewport height
	} 
	else
	{
      top  = 0; //stick to the top
	}
	
	viewer.style.top = top + "px";
	
	//Ensure access to the close button
    if ( viewPortWidth < 640)
    {
	    viewer.style.left = left;
	    viewer.style.right = right;
	 }
	 else
	 {
	    viewer.style.left = left + "px";
	 }
	 
	viewer.style.zIndex = 5;
	viewer.style.background = "transparent";
	viewer.style.overflow = "hidden";
	viewer.style.textAlign = "center";
	viewer.style.border = "0";

	//   '<input type="button" src="img/icons/close_over.jpg" value="&chi;" onclick="closeViewer();" /><div class="clear_both"><!-- clear_float --></div></div>' +

   var display = '<div><h3>' + videoTitle + '</h3>' +
   '<input type="image" src="./img/icons/close_out.png" onclick="closeViewer();" onmouseover="this.src=\'./img/icons/close_over.png\';" onmouseout="this.src=\'./img/icons/close_out.png\';" alt="Close" /><div class="clear_both"><!-- clear_float --></div></div>' +
   '    <iframe title="YouTube video player" ' +
   '    width="640" height="390" ' +
   '    src="' + videoUrl + '" ' +
   '    frameborder="0" allowfullscreen></iframe>';

   
	viewer.style.visibility = "visible";
	changeOpac(0, "video");
	
	//viewer.innerHTML = display;
	viewer.innerHTML = display;
	
	viewer.style.cursor = "hand";
	viewer.style.cursor = "pointer";
	opacity("video", 0, 100, 1000);
}

function closeViewer(){
	opacity("video", 100, 0, 500);
	setTimeout("hideViewer()", 500);
	
	
	var video_background = document.getElementById("video_background");
	video_background.style.visibility = "hidden";
	
	var video_container = document.getElementById("video_container");
	video_container.style.visibility = "hidden";
	
var viewer = document.getElementById("video");

viewer.innerHTML = '<!-- object removed -->';// remove object
}

function hideViewer(){
	var viewer = document.getElementById("video");	
	viewer.style.visibility = "hidden";
	viewer.style.zIndex = 0;
}

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;
    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}