// JavaScript Document

$(document).ready(function(){
	deviceAgent = navigator.userAgent.toLowerCase();
    agentID = deviceAgent.match(/(iphone|ipod|ipad)/);
	
	
	
	$activateVideo = false;
	
	navAnimateDistance = 20; // Top position of selected navigation item
	navSlideTime = 500; // Time for navigation sliding up down animation
	contentAnimateDistance = 1200; // Left position of content slider item
	contentSlideTime = 500; // Time for content sliding in animation
	navFadeOut = 500; // Time for navigation items to fade out
	navFadeIn = 300; // Time for navigation items to fade in
	contentFadeIn = 500; // Time for content items to fade in
	contentFadeOut = 500; // Time for content items to fade out
	
	// Height of each menu block
	heightDirectors = ($("ul#navDirectors li a").length)*25;
	heightPeople = ($("ul#navPeople li a").length)*25;	
	heightMisc = ($("ul#navMisc li a").length)*25;
	heightInfo = ($("ul#navInfo li a").length)*20;
	heightSocial = ($("ul#navSocial li a").length)*20;
	
	
	//$("#navDirectors li a").removeAttr("href");
	//$("#navPeople li a").removeAttr("href");
	//$("#navMisc li a").removeAttr("href");
	
	$("#navigation li a").addClass("navItem");
	
	$(".content").fadeOut(0);	
	
	//Blurs all links when clicked
	$("a").click(function(){
		$(this).blur();
	});
	
	
	// Initilise Menus
	$('ul#navDirectors li a').each(function(index) {
		var navOriginalPosition = ($("ul#navDirectors li a").index(this))*25; // Current Item Position
		var linkId = $(this).attr("href").match(/cat=([0-9]+)/)[1];
		$(this).animate({ top:navOriginalPosition }, {queue:false, duration:0, easing: 'easeOutQuad' }).attr('rel', linkId).attr('href', '#'+linkId);
		
	});
	$('ul#navPeople li a').each(function(index) {
		var heightPeople = ($("ul#navPeople li a").index(this))*25; // Current Item Position
		var navOriginalPosition = heightDirectors+heightPeople+30;
		var linkId = $(this).attr("href").match(/cat=([0-9]+)/)[1];
		$(this).animate({ top:navOriginalPosition }, {queue:false, duration:0, easing: 'easeOutQuad' }).attr('rel', linkId).attr('href', '#'+linkId);
	});
	$('ul#navMisc li a').each(function(index) {
		var heightMisc = ($("ul#navMisc li a").index(this))*25; // Current Item Position
		var navOriginalPosition = heightDirectors+heightPeople+heightMisc+60;
		var linkId = $(this).attr("href").match(/cat=([0-9]+)/)[1];
		$(this).animate({ top:navOriginalPosition }, {queue:false, duration:0, easing: 'easeOutQuad' }).attr('rel', linkId).attr('href', '#'+linkId);
	});
	$('ul#navInfo li a').each(function(index) {
		var heightInfo = ($("ul#navInfo li a").index(this))*20; // Current Item Position
		var navOriginalPosition = heightDirectors+heightPeople+heightMisc+heightInfo+180;
		var linkId = $(this).attr("href").match(/cat=([0-9]+)/)[1];
		$(this).animate({ top:navOriginalPosition }, {queue:false, duration:0, easing: 'easeOutQuad' }).attr('rel', linkId).attr('href', '#'+linkId);
	});
	$('ul#navSocial li a').each(function(index) {
		var heightSocial = ($("ul#navSocial li a").index(this))*20; // Current Item Position
		var navOriginalPosition = heightDirectors+heightPeople+heightMisc+heightInfo+heightSocial+200;
		$(this).animate({ top:navOriginalPosition }, {queue:false, duration:0, easing: 'easeOutQuad' });
	});
	
		
	// Navigation Click
	
	$("#navigation ul li a.navItem").click(function() {

		var linkId = $(this).attr("rel"); // Take wordpress category id and set as variable
		$("#navigation li a").not(this).removeClass("navItem");
		
		if ($(this).is('#navigation ul#navSocial li a.navItem')) { // Social Link - Do nothing, link only.
		
		} 
		
		else if ($(this).is('#navigation ul#navInfo li a.navItem')) { // Info Navigation. Fade
			if ($(this).is('.navItem')) {
				//$(this).animate({ top: navAnimateDistance }, {duration:navSlideTime, easing: 'easeOutQuad'});
				$("div#cat-"+linkId).delay(0).fadeIn(contentFadeIn);	
				$("#navigation li a").fadeOut(navFadeOut);
			} else {
				return false;	
			}
		}
		
		else if ($(this).is('#navigation ul#navPeople li a.navItem')) { // People Navigation. 
			$(this).addClass("navActive");
			
			if ($(this).is('.navItem')) {
				$(this).animate({ top: navAnimateDistance }, {duration:navSlideTime, easing: 'easeOutQuad'}).fadeOut(300);
				$("div#cat-"+linkId).animate({left:'0px'}, {queue:false, duration:contentSlideTime, easing: 'easeInQuad'}).delay(200).fadeIn(1000);
				$("#navigation li a").not(this).fadeOut(navFadeOut);
			} else {
				return false;	
			}
		}
		
		else { // Directors sliding content
		
			$(this).addClass("navActive");
			
			if ($(this).is('.navItem')) {
				$(this).animate({ top: navAnimateDistance }, {duration:navSlideTime, easing: 'easeOutQuad'});
				$("div#cat-"+linkId).animate({left:'0px'}, {queue:false, duration:contentSlideTime, easing: 'easeInQuad'}).delay(200).fadeIn(1000);	
				$("div#cat-"+linkId).addClass("topLevelContent");		
				$("#navigation li a").not(this).fadeOut(navFadeOut);
			} else {
				return false;	
			}
		
		}
		
	});
	
	// Back Button
	$(".back").click(function() {
		
		$('ul#navDirectors li a').each(function(index) {
			var navOriginalPosition = ($("ul#navDirectors li a").index(this))*25;
			$(this).animate({ top:navOriginalPosition }, {queue:false, duration:contentSlideTime, easing: 'easeOutQuad'}).addClass("navItem").removeClass("navActive").fadeIn(navFadeIn);
			$("#contentDirectors>div").animate({left:contentAnimateDistance}, {queue:false, duration:contentSlideTime, easing: 'easeInQuad'});
			$("#contentDirectors>div").fadeOut(contentFadeOut);
		});	
		$('ul#navPeople li a').each(function(index) {
			var heightPeople = ($("ul#navPeople li a").index(this))*25;
			var navOriginalPosition = heightDirectors+heightPeople+30;
			$(this).animate({ top:navOriginalPosition }, {queue:false, duration:contentSlideTime, easing: 'easeOutQuad'}).addClass("navItem").removeClass("navActive").fadeIn(navFadeIn);
			$("#contentPeople>div").animate({left:contentAnimateDistance}, {queue:false, duration:contentSlideTime, easing: 'easeInQuad'});
			$("#contentPeople>div").fadeOut(contentFadeOut);
		});	
		$('ul#navMisc li a').each(function(index) {
			var heightMisc = ($("ul#navMisc li a").index(this))*25;
			var navOriginalPosition = heightDirectors+heightPeople+heightMisc+60;
			$(this).animate({ top:navOriginalPosition }, {queue:false, duration:contentSlideTime, easing: 'easeOutQuad'}).addClass("navItem").removeClass("navActive").fadeIn(navFadeIn);
			$("#contentMisc>div").animate({left:contentAnimateDistance}, {queue:false, duration:contentSlideTime, easing: 'easeInQuad'});
			$("#contentMisc>div").fadeOut(contentFadeOut);
		});
		$('ul#navInfo li a').each(function(index) {
			var heightInfo = ($("ul#navInfo li a").index(this))*20;
			var navOriginalPosition = heightDirectors+heightPeople+heightMisc+heightInfo+180;
			$(this).animate({ top:navOriginalPosition }, {queue:false, duration:contentSlideTime, easing: 'easeOutQuad'}).addClass("navItem").removeClass("navActive").fadeIn(navFadeIn);
			$("#contentInfo>div").fadeOut(contentFadeOut);	
		});	
		$('ul#navSocial li a').each(function(index) {
			var heightSocial = ($("ul#navSocial li a").index(this))*20; 
			var navOriginalPosition = heightDirectors+heightPeople+heightMisc+heightInfo+heightSocial+200;
			$(this).animate({ top:navOriginalPosition }, {queue:false, duration:contentSlideTime, easing: 'easeOutQuad'}).addClass("navItem").removeClass("navActive").fadeIn(navFadeIn);
			$("#heightInfo>div").animate({left:contentAnimateDistance}, {queue:false, duration:contentSlideTime, easing: 'easeInQuad'});
		});		
		
		
		$('.content').removeClass("topLevelContent")
		$('.videoContainer').unload();
		$('.imageContainer').unload("blank.html");
		
		
		$("ul.navVideos li a").removeClass('navActive');
		$("ul.navImages li a").removeClass('navActive');
		$activateVideo=false;
		
		
		$('.director-content-collection').each(function(index) {
			var catId = $(this).attr('id');
			var videoHolderId = "video-"+catId;
			var firstVideo = $("#"+catId+" ul.navVideos li:nth-child(1) a img").attr("src");
			var imageFirst = new Image();
			imageFirst.src = firstVideo;
			
			//alert(firstVideo);
			$("#"+videoHolderId).empty().append(imageFirst);
		});	
		
		$('.people-content-collection').each(function(index) {
			var catId = $(this).attr('id');
			var contentHolderId = "image-"+catId;
			var firstUrl = $("#"+catId+" ul.navImages li:nth-child(1) a").attr("rel");
	
			$("#"+contentHolderId).load(firstUrl);
			
			
		});	
		
			
	});
	
	
	
	
	
	
	
	
	
	// VIDEO PLAYER
	
	$('ul.navVideos li a').each(function(index) {
		videoLinkId = $(this).attr("href"); // Get the wordpress post permalink
		$(this).attr('href', '#').attr('rel', videoLinkId); // Set rel as link value and remove href value
	});
	

	
	$('.director-content-collection').each(function(index) {
		
		var catId = $(this).attr('id');
		var videoHolderId = "video-"+catId;
		var firstVideo = $("#"+catId+" ul.navVideos li:nth-child(1) a img").attr("src");
		var imageFirst = new Image();
		imageFirst.src = firstVideo;
		
		$("#"+videoHolderId).empty().append(imageFirst);
		
		$("ul.navVideos li a", this).click(function() {
			var postUrl = $(this).attr("rel");
			$(this).addClass('navActive');
			$("ul.navVideos li a").not(this).removeClass('navActive');
			$("#"+videoHolderId).load(postUrl);
			//alert(postUrl,this);
			$activateVideo=true;
		});
		
		if (agentID) {
 		} else {
			$("ul.navVideos li a", this).hover(function() {
			
				if ($activateVideo==false) {
							
					var imageUrl = $("img",this).attr("src");
					var image = new Image();
					image.src = imageUrl;
					
					$("#"+videoHolderId).empty().append(image);
					
				}
				
				else {
					return false;
				}
				
			});	
		}
	});	
	
	
	// IMAGES
	
	$('ul.navImages li a').each(function(index) {
		peopleLinkId = $(this).attr("href"); // Get the wordpress post permalink
		$(this).attr('href', '#').attr('rel', peopleLinkId); // Set rel as link value and remove href value
	});
	
	$('.people-content-collection').each(function(index) {
		var catId = $(this).attr('id');
		var contentHolderId = "image-"+catId;
		var firstUrl = $("#"+catId+" ul.navImages li:nth-child(1) a").attr("rel");
		$("#"+catId+" ul.navImages li:nth-child(1) a").addClass("navActive");
		
		$("#"+contentHolderId).load(firstUrl);
		
		$("ul.navImages li a", this).click(function() {
			var postUrl = $(this).attr("rel");
			$(this).addClass('navActive');
			$("ul.navImages li a").not(this).removeClass('navActive');
			$("#"+contentHolderId).load(postUrl);
		});
		
		
		
	});	
	
			
	
	 
});