window.onload = function() {
	init_fs();
}

function findElementPos(elemFind) {
	var elemX = 0;
	var elemY = 0;
	do {
		elemX += elemFind.offsetLeft;
		elemY += elemFind.offsetTop;
	} while ( elemFind = elemFind.offsetParent )
	//console.log("Found element "+elemFind+" at "+elemY+"/"+elemX);
	return Array(elemX, elemY);
}

function channelChange() {
	if(document.getElementById('channelMenu').className == "alt") {
		document.getElementById('channelMenu').className = "";
	}
	else {
		document.getElementById('channelMenu').className = "alt";
	}
}


// Film Slide
/* ------------------------------------------------ */
var HeightOfDetails = 282;
var ElementHeight = 70;

var fs_pos = 0;
var fs_height = 0;
var fs_time;
var fs_num = 0;
var fs_count = 0;
var fs_detailTime;
var fs_detailStay = false;
var fs_detailOff;
var fs_hoverID;
var fs_hoverTime;

function init_fs() {
	var filmslide = document.getElementById('filmslide');
	fs_height = parseInt(filmslide.clientHeight, 10);
	
	// Duplicate Film Content
	var filmContent = document.getElementById('filmContent');
	fs_count = filmContent.getElementsByTagName('div').length;
	fs_num = fs_count - 5;
	//alert(fs_count);
	var tempContent = document.createElement("div");
	var tempContent2 = document.createElement("div");
	tempContent.innerHTML = filmContent.innerHTML;
	tempContent2.innerHTML = filmContent.innerHTML;
	filmslide.insertBefore(tempContent, filmContent);
	filmslide.insertBefore(tempContent2, tempContent);
	
	var divIds = tempContent.getElementsByTagName('div');
	var divIds2 = tempContent2.getElementsByTagName('div');
	for (var x = 0; x < divIds.length; x++) {
		var idNum = x + 1 - fs_count;
		divIds[x].id = "film" + idNum;
		var idNum2 = x + 1 - (fs_count * 2);
		divIds2[x].id = "film" + idNum2;
	}
	
	start_fs();
}

function start_fs() {
	fs_time = setInterval('slide_fs()', 50);
}
function pause_fs() {
	clearInterval(fs_time);
}

function slide_fs() {
	var filmslide = document.getElementById('filmslide');
	fs_pos--;
	if(-1*fs_pos >= fs_height) {
		fs_pos = 0;
		fs_num = fs_count - 5;
	}
	filmslide.style.bottom = fs_pos + "px";
	
	if(document.getElementById('filmDetails')) {
		details_fs();
	}
}

function details_fs() {
	var temp_num =  fs_count - Math.floor(((fs_pos*-1) + HeightOfDetails) / ElementHeight) - 1;
	var detail_num;
	var filmDetails = document.getElementById('filmDetails');
	if(fs_num != temp_num)
	{
		//alert(temp_num);
		fs_num = temp_num;
		document.getElementById('film'+fs_num).className = "filmHover";
		
		if(fs_num < 1) {
			detail_num = fs_count + fs_num;
		}
		else {
			detail_num = fs_num;
		}
		if(document.getElementById('film'+detail_num+'Text'))
		{
			filmDetails.innerHTML = document.getElementById('film'+detail_num+'Text').innerHTML;
			filmDetails.className = "on";
		}
		else
		{
			filmDetails.innerHTML = "<br />";
			filmDetails.className = "off";
		}
		pause_fs();
		
		if(!fs_detailStay) {
			fs_detailTime = setTimeout('detailsRestart_fs()', 3000);
		}
	}
}

function detailsRestart_fs() {
	document.getElementById('film'+fs_num).className = "film";
	var filmDetails = document.getElementById('filmDetails');
	filmDetails.innerHTML = "<br />";
	filmDetails.className = "off";
	start_fs();
}

function hoverDetailOn_fs() {
	clearTimeout(fs_detailOff);
	object = document.getElementById('filmDetails');
	fs_detailStay = true;
	if(object.className == "on") {
		clearTimeout(fs_detailTime);
	}
}
function hoverDetailOff_fs() {
	clearTimeout(fs_detailOff);
	fs_detailOff = setTimeout('hoverDetailOffNow_fs()',150);
}
function hoverDetailOffNow_fs() {
	object = document.getElementById('filmDetails');
	if(object.className == "on" && fs_detailStay) {
		detailsRestart_fs();
	}
	fs_detailStay = false;
}

function hoverOn_fs(object, num) {
	if(document.getElementById('film'+fs_num)) {
		document.getElementById('film'+fs_num).className = "film";
	}
	
	if(document.getElementById('filmDetails')) {
		clearTimeout(fs_detailTime);
		var filmDetails = document.getElementById('filmDetails');
		filmDetails.innerHTML = "<br />";
		filmDetails.className = "off";
	}
	
	clearTimeout(fs_hoverTime);
	if(document.getElementById(fs_hoverID)) {
		document.getElementById(fs_hoverID).className = "film";
	}
	fs_hoverID = object.id;
	pause_fs();
	object.className = "filmHover";
	
	var target = findElementPos(object);
	var hover = document.getElementById('filmHover');
	var top = object.offsetTop - ((fs_height * 3) - 960 + fs_pos);
	hover.style.top = top + "px";
	
	if(document.getElementById('film'+num+'Blurb'))
	{
		hover.innerHTML = document.getElementById('film'+num+'Blurb').innerHTML;
		hover.className = "on";
	}
	else
	{
		hover.innerHTML = "<br />";
		hover.className = "off";
	}
}

function hoverOff_fs() {
	fs_hoverTime = setTimeout('closeHover_fs()', 150);
}

function closeHover_fs() {
	if(document.getElementById(fs_hoverID)) {
		document.getElementById(fs_hoverID).className = "film";
	}
	document.getElementById('filmHover').className = "off";
	start_fs();
}

function saveHover_fs() {
	clearTimeout(fs_hoverTime);
}


// Display Thumbnails
var display_current = "img1";

function swap_display(object) {
	var thumb = object.getElementsByTagName('img')[0];
	var img = document.getElementById(object.id + 'bank');
	if(thumb.className != "selected") {
		thumb.className = "selected";
		document.getElementById(display_current).getElementsByTagName('img')[0].className = "";
		display_current = object.id;
		document.getElementById('displayStage').src = img.src;
	}
}

function revert_display() {
	if(display_current != "img1") {
		document.getElementById(display_current).getElementsByTagName('img')[0].className = "";
		var thumb = document.getElementById('img1').getElementsByTagName('img')[0];
		thumb.className = "selected";
		display_current = "img1";
		var img = document.getElementById('img1bank');
		document.getElementById('displayStage').src = img.src;
	}
}