//GreenSock

var element = document.getElementsByClassName('element');

var cast1 = document.getElementsByClassName('cast_1');
var cast2 = document.getElementsByClassName('cast_2');
var cast3 = document.getElementsByClassName('cast_3');
var cast4 = document.getElementsByClassName('cast_4');

var tag1 = document.getElementsByClassName('tag_1');
var tag2 = document.getElementsByClassName('tag_2');
var tag3 = document.getElementsByClassName('tag_3');
var tag4 = document.getElementsByClassName('tag_4');

var quote1 = document.getElementsByClassName('quote_1');
var quote2 = document.getElementsByClassName('quote_2');
var quote3 = document.getElementsByClassName('quote_3');

var keyartImage = document.getElementsByClassName('keyart_image');
var keyTitle = document.getElementsByClassName('key_title');
var keyartDirector = document.getElementsByClassName('keyart_director');
 
var date = document.getElementsByClassName('date');
var book = document.getElementsByClassName('book');
  
var titleEnd = document.getElementsByClassName('title_end');
  
var logos = document.getElementsByClassName('logos');

var videoBox  = document.getElementsByClassName('video_box ');
var videoContainer = document.getElementsByClassName('video-container'); 




function resetStart() {
TweenMax.to(element, 0, {transformOrigin:"50% 50%"});
TweenMax.to(cast1, 0, {left:"-=280px"});
TweenMax.to(cast2, 0, {left:"+=280px"});
TweenMax.to(cast3, 0, {left:"-=280px"});
TweenMax.to(cast4, 0, {left:"+=280px"});

TweenMax.to(tag1, 0, {left:"-=300px"});
TweenMax.to(tag2, 0, {left:"+=300px"});
TweenMax.to(tag3, 0, {left:"-=300px"});
TweenMax.to(tag4, 0, {left:"+=300px"});

TweenMax.to(quote1, 0, {left:"-=300px"});
TweenMax.to(quote2, 0, {left:"+=300px"});
TweenMax.to(quote3, 0, {left:"-=300px"});

TweenMax.to(keyartImage, 0, {alpha:0});
TweenMax.to(keyTitle, 0, {alpha:0});
TweenMax.to(keyartDirector, 0, {top:"-=50px"});

TweenMax.to(date, 0, {alpha:0});
TweenMax.to(book, 0, {alpha:0});

TweenMax.to(titleEnd, 0, {left:"-=300px"});

TweenMax.to(videoContainer, 0, {left:"+=300px"});

}


function swapDate() {
	TweenMax.to(book, 0.4, {alpha:0});
	TweenMax.to(date, 0.4, {alpha:1, delay:0.5});
	TweenMax.delayedCall(3,swapBook);
	
}

function swapBook() {
	TweenMax.to(date, 0.4, {alpha:0});
	TweenMax.to(book, 0.4, {alpha:1, delay:0.5});
	TweenMax.delayedCall(3,swapDate);
}

function frame01() {
	TweenMax.to(cast1, 0, {alpha:1});
	TweenMax.to(cast2, 0, {alpha:1});
	TweenMax.to(cast3, 0, {alpha:1});
	TweenMax.to(cast4, 0, {alpha:1});
	
	TweenMax.to(cast1, 0.4, {left:"+=280px"});
TweenMax.to(cast2, 0.4, {left:"-=280px", delay:0.25});
TweenMax.to(cast3, 0.4, {left:"+=280px", delay:0.5});
TweenMax.to(cast4, 0.4, {left:"-=280px", delay:0.75});
	TweenMax.delayedCall(2,frame02);
}

function frame02() {
	TweenMax.to(cast1, 0.4, {left:"+=280px"});
TweenMax.to(cast2, 0.4, {left:"-=280px"});
TweenMax.to(cast3, 0.4, {left:"+=280px"});
TweenMax.to(cast4, 0.4, {left:"-=280px"});
	TweenMax.delayedCall(0.5,frame03);
}

function frame03() {
	TweenMax.to(tag1, 0, {alpha:1});
	TweenMax.to(tag2, 0, {alpha:1});
	TweenMax.to(tag3, 0, {alpha:1});
	TweenMax.to(tag4, 0, {alpha:1});
	
TweenMax.to(tag1, 0.4, {left:"+=300px"});
TweenMax.to(tag2, 0.4, {left:"-=300px", delay:0.25});
TweenMax.to(tag3, 0.4, {left:"+=300px", delay:0.5});
TweenMax.to(tag4, 0.4, {left:"-=300px", delay:0.75});
TweenMax.delayedCall(2,frame04);
}

function frame04() {
TweenMax.to(tag1, 0.4, {left:"-=300px"});
TweenMax.to(tag2, 0.4, {left:"+=300px"});
TweenMax.to(tag3, 0.4, {left:"-=300px"});
TweenMax.to(tag4, 0.4, {left:"+=300px"});
TweenMax.delayedCall(0.5,frame05);
}

function frame05() {
	TweenMax.to(quote1, 0, {alpha:1});
	TweenMax.to(quote2, 0, {alpha:1});
	TweenMax.to(quote3, 0, {alpha:1});

TweenMax.to(quote1, 0.4, {left:"+=300px"});
TweenMax.to(quote2, 0.4, {left:"-=300px", delay:0.25});
TweenMax.to(quote3, 0.4, {left:"+=300px", delay:0.5});

TweenMax.delayedCall(2,frame06);
}

function frame06() {

TweenMax.to(quote1, 0.4, {left:"+=300px"});
TweenMax.to(quote2, 0.4, {left:"-=300px"});
TweenMax.to(quote3, 0.4, {left:"+=300px"});

TweenMax.delayedCall(0.5,frame07);
}

function frame07() {
	
	TweenMax.to(keyartDirector, 0, {alpha:1});
	
	TweenMax.to(keyartImage, 0.4, {alpha:1});
TweenMax.to(keyTitle, 0.4, {alpha:1, delay:0.4});
TweenMax.to(keyartDirector, 0.4, {top:"+=50px", delay:0.8});

TweenMax.delayedCall(1,swapDate);

TweenMax.delayedCall(3.5,frame08);
}

function frame08() {
	TweenMax.to(keyartImage, 0.4, {alpha:0});
TweenMax.to(keyTitle, 0.4, {alpha:0});
TweenMax.to(keyartDirector, 0.4, {alpha:0});

TweenMax.delayedCall(0.5,frame09);
}



function frame09() {
	
	TweenMax.to(videoContainer, 0, {alpha:1});
	
	TweenMax.to(titleEnd, 0, {alpha:1});
	TweenMax.to(titleEnd, 0.4, {left:"+=300px"});
	
	TweenMax.to(videoContainer, 0.5, {left:"-=300px", alpha:1, delay:0.5});
	TweenMax.delayedCall(1,frame10);
}

function frame10() {
	$(".btnNoVideo").hide();
	$(".btnVideo").show();
	TweenMax.to(videoContainer, 0, {alpha:1});
	video = document.getElementById("video");
		initVideo();
}

	var video;
	
	function initEB(){
	
			resetStart();
			frame01();
			startAd();

	}
	
	function startAd() {
		document.getElementById("banner").style.visibility = "visible";
	}
	
	function initVideo() {
		var videoTrackingModule = new EBG.VideoModule(video);
	}
	
	function handleClickthroughButtonClick() {
		video.pause();
		EB.clickthrough();
	}
	
	function handleClickthroughButtonClickNoVideo() {
		EB.clickthrough();
	}
	
	function handleUserActionButtonClick() {

	}