/*
	Include XHTMLized video on home page using MediaElement.js
*/
$(function(){
	var videoContainer = $('.xhtmlized-video'),
		caption = $('figcaption', videoContainer),
		hero = videoContainer.next('.hero');

	var updateCaption = function(txt) {
		$('span', caption).text(txt);
	}

	$('video', videoContainer).mediaelementplayer({
		poster: '/_ui-preview/images/bg_video_poster.png',
		
	    success: function (mediaElement, domObject) {
	    	var poster = $('.mejs-poster', videoContainer);
	    	
	        mediaElement.addEventListener('play', function(e) {
				caption.hide();
				hero.hide();
				
				updateCaption('Continue watching');
	        }, false);
	        
	        mediaElement.addEventListener('pause', function(e) {
				caption.show();
				hero.show();
				poster.show();
	        }, false);
	        
	        mediaElement.addEventListener('ended', function(e) {
				caption.show();
				hero.show();
				poster.show();
				
				updateCaption('Play again');
	        }, false);
	        
	        mediaElement.addEventListener('click', function(e) {
				caption.hide();
				hero.hide();
				
				mediaElement.pause();
	        }, false);
	    },
	    features: []
	});
});