/* 
Config comes from external file lightbox-config.js:
	var overlayImg = 'url(' + siteRoot + '/ep/images/overlay.png)';
	var expressInstallSwfurl = "/ep/javascript/swfobject/expressInstall.swf";
	var playerSwf = siteRoot + "/ep/swf/EPVideoPlayer.swf"
	var objPlayerWidth = 540;
	var objPlayerHeight = 600;
 */

var currentList;

// ==========================
// PLAYER OVERLAY CONTROLS: ---
// ==========================

//
// Preloads images. Pleaces new image in lightbox then centers and displays.
//
function showLightbox(idType, idNum){
	// prep objects
	var objOverlay = document.getElementById('overlay');
	var objPlayerHolder = document.getElementById('lightboxVideo');
	var objPlayer = thisMovie('EPVideoPlayer');

	var arrayPageSize = getPageSize();
	var arrayPageScroll = getPageScroll();

	// set height of Overlay to take up whole page and show
	objOverlay.style.height = (arrayPageSize[1] + 'px');
	objOverlay.style.width = (arrayPageSize[0] + 'px');
	objOverlay.style.display = 'block';
	objOverlay.style.backgroundImage = overlayImg;
	
	SCMS.utils.debug("showLightbox: objOverlay.style.backgroundImage: " + objOverlay.style.backgroundImage);

	// Hide select boxes as they will 'peek' through the image in IE
	selects = document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
			selects[i].style.visibility = "hidden";
	}
	
	objPlayerHolder.style.top = (25 + arrayPageScroll[1]) +"px";
	SCMS.utils.debug("showLightbox: objPlayerHolder.style.top: " + objPlayerHolder.style.top);
	
	showPlayer(idType, idNum);
	SCMS.utils.debug("showLightbox: showPlayer has been called: idType: "  + idType + ", idNum: " + idNum);
	
	arrayPageSize = getPageSize();	
	objOverlay.style.height = (arrayPageSize[1] + 'px');
	objOverlay.style.width = (arrayPageSize[0] + 'px');
}

function showPlayer(idType, idNum){
	var objPlayer = thisMovie('EPVideoPlayer');
	SCMS.utils.debug("showPlayer: objPlayer: " + objPlayer);
	
	var dataObj = new Object();
	objPlayer.width = objPlayerWidth;
	objPlayer.height = objPlayerHeight;

	if(idType == "playlist"){
		for(var i = 0; i< playLists.length; i++){
			if(playLists[i].id == idNum){
				currentList = playLists[i].vids;
			}
		}
		var curListObj = currentList[0];
		for(var j = 0; j<videoData.length; j++){
			if(videoData[j].id == curListObj){
				dataObj = videoData[j];
				SCMS.utils.debug("showPlayer: dataObj.source: " + dataObj.source);
				dataObj.isPlaylist = true;
				break;
			}			
		}
	}else{
		for(var i = 0; i< videoData.length; i++){
			if(videoData[i].id == idNum){
				dataObj = videoData[i];
				dataObj.isPlaylist = false;
				SCMS.utils.debug("showPlayer: dataObj.source: " + dataObj.source);
				break;
			}
		}
	}
	
	var lightboxVideo = document.getElementById('lightboxVideo');
	
	// centerVideoPlayer is global...set in lightbox_config
	if(centerVideoPlayer) centerElement(lightboxVideo, getPageSize());
	
	dataObj.currVid = 0;
	
	objPlayer.playVideo(dataObj);
}

function hidePlayer(){
	var objPlayer = thisMovie('EPVideoPlayer');
	objPlayer.width=1;
	objPlayer.height=1;
	objPlayer.stopVideo();
}

function getNextVideo(vidID){ // vidID is an index
	var dataObj = null;
	SCMS.utils.debug("getNextVideo: vidID: " + vidID);
	if(!currentList[vidID]){
		SCMS.utils.debug("getNextVideo: !currentList[vidID]: return null");
		hideLightbox();
		return null;
	}
	for(var j = 0; j<videoData.length; j++){
		if(videoData[j].id == currentList[vidID]){
			SCMS.utils.debug("getNextVideo: videoData[j].id: " + videoData[j].id);
			SCMS.utils.debug("getNextVideo: videoData[" + j + "].id == currentList[" + vidID + "]");
			dataObj = new Object();
			dataObj = videoData[j];
			dataObj.isPlaylist = true;
			dataObj.currVid = vidID;
		}			
	}
	return dataObj;
}

function getPrevVideo(vidID){
	var dataObj = new Object();
	if(!currentList[vidID]){
		vidID = (currentList.length - 1);
	}
	for(var j = 0; j<videoData.length; j++){
		if(videoData[j].id == currentList[vidID]){
			dataObj = videoData[j];
			dataObj.isPlaylist = true;
			dataObj.currVid = vidID;
		}			
	}
	return dataObj;
}

