var animateArray;
var animaticReady = true;
var imageReady = 0;
var imageTotal = 0;
var tTime = 500;
var previousURL;
var nextURL;

function hideAwards() {
	$('#gallery h1, #gallery li, #gallery img').css({opacity:0});
}
function hideClients() {
	$('#gallery li, #gallery img').css({opacity:0});
}
function hideContact() {
	$('#phone, #email, #representedBy, #gallery img').css({opacity:0});
}
function hideIndex() {
	$('#logo, li, #gallery img').css({opacity:0});
}
function hideMotion() {
	$('.motionThumb').css({opacity:0});
}
function hidePlayPlayVideo() {
	$('#gallery a').css({opacity:0});
}
function hideSkills() {
	$('#awardsLink, #gallery li, #gallery img, #gallery h1').css({opacity:0});
}
function indexAnimatic() {
	tTime = 0;
	delay = 200;
	
	delayCurrent = delay;
	$('#image8').animate({opacity:0},tTime);
	$('#image1').animate({opacity:1},tTime);
	setTimeout(function(){
		$('#image1').animate({opacity:0},tTime);
		$('#image2').animate({opacity:1},tTime);
	}, delayCurrent);
	
	delayCurrent += delay;
	setTimeout(function(){
		$('#image2').animate({opacity:0},tTime);
		$('#image3').animate({opacity:1},tTime);
	}, delayCurrent);
	
	delayCurrent += delay;
	setTimeout(function(){
		$('#image3').animate({opacity:0},tTime);
		$('#image4').animate({opacity:1},tTime);
	}, delayCurrent);
	
	delayCurrent += delay;
	setTimeout(function(){
		$('#image4').animate({opacity:0},tTime);
		$('#image5').animate({opacity:1},tTime);
	}, delayCurrent);
	
	delayCurrent += delay;
	setTimeout(function(){
		$('#image5').animate({opacity:0},tTime);
		$('#image6').animate({opacity:1},tTime);
	}, delayCurrent);
	
	delayCurrent += delay;
	setTimeout(function(){
		$('#image6').animate({opacity:0},tTime);
		$('#image7').animate({opacity:1},tTime);
	}, delayCurrent);
	
	delayCurrent += delay;
	setTimeout(function(){
		$('#image7').animate({opacity:0},tTime);
		$('#image8').animate({opacity:1},tTime);
		indexAnimatic();
	}, delayCurrent);
}
function initVideoControls() {
	var v = document.getElementById("video");
	var volumeButton = document.getElementById("volume");
	volumeButton.onclick = function() {
		if (v.muted) {
			v.muted = false;
		} else {
			v.muted = true;
		}
	};
	initToggleVolume();
}
function playAwards() {
	hideAwards();
	$('#gallery img').animate({opacity:1},tTime, function() {
		$('#gallery h1').animate({opacity:1},tTime, function() {
			fadeInList('#awardsList li', 100, 50);
		});
	});
}
function playClients() {
	hideClients();
	$('#gallery img').animate({opacity:1},tTime, function() {
		fadeInList('#chair1 li', 100, 50, function() {
			fadeInList('#chair2 li', 100, 50);
		});
	});
}
function playContact() {
	hideContact();
	$('#gallery img').animate({opacity:1},tTime,function() {
		$('#phone').animate({opacity:1},tTime,function() {
			$('#email').animate({opacity:1},tTime,function() {
				$('#representedBy').animate({opacity:1},tTime,function() {
				
				});
			});
		});
	});
}
function playIndex() {
	hideIndex();
	$('#logo').animate({opacity:1},tTime,function() {
		playNav();
	});
}
function playMotion() {
	hideMotion();
	fadeInList('.motionThumb', 100, 50);
}
function playPlayVideo() {
	hidePlayPlayVideo();
	initVideoControls();
	$('#gallery a').animate({opacity:1},tTime);
}
function playSkills() {
	hideSkills();
	$('#skillsImage1').animate({opacity:.5},tTime,function() {
		$('#skillsImage2').animate({opacity:1},tTime,function() {
			$('#gallery h1').animate({opacity:1},tTime,function() {
				fadeInList('#skillsList li', 100, 50, function() {
					$('#awardsLink').animate({opacity:1},tTime);
				});
			});
		});
	});
}
function fadeInList(list, tTime, delay, callback) {
	listItems = $(list);
	listLength = listItems.length;
	i = 0; 
	var interval = setInterval( function() { 
        if((i == (listLength-1)) && callback) {
			$(listItems[i]).animate({opacity:1},tTime, function() {
				callback();
			});
		} else {
			$(listItems[i]).animate({opacity:1},tTime);
		}
		i++;
        if( i >= listLength) clearInterval(interval);
    } , delay);
}
function playNav() {
	fadeInList('#mainNav li', 100, 50, function() {
		indexAnimatic();
	});
}


function setAnimationArray(anArray) {
	animateArray = anArray;
}
function checkReady() {
	imageReady++;
	if(imageTotal == imageReady) playSlide();
}

function setKeyNavigation(previous, next) {
	previousURL = previous;
	nextURL = next;
	$('html').keydown(function(event){
		if(event.keyCode == 37) {
			location.href = previousURL;
		}else if(event.keyCode == 39){
			location.href = nextURL;
		}
	});
}

function playSlide() {
	$('#loading').hide();
	$("#titleText").css({'opacity':0});
	i = 0;
	for(object in animateArray) {
		if(animateArray[object]['image']) {
			playImage(animateArray[object]['image'], i);
			
		}else if(animateArray[object]['box']){
			playBox(animateArray[object]['box'], i);
			
		}else if(animateArray[object]['text']){
			playText(animateArray[object]['text'], i);
			
		}else if(animateArray[object]['animatic']){
			playAnimatic(animateArray[object]['animatic'], i);
		}
		i++;
	}
}

/*****************************************************************************
* VIDEO JS
*****************************************************************************/
function initToggleVolume() {
	$('#volume').click(function(){
		toggleMovieVolume('VideoPlayer');
	});
}
function toggleMovieVolume(swfID) {
	getFlashMovie(swfID).toggleVolume();
}
function getFlashMovie(movieName) {
	var isIE = navigator.appName.indexOf("Microsoft") != -1;
	var windowTest = window[movieName];
	var documentTest = document[movieName];
	return (isIE) ? window[movieName] : document[movieName];
}

/*****************************************************************************
* GALLERY JS
*****************************************************************************/
function playImage(image, index) {
	
	setTimeout(function(){ 
		$('#imageShadow'+index).animate({opacity:.5, left:image['endX'], top:image['endY']}, image['time']);
		$('#image'+index).animate({opacity:image['endAlpha'], left:image['endX'], top:image['endY']}, image['time']);
	}, image['delay']);
}

function playBox(box, index) {
	setTimeout(function(){ 
		$('#box'+index).animate({opacity:box['endAlpha'], left:box['endX'], top:box['endY']}, box['time']);
	}, box['delay']);
}
function playText(text, index) {
	setTimeout(function(){ 
		$('#text'+index).animate({opacity:text['endAlpha'], left:text['endX'], top:text['endY']}, text['time']);
	}, text['delay']);
}
function playAnimatic(animatic, index) {
	i = 0;
	delay = 0;
	$('#replay').css({display:'block'});
	for(anImage in animatic) {
		image = animatic[anImage];
		delay += image['delay'];
		playAnimaticImage(image, delay, index, i);
		i++;
	}
	
}
function playAnimaticImage(image, delay, index, i) {
	setTimeout(function(){
		if(i != 0) {
			$('#animaticShadow'+index+(i-1)).css({opacity:0});
			$('#animatic'+index+(i-1)).css({opacity:0});
		}
		$('#animaticShadow'+index+i).animate({opacity:.5, left:image['endX'], top:image['endY']}, image['time']);
		$('#animatic'+index+i).animate({opacity:image['endAlpha'], left:image['endX'], top:image['endY']}, image['time']);
	}, delay);
}