var isPlaying = false;
var showreelScreen = null;

$(window).load(function() {
	
	cookMenu();
	
	if ( selectedMenuItem == 'showreel' ) {
		
		showreelScreen = document.getElementById('showreelScreen');
		
		$('#qtSlider').slider({
			range: 'min', value: 0, min: 0, max: 100,
			slide: function(event, ui) {
				document.showreelScreen.SetTime(document.showreelScreen.GetEndTime() * ui.value / 100);
			}
		});
		
		registerListener('qt_play', showreelScreen, 'playPauseEvent');
		registerListener('qt_pause', showreelScreen, 'playPauseEvent');
		registerListener('qt_ended', showreelScreen, 'stopEvent');
		registerListener('qt_error', showreelScreen, 'stopEvent');
		registerListener('qt_timechanged', showreelScreen, 'updatePlayhead');
		
		playPause();
		
	} else if ( selectedMenuItem == 'photos' ) {
		
		pictureBoxInit();
		
	}
	
});

function cookMenu()
{
	
	// Caching images and make roolover
	var cache = [];
	var i = 0;
	var mId = '';
	var p = '';
	var ph = '';
	$('#menu div').each(function() {
		
		cache[i] = new Image();
		cache[i].src = '/images/menu/' + $(this).attr('id') + '_h.png';
		i++;
		
		if ( $(this).attr('id') != selectedMenuItem ) {
		
			$(this).mouseenter(function() {
				var imgId = $(this).attr('id') + 'MenuItem';
				$('#' + imgId).get(0).src = '/images/menu/' + $(this).attr('id') + '_h.png';
			});
		
			$(this).mouseleave(function() {
				var imgId = $(this).attr('id') + 'MenuItem';
				$('#' + imgId).get(0).src = '/images/menu/' + $(this).attr('id') + '.png';
			});
			
		}
		
	});
	
}

function playPause()
{
	
	if ( isPlaying ) {
		document.showreelScreen.Stop();
		$('#playPauseButton').css({ background: 'no-repeat url(\'/images/play.png\')' });
		stopPollingThePlayhead();
	} else {
		document.showreelScreen.Play();
		$('#playPauseButton').css({ background: 'no-repeat url(\'/images/pause.png\')' });
		startPollingThePlayhead();
	}
	
	isPlaying = !isPlaying;
	
}

function playPauseEvent()
{
	
	
	
}

function stopEvent()
{
	
	if ( isPlaying ) {
		$('#playPauseButton').css({ background: 'no-repeat url(\'/images/play.png\')' });
		stopPollingThePlayhead();
	}
	
	isPlaying = false;
	
}

var pollingTimer = null;
function startPollingThePlayhead()
{
	stopPollingThePlayhead();
	pollingTimer = setTimeout('pollThePlayHead()', 1000);
}

function pollThePlayHead()
{
	updatePlayhead();
	pollingTimer = setTimeout('pollThePlayHead()', 1000);
}

function stopPollingThePlayhead()
{
	
	if ( pollingTimer != null ) {
		clearTimeout(pollingTimer);
		pollingTimer = null;
	}
	
	if ( isPlaying ) {
		$('#playPauseButton').css({ background: 'no-repeat url(\'/images/play.png\')' });
	} else {
		$('#playPauseButton').css({ background: 'no-repeat url(\'/images/pause.png\')' });
	}
	
}

function updatePlayhead()
{	
	$('#qtSlider').slider('value', document.showreelScreen.GetTime() / document.showreelScreen.GetEndTime() * 100);
}

function registerListener(evt, obj, handlerName)
{
	
	if ( document.addEventListener ) {
		obj.addEventListener(evt, function() { eval(handlerName + '();'); }, false);
	} else {
		obj.attachEvent('on' + evt, handlerName);
	}
	
}