function enterVideoMode (videoId, videoType, videoTitle)
{
    //adjustVideoLayerSize();
    
    // Setting video screen and showing it
	document.getElementById("videoScreen").style.left = Number(window.screen.availWidth/2 - 215) + "px";
	//document.getElementById("videoScreen").style.top = body.scrollTop + Number(window.screen.availHeight/2 - 280) + "px";
	
	var videoCode = (videoType == "google" ? getGoogleVideoCode(videoId) : getYouTubeVideoCode(videoId));
	document.getElementById("videoCode").innerHTML = videoCode;
	document.getElementById("videoTitle").innerHTML = videoTitle;
	
    var delay = DisplayTopLayer();
	
	//showElement("videoScreen");
	setTimeout("showElement('videoScreen')", delay + 240); 
}

function enterImageMode (imagePath, imageDescription, imageWidthHeightRatio)
{
    var imageHeight = Number(window.screen.availHeight-300);
    document.getElementById("imageElement").style.height = "" + imageHeight + "px";
    var imageLeft = Number((window.screen.availWidth - (imageHeight*imageWidthHeightRatio))/2);
    document.getElementById("imageScreen").style.left = "" + imageLeft + "px";
	
	//alert ("w/h ration:" + imageWidthHeightRatio + "; imageHight: " + imageHeight + "; image left(" + imageLeft + ") = (availewidth:" + window.screen.availWidth  + " - (imageHeight * ration):" + (imageHeight*imageWidthHeightRatio) + ") /2");
	
	document.getElementById("imageElement").src = imagePath;
	document.getElementById("imageElement").title = imageDescription;
	document.getElementById("imageDescription").innerHTML = imageDescription;
	
    var delay = DisplayTopLayer()
	
	//showElement("videoScreen");
	setTimeout("showElement('imageScreen')", delay + 240); 
}
function DisplayTopLayer()
{
    adjustVideoLayerSize();
    
    showElement("videoLayer");

    // Fade effect before showing video screen	
	var delay = 0;
	for (var i = 1;  i <= 16;  i++)
	{
	    setTimeout("setOpacity('videoLayer'," + (i/2) + ")", delay);   
	    delay += 65;
	}
	
	return delay;
}
function setOpacity (elementId, i)
{
    var videoLayer = document.getElementById(elementId);
    
    videoLayer.style.filter = "alpha(opacity = " + (i*10) + ")"; // IE
	videoLayer.style.opacity = ("0." + i);           // FF, CHROME
}

function adjustVideoLayerSize()
{
    // Getting body element
	var body = document.getElementById("body");
	
    // Setting video layer size and showing it
	document.getElementById("videoLayer").style.width = body.scrollWidth + "px";
	document.getElementById("videoLayer").style.height = body.scrollHeight + "px";
}
function exitVideoMode()
{
    hideElement("videoScreen");
    hideElement ("videoLayer");
    document.getElementById("videoCode").innerHTML = "";
    
    setOpacity('videoLayer', 0);
}
function exitImageMode()
{
    hideElement("imageScreen");
    hideElement ("videoLayer");
    
    setOpacity('videoLayer', 0);
}

function getYouTubeVideoCode(videoId)
{
    return "<object width='425' height='344'><param name='movie' value='http://www.youtube.com/v/" + videoId + "=en&fs=1&rel=0'/><param name='allowFullScreen' value='true' /><param name='allowscriptaccess' value='always' /><embed src='http://www.youtube.com/v/" + videoId + "&hl=en&fs=1&rel=0&autoplay=1' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='425' height='344'></embed></object>";
}
function getGoogleVideoCode(videoId)
{
    return "<embed id='VideoPlayback' src='http://video.google.com/googleplayer.swf?docid=" + videoId + "&hl=en&fs=true&autoplay=1' style='width:400px;height:326px' allowFullScreen='true' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>";
}