// JavaScript Document

/***********************************************************
Detect whether the browser can handle the HTML5 video tag
***********************************************************/
var supportsVideo = !!(document.createElement('video').canPlayType);

/***********************************************************
Animate terms down by 45 pixels, fade in footer block, fade
out home to reveal video and play video
***********************************************************/
function homeTimeout() {
	$('#home').fadeOut(500);
	$('#trailerCover').fadeIn(500);
	$("#terms").animate({
		marginTop: "646px"
  	}, 500 );
	$("#shareNav").animate({
		marginTop: "680px"
  	}, 500 );
	$('#footer').delay(500).fadeIn(1000);
	setTimeout('playVideo()', 500);
}

/***********************************************************
Set video play and pause commands
***********************************************************/
function playVideo() {
	if (supportsVideo) {
		$('#videos').get(0).play();
	}
}

function pauseVideo() {
	if (supportsVideo) {
		$('#videos').get(0).pause();
	}
}

/***********************************************************
Hide all other elements and display Home
***********************************************************/
function homeIn() {
	if (supportsVideo) {
		$('#trailer').fadeOut(500);
		$('#synopsis').fadeOut(500);
		$('#gallery').fadeOut(500);
		$('#synopsisCover').fadeOut(500);
		$('#galleryCover').fadeOut(500);
		$('#trailerCover').fadeOut(500);
		$('#footer').fadeOut(500);
		$('#home').delay(500).fadeIn(500);
		$("#terms").delay(500).animate({
			marginTop: "605px"
	  	}, 500 );
		$("#shareNav").delay(500).animate({
			marginTop: "605px"
  		}, 500 );
		clearTimeout(t);
		setTimeout('pauseVideo()', 500);	
	} else {
		$(window.location).attr('href', 'home.html');
	}
}


/***********************************************************
Hide all other elements and display Trailer
***********************************************************/
function trailerIn() {
	if (supportsVideo) {
		$('#home').fadeOut(500);
		$('#synopsis').fadeOut(500);
		$('#gallery').fadeOut(500);
		$('#synopsisCover').fadeOut(500);
		$('#galleryCover').fadeOut(500);
		$('#trailer').delay(500).fadeIn(500);
		$('#trailerCover').delay(500).fadeIn(500);
		$("#terms").animate({
			marginTop: "646px"
	  	}, 500 );
		$("#shareNav").animate({
			marginTop: "680px"
  		}, 500 );
		$('#footer').delay(500).fadeIn(500);
		clearTimeout(t);
		setTimeout('playVideo()', 500);	
	} else {
		$(window.location).attr('href', 'trailer.html');
	}
}

/***********************************************************
Hide all other elements and display Synopsis
***********************************************************/
function synopsisIn() {
	if (supportsVideo) {
		$('#home').fadeOut(500);
		$('#trailer').fadeOut(500);
		$('#gallery').fadeOut(500);
		$('#trailerCover').fadeOut(500);
		$('#galleryCover').fadeOut(500);
		$('#synopsis').delay(500).fadeIn(500);
		$('#synopsisCover').delay(500).fadeIn(500);
		$("#terms").animate({
			marginTop: "646px"
  		}, 500 );
		$("#shareNav").animate({
			marginTop: "680px"
		}, 500 );
		$('#footer').delay(500).fadeIn(500);
		if (supportsVideo) {
			$('#videos').get(0).pause();
		}
		clearTimeout(t);
	} else {
		$(window.location).attr('href', 'synopsis.html');
	}
}

/***********************************************************
Hide all other elements and display Gallery
***********************************************************/
function galleryIn() {
	if (supportsVideo) {
		$('#home').fadeOut(500);
		$('#trailer').fadeOut(500);
		$('#synopsis').fadeOut(500);
		$('#trailerCover').fadeOut(500);
		$('#synopsisCover').fadeOut(500);
		$('#gallery').delay(500).fadeIn(500);
		$('#galleryCover').delay(500).fadeIn(500);
		$("#terms").animate({
			marginTop: "646px"
  		}, 500 );
		$("#shareNav").animate({
			marginTop: "680px"
		}, 500 );
		$('#footer').delay(500).fadeIn(500);
		if (supportsVideo) {
			$('#videos').get(0).pause();
		}
		clearTimeout(t);
	} else {
		$(window.location).attr('href', 'gallery.html');
	}
}