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

function hideClients() {
	$('#clientList li, #gallery img').css({opacity:0});
}
function hideContact() {
	$('#contactList li, #gallery img').css({opacity:0});
}
function hideIndex() {
	$('#body').css({'background-color':'#FFF'});
	$('#introLogoFull, .whiteout, #introBG, .ziplineAnimatic, #introLogoWhitePng').show();
	$('#mainNav, .ziplineAnimatic, #clickNote').css({opacity:0});
	$('#mainNav a').hide().css({opacity:0})
	$('.index .box').css({opacity:0, 'background-color':'#85B953'});
}
function hideSkills() {
	$('.skill, #gallery img').css({opacity:0});
}
function hideSubNav() {
	$('#verticalLogo').hide().css({top:'285px'});
	$('#subNav, #subNavBg').css({left:'155px'});
	$('#galleryNav').css({opacity:0});
}
function playClients() {
	hideClients();
	$('#image1').animate({opacity:1},tTime,function() {
		$('#clientsLogo').animate({opacity:1},tTime,function() {
			fadeInList('#clientList li', 100, 50);
		});
	});
}
function playContact() {
	hideContact();
	$('#image1').animate({opacity:1},tTime,function() {
		$('#contactLogo').animate({opacity:1},tTime,function() {
			fadeInList('#contactList li', 100, 50);
		});
	});
}
function playIndex() {
	hideIndex();
	$('#whiteoutSeroni').animate({left:'463px'},tTime,function() {
		$('#whiteoutSeroni').hide();
		$('.whiteout').animate({opacity:0},tTime);
		$('#mainNav').animate({opacity:1},tTime, function() {
			$('#body').css({'background-color':'#F4EBC7'});
			$('#introLogoFull').animate({opacity:0},tTime);
			$('#introBG').animate({'width':'350px'},tTime, function() {
				$('#introLogoColorPng, #introBG').animate({opacity:0},tTime);
				$('#introLogoWhitePng').animate({opacity:1},tTime);
				$('.index .box').animate({opacity:.4},tTime);
				$('#image1').animate({opacity:1},tTime, function() {
					fadeInList('.ziplineAnimatic', 0, 400, function() {
						$('.index .box').css({'background-color':'#FFF'});
						$('#mainNav a').show()
						$('#introLogoWhitePng').animate({opacity:0},tTime);
						$('#introLogoColorPng, #clickNote, #mainNav a').animate({opacity:1},tTime);
					});
				});
			});
		});
	});
}
function playSkills() {
	hideSkills();
	$('#image1').animate({opacity:1},tTime,function() {
		$('#skillsLogo').animate({opacity:1},tTime,function() {
			fadeInList('.skill', 100, 50);
		});
	});
}
function playSubNav() {
	hideSubNav();
	$('#subNav, #subNavBg').animate({left:'43px'},tTime,function() {
		$('#verticalLogo').show().animate({top:'55px'},tTime);
		$('#galleryNav').animate({opacity:1},tTime, function() {
			flashNext();
		});
	});
}
function flashNext() {
	var isOn = false;
	var interval = setInterval(function() {
		if(isOn) {
			isOn = false;
			$('#next').css({color:'#7D4611'});
		} else {
			isOn = true;
			$('#next').css({color:'#F79156'});
		}
	}, 500);
	
	$('#next').hover(function() {
		clearInterval(interval);
		$('#next').css({color:'#7D4611'});
	})
}
/*****************************************************************************
* PLAY LIST
*****************************************************************************/
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);
}
/*****************************************************************************
* GALLERY JS
*****************************************************************************/
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() {
	$("#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++;
	}
}
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'});
	$('#loading').hide();
	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);
}