$(document).ready(function(){

	$(document).ready(function(){

		var x = 0;	// counter variable for the films arrays
		var currFilmIndex = 0;	// stores the index of the current film

		var filmsArray = new Array();
		filmsArray[0] = "/projects/fromfashionandback/mp4/hussein_interview.mp4";
		filmsArray[1] = "/projects/fromfashionandback/mp4/hussein_catwalk.mp4";

		loadCurrentFilm();
		selectFirst();
		// initialize google Stats
		$.gaTracker('UA-7210865-1');

		// when clicking the individual films load the corresponding player
		$('#VideoThumbnails a:first').mousedown(function() {
				currFilmIndex = $(this).attr("href").substring(1);
				loadCurrentFilm();
				selectFirst();	
		});

		// when clicking the individual films load the corresponding player
		$('#VideoThumbnails a:last').mousedown(function() {
				currFilmIndex = $(this).attr("href").substring(1);
				loadCurrentFilm();
				selectSecond();
		});

		function loadCurrentFilm(){
				$('.VideoPlayer').attr('href', '/swf/videoplayer.swf?src='+ filmsArray[currFilmIndex] + '&autoplay=true');	
				$('.VideoPlayer').media( {   width: 600, height: 370, params:{allowFullScreen:true}, bgColor:'#dddad5', flashVersion:'9'  });	
		}


		function selectFirst()
		{
			$('#VideoThumbnails a:first').addClass("selected");
			$('#VideoThumbnails a:last').removeClass("selected");
		}

		function selectSecond()
		{
			$('#VideoThumbnails a:first').removeClass("selected");
			$('#VideoThumbnails a:last').addClass("selected");	
		}

		function removeSelectedNav()
		{
				$('#VideoThumbnails a').removeClass("selected");	
		}

	});

});