var minAlpha = 0
var maxAlpha = 90;
var fadeTime = 250;//ms
var currentVideo = "";

function thisMovie(movieName) {
	 if (navigator.appName.indexOf("Microsoft") != -1) {
		 return window[movieName];
	 } else {
		 return document[movieName];
	 }
}

function showPlayer(video){
	currentVideo=video;
	opacity('fade', minAlpha+1, maxAlpha, fadeTime);
}
function hidePlayer(){
	opacity('fade', maxAlpha-1, minAlpha, fadeTime);
}

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) {
		thisMovie("playerMovie").stopPlayer();
		//document.getElementById("player").style.visibility = "hidden"; 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) {
		//alert(document.getElementById("player").style)
		//alert(document.getElementById("player").style.zIndex);
		document.getElementById("player").style.zIndex = "2";
		//alert(document.getElementById("player").style.zIndex);
		document.getElementById("fade").style.visibility = "visible"; 
        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 + ")"; 
	if (opacity==minAlpha){
		document.getElementById("player").style.zIndex = "-1";
		document.getElementById("fade").style.visibility = "hidden";
	}else if (opacity == maxAlpha){
		thisMovie("playerMovie").startPlayer(currentVideo);
		
	}
}

function centerPlayer(id){
  var object = document.getElementById(id).style;
  //alert(document.getElementById(id).style) 
  var width;
  if (document.all){
    width = document.body.clientWidth;
   }else{
    width = window.innerWidth;
  }
  //alert(width);
  object.left=((width-680)/2+"px");
  //alert(document.getElementById(id).style.left) 
}