/*
currentIndex
currentFilm
films

type:
reference:
titel:
thumbnail:
*/

var homeBusy = false;
var filmTemp = null;
var embedTemp = Array();
var videoSo = null;

function browseForward() {
	if (films.length > (currentIndex+2) && homeBusy != true) {
		homeBusy = true;
		// Fade out both items
		//$('#thumbTop').animate( {opacity: 0}, 400);
		//$('#thumbBottom').animate( {opacity: 0}, 400, function () { browseForward2(); } );
		browseForward2();
		/*

		if (films.length > (currentIndex+1)) { // Has atleast 1 more movie
			document.getElementById('thumbTopImage').innerHTML = films[(currentIndex+1)].thumbnail;
			document.getElementById('thumbTopTitle').innerHTML = '<span>'+films[(currentIndex+1)].titel+'</span>';
		}
		
		if (films.length > (currentIndex+2)) { // Has atleast 2 more movies
			document.getElementById('thumbBottomImage').innerHTML = films[(currentIndex+2)].thumbnail;
			document.getElementById('thumbBottomTitle').innerHTML = '<span>'+films[(currentIndex+2)].titel+'</span>';
		} else {
			document.getElementById('thumbBottom').style.display = 'none';
		}
		currentIndex++;
		
		// Fade in both items
		
		document.getElementById('butBack').style.visibility = 'visible';
		if ( (currentIndex+2) == films.length) {
			document.getElementById('butForward').style.visibility = 'hidden';
		}
		
		homeBusy = false;
		*/
	}
}

function browseForward2() {
		if (films.length > (currentIndex+2)) { // Has atleast 1 more movie
			document.getElementById('thumbTopImage').innerHTML = films[(currentIndex+2)].thumbnail;
			document.getElementById('thumbTopTitle').innerHTML = '<span>'+films[(currentIndex+2)].titel+'</span>';
		}
		
		if (films.length > (currentIndex+3)) { // Has atleast 2 more movies
			document.getElementById('thumbBottomImage').innerHTML = films[(currentIndex+3)].thumbnail;
			document.getElementById('thumbBottomTitle').innerHTML = '<span>'+films[(currentIndex+3)].titel+'</span>';
			
		} else {
			document.getElementById('thumbBottom').style.display = 'none';
		}
		currentIndex = (currentIndex+2);
		
		// Fade in both items
		
		document.getElementById('butBack').style.visibility = 'visible';
		if ( (currentIndex+2) >= films.length) {
			document.getElementById('butForward').style.visibility = 'hidden';
		}
		
		//$('#thumbTop').animate( {opacity: 1}, 500);
		//$('#thumbBottom').animate( {opacity: 1}, 500, function () { homeBusy = false; } );
		
		homeBusy = false;
}

function browseBack() {
	if (currentIndex > 0 && homeBusy != true) {
		homeBusy = true;
		
		//$('#thumbTop').animate( {opacity: 0}, 400);
		//$('#thumbBottom').animate( {opacity: 0}, 400, function () { browseBack2(); } );
		
		browseBack2();
	}
}

function browseBack2() {
	if (currentIndex > 1) {
		document.getElementById('thumbTopImage').innerHTML = films[(currentIndex-2)].thumbnail;
		document.getElementById('thumbTopTitle').innerHTML = '<span>'+films[(currentIndex-2)].titel+'</span>';
	}
	if (currentIndex > 0) {
		document.getElementById('thumbBottomImage').innerHTML = films[(currentIndex-1)].thumbnail;
		document.getElementById('thumbBottomTitle').innerHTML = '<span>'+films[(currentIndex-1)].titel+'</span>';
		document.getElementById('thumbBottom').style.display = 'block';
	}
	currentIndex = (currentIndex-2);
	
	document.getElementById('butForward').style.visibility = 'visible';
	if (currentIndex == 0) {
		document.getElementById('butBack').style.visibility = 'hidden';
	}
	homeBusy = false;
	//$('#thumbTop').animate( {opacity: 1}, 500);
	//$('#thumbBottom').animate( {opacity: 1}, 500, function () { homeBusy = false; } );
}

function changeBottomThumbnail() {
	if (homeBusy != true) {
		homeBusy = true;
		document.getElementById('videoplayerTitle').style.display = 'none';
		document.getElementById('videoplayerOverlay').style.display = 'none';
	
		filmTemp = films[(currentIndex+1)];
		films[(currentIndex+1)] = currentFilm;
		currentFilm = filmTemp;
		
		document.getElementById('thumbBottomImage').innerHTML = films[(currentIndex+1)].thumbnail;
		document.getElementById('thumbBottomTitle').innerHTML = '<span>'+films[(currentIndex+1)].titel+'</span>';
		
		var shareTitle = " bekijk 't filmpje! " + currentFilm.titel;
		
		if (currentFilm.type == 'jw') {
			document.getElementById('videoplayerContainer').innerHTML = '';
			document.getElementById('videoplayerContainer').innerHTML = '<object width="320" height="190">' +
	'<param name="flashvars" value="config=http://www.spangas.nl/_resources/jw_player/homepageConfig.xml&file='+currentFilm.reference+'&image='+currentFilm.image+'&stylishShare.twitterTitle='+shareTitle+'&stylishShare.title='+shareTitle+'&stylishShare.url='+escape(currentFilm.link)+'" />' +
	'<param name="movie" value="http://www.spangas.nl/_resources/swf/jw/player_licensed_5.swf" />' +
	'<param name="allowscriptaccess" value="always" />' +
	'<param name="allowfullscreen" value="true" />' + 
	'<embed src="http://www.spangas.nl/_resources/swf/jw/player_licensed_5.swf"  flashvars="config=http://www.spangas.nl/_resources/jw_player/homepageConfig.xml&file='+currentFilm.reference+'&image='+currentFilm.image+'&stylishShare.twitterTitle='+shareTitle+'&stylishShare.title='+shareTitle+'&stylishShare.url='+escape(currentFilm.link)+'&stylishShare.type=homepage" width="320" height="190" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"></embed>' +
'</object>';
			/*
			SpangasJW.place({
				player: "http://www.spangas.nl/_resources/swf/jw/player_licensed_5.swf",
				playerContainer: "playerSwf",
				container: "videoplayerContainer",
				id: "ply2",
				width: "320",
				height: "190",
				file: currentFilm.reference,
				autostart: true,
				image: "",
				plugins: "http://www.spangas.nl/_resources/swf/jw/stylishShare.swf",
				skin: "http://www.spangas.nl/_resources/swf/jw/slim.zip",
				"stylishShare.twitterTitle": "",
				"stylishShare.title": "",
				"stylishShare.url": currentFilm.link
			});
			*/
		} else {
			ugplayer = new UGSLPlayer(elm, src, configs[currentFilm.reference], 320, 180);
			//document.getElementById('videoplayerUG').style.display = 'block';
		}
		
		homeBusy = false;
	}
}

function changeTopThumbnail() {
	if (homeBusy != true) {
		homeBusy = true;
		document.getElementById('videoplayerTitle').style.display = 'none';
		document.getElementById('videoplayerOverlay').style.display = 'none';
		
		filmTemp = films[(currentIndex)];
		films[(currentIndex)] = currentFilm;
		currentFilm = filmTemp;
		
		document.getElementById('thumbTopImage').innerHTML = films[(currentIndex)].thumbnail;
		document.getElementById('thumbTopTitle').innerHTML = '<span>'+films[(currentIndex)].titel+'</span>';
		
		var shareTitle = " bekijk 't filmpje! " + currentFilm.titel;
		
		if (currentFilm.type == 'jw') {
			/*SpangasJW.place({
				player: "http://www.spangas.nl/_resources/swf/jw/player_licensed_5.swf",
				playerContainer: "playerSwf",
				container: "videoplayerContainer",
				id: "ply2",
				width: "320",
				height: "190",
				file: currentFilm.reference,
				image: currentFilm.image,
				autostart: true,
				plugins: "http://www.spangas.nl/_resources/swf/jw/stylishShare.swf",
				skin: "http://www.spangas.nl/_resources/swf/jw/slim.zip",
				"stylishShare.twitterTitle": "",
				"stylishShare.title": "",
				"stylishShare.url": currentFilm.link
			});*/
			
			document.getElementById('videoplayerContainer').innerHTML = '';
			document.getElementById('videoplayerContainer').innerHTML = '<object width="320" height="190">' + 
	'<param name="flashvars" value="config=http://www.spangas.nl/_resources/jw_player/homepageConfig.xml&file='+currentFilm.reference+'&image='+currentFilm.image+'&stylishShare.twitterTitle='+shareTitle+'&stylishShare.title='+shareTitle+'&stylishShare.url='+escape(currentFilm.link)+'" />' + 
	'<param name="movie" value="http://www.spangas.nl/_resources/swf/jw/player_licensed_5.swf" />' + 
	'<param name="allowscriptaccess" value="always" />' + 
	'<param name="allowfullscreen" value="true" />' + 
	'<embed src="http://www.spangas.nl/_resources/swf/jw/player_licensed_5.swf"  flashvars="config=http://www.spangas.nl/_resources/jw_player/homepageConfig.xml&file='+currentFilm.reference+'&image='+currentFilm.image+'&stylishShare.twitterTitle='+shareTitle+'&stylishShare.title='+shareTitle+'&stylishShare.url='+escape(currentFilm.link)+'" width="320" height="190" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"></embed>' + 
	'</object>';
		} else {
			ugplayer = new UGSLPlayer(elm, src, configs[currentFilm.reference], 320, 180);
			//document.getElementById('videoplayerUG').style.display = 'block';
		}
		
		homeBusy = false;
	}
}

function startFirstMovie() {
	document.getElementById('videoplayerTitle').style.display = 'none';
	document.getElementById('videoplayerOverlay').style.display = 'none';
	
	var shareTitle = " bekijk 't filmpje! " + currentFilm.titel;
	
	if (currentFilm.type == 'jw') {
		//document.getElementById(currentFilm.reference).style.display = 'block';
		document.getElementById('videoplayerContainer').innerHTML = '';
		document.getElementById('videoplayerContainer').innerHTML = '<object width="320" height="190">' +
	'<param name="flashvars" value="config=http://www.spangas.nl/_resources/jw_player/homepageConfig.xml&file='+currentFilm.reference+'&image='+currentFilm.image+'&stylishShare.twitterTitle='+shareTitle+'&stylishShare.title='+shareTitle+'&stylishShare.url='+escape(currentFilm.link)+'" />' + 
	'<param name="movie" value="http://www.spangas.nl/_resources/swf/jw/player_licensed_5.swf" />' + 
	'<param name="allowscriptaccess" value="always" />' + 
	'<param name="allowfullscreen" value="true" />' + 
	'<embed src="http://www.spangas.nl/_resources/swf/jw/player_licensed_5.swf"  flashvars="config=http://www.spangas.nl/_resources/jw_player/homepageConfig.xml&file='+currentFilm.reference+'&image='+currentFilm.image+'&stylishShare.twitterTitle='+shareTitle+'&stylishShare.title='+shareTitle+'&stylishShare.url='+escape(currentFilm.link)+'" width="320" height="190" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"></embed>' + 
'</object>';
		/*
		SpangasJW.place({
			player: "http://www.spangas.nl/_resources/swf/jw/player_licensed_5.swf",
			playerContainer: "playerSwf",
			container: "videoplayerContainer",
			id: "ply2",
			width: "320",
			height: "190",
			file: currentFilm.reference,
			image: "",
			autostart: "true",
			plugins: "http://www.spangas.nl/_resources/swf/jw/stylishShare.swf",
			skin: "http://www.spangas.nl/_resources/swf/jw/slim.zip",
			"stylishShare.twitterTitle": "",
			"stylishShare.title": "",
			"stylishShare.url": currentFilm.link
		});
		*/
	} else {
		ugplayer = new UGSLPlayer(elm, src, configs[currentFilm.reference], 320, 180);
		//document.getElementById('videoplayerUG').style.display = 'block';
	}
}