function hideLightbox(){

	SCMS.utils.debug("hideLightbox");
	
	// get objects
	hidePlayer();
	objOverlay = document.getElementById('overlay');
	objOverlay.style.display = 'none';

	// make select boxes visible
	selects = document.getElementsByTagName("select");
    for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "visible";
	}

	// disable keypress listener
	document.onkeypress = '';
}


//
// pause(numberMillis)
// Pauses code execution for specified time. Uses busy code, not good.
// Code from http://www.faqts.com/knowledge_base/view.phtml/aid/1602
//
function pause(numberMillis) {
	var now = new Date();
	var exitTime = now.getTime() + numberMillis;
	while (true) {
		now = new Date();
		if (now.getTime() > exitTime)
			return;
	}
}


// ==========================
// HELPER FUNCTIONS: -------
// ==========================

// addLoadEvent()
// Adds event to window.onload without overwriting currently assigned onload functions.
// Function found at Simon Willison's weblog - http://simon.incutio.com/
//
function addLoadEvent(func)
{	
	var oldonload = window.onload;
	if (typeof window.onload != 'function'){
    	window.onload = func;
	} else {
		window.onload = function(){
		oldonload();
		func();
		}
	}
}

function thisMovie(movieName) {
	// IE and Netscape refer to the movie object differently.
	// This function returns the appropriate syntax depending on the browser.
	
	if (navigator.appName.indexOf ("Microsoft") != -1) {
		return window[movieName];
	} else {
		return window.document[movieName];
	}
}

function getPageScroll(){

	var yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
	}

	arrayPageScroll = new Array('',yScroll) 
	return arrayPageScroll;
}

// getPageSize()
// Returns array with page width, height and window width, height
// Core code from - quirksmode.org
// Edit for Firefox by pHaez
//
function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}

	SCMS.utils.debug("pageWidth: " + pageWidth + ", pageHeight: " + pageHeight + ", windowWidth: " + windowWidth + ", windowHeight: " + windowHeight);

	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight); 
	return arrayPageSize;
}

function centerElement(htmlElement, arrayPageSize){
	var w = htmlElement.style.width;
	SCMS.utils.debug("centerElement: htmlElement: " + htmlElement)
	SCMS.utils.debug("centerElement: w: " + w)
	
	var i = w.indexOf("px");
	if(i > -1) w = w.substring(0,i);
	
	w = (w == "") ? 530 : w;
	
	SCMS.utils.debug("centerElement: w: " + w)
	
	var x = (arrayPageSize[0]/2) - (w/2);
	SCMS.utils.debug("centerElement: x: " + x)
	htmlElement.style.left = x + "px";
}


// ==========================
// INIT: -------------------
// ==========================

//
// initLightbox()
// Function runs on window load, going through link tags looking for rel="lightbox".
// These links receive onclick events that enable the lightbox display for their targets.
// The function also inserts html markup at the top of the page which will be used as a
// container for the overlay pattern and the inline image.
//
function initLightbox(){

	SCMS.utils.debug("initLightbox: siteRoot: " + siteRoot);
	
	if (!document.getElementsByTagName){ return; }
	
	var objBody = document.getElementsByTagName("body").item(0);
	
	// create overlay div and hardcode some functional styles (aesthetic styles are in CSS file)
	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','overlay');
	objOverlay.onclick = function () {hideLightbox(); return false;}
	objOverlay.style.display = 'none';
	objOverlay.style.position = 'absolute';
	objOverlay.style.top = '0';
	objOverlay.style.left = '0';
	objOverlay.style.zIndex = '90';
 	objOverlay.style.width = '100%';
	objBody.insertBefore(objOverlay, objBody.firstChild);
	
	var arrayPageSize = getPageSize();
	var arrayPageScroll = getPageScroll();
	
	// create player
	var objVideo = document.createElement("div");
	objVideo.setAttribute('id','lightboxVideo');
	objVideo.style.display = 'block';
	objVideo.style.position = 'absolute';
	objVideo.style.zIndex = '90';
	objVideo.style.width = '1000px';
	objVideo.innerHTML = '<div id="EPVideoPlayer"><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>';
	objBody.insertBefore(objVideo, objBody.nextSibling);
	
	//swf Object
	// var expressInstallSwfurl = "/ep/javascript/swfobject/expressInstall.swf";
	var flashvars = {"siteRoot":siteRoot};
	var params = {"wmode":"transparent", "quality":"high", "scale":"noscale", "allowScriptAccess":"sameDomain", "salign":"t"};
	var attributes = {id: "EPVideoPlayer", name: "EPVideoPlayer"};
	
	// playerSwf =  siteRoot + "/ep/swf/EPVideoPlayer.swf"
	swfobject.embedSWF(playerSwf, "EPVideoPlayer", "1", "1", "9", expressInstallSwfurl, flashvars, params, attributes); // , callbackFn
}

addLoadEvent(initLightbox);	// run initLightbox onLoad