Event.observe( document, 'dom:loaded', setupMovies );

function setupMovies() {

//	alert( 'setupMovies' );

	var theOverviewMovieText = '';
	$$('.moviethumb').each(function(el){
		var theID = el.id;
		var theMovieText;
		$$('#'+theID+' .movietext').each(function(textel){
			theMovieText = textel.innerHTML;
			if ( theID == "movie-overview" ) {
				theOverviewMovieText = theMovieText;
			}
		});
		setupMovie( theID, theMovieText );
	});
	setupMovie( 'movieplayer', theOverviewMovieText );

}

function setupMovie( theid, text ) {
	$$('#'+theid+' a').each(function(el){
		var h = el.href;
		el.observe('click', function(event) {
			var clicked = Event.element(event);
			playMovie( h, text );
		});
		el.href="#movieplayer";
	});
}

function playMovie( movieHREF, movieText ) {
//			alert( movieHREF );

	var movieTemplate = new Template(
 '<video src="#{href}" controls="controls" width="640" height="400" autoplay="autoplay">your browser does not support the video tag</video>'
);
	var movieHTML = movieTemplate.evaluate({
		href: movieHREF,
	});

	$('movieplayer').update( movieHTML );
	$('movietext').update( movieText );

}