// JavaScript Document

var projopen=false;
var currentproj=0;
var projid=("#project"+currentproj);

//THE FOLLOWING JS IS FOR THE "WHAT WE DO" PAGE
//---------------------------------------------------------------------------------------
//ANIMATE BRAND BOOT CAMP BUTTON

$('#bbc_btn').animate({opacity: 1,}, 600);
$('#pf_btn').animate({opacity: 0.25,}, 600);
$('#vd_btn').animate({opacity: 0.25,}, 600);


$('#bbc_btn').click(function() {
	$('#bbc_btn').animate({opacity: 1,}, 600);
	$('#pf').animate({height: "0",}, 600);
	$('#pf_btn').animate({opacity: 0.25,}, 600);
	$('#vd').animate({height: "0",}, 600, function() {$('#bbc').animate({height: "344",}, 600);} );	
	$('#vd_btn').animate({opacity: 0.25,}, 600);
});

//ANIMATE PRODUCTION FORCE BUTTON
$('#pf_btn').click(function() {
	$('#pf_btn').animate({opacity: 1,}, 600);
	$('#bbc').animate({height: "0",}, 600);
	$('#bbc_btn').animate({opacity: 0.25,}, 600);
	$('#vd').animate({height: "0",}, 600, function () {$('#pf').animate({height: "344",}, 600);} );	
	$('#vd_btn').animate({opacity: 0.25,}, 600);
});

//ANIMATE VIDEO DEPLOYMENT BUTTON
$('#vd_btn').click(function() {
	$('#vd_btn').animate({opacity: 1,}, 600);
	$('#pf').animate({height: "0",}, 600);
	$('#pf_btn').animate({opacity: 0.25,}, 600);
	$('#bbc').animate({height: "0",}, 600, function() {$('#vd').animate({height: "344",}, 600);} );
	$('#bbc_btn').animate({opacity: 0.25,}, 600);

});

//WHEN YOU HIT THE PLAY VIDEO BUTTON
$('#wwd_play').click(function() {
	bbc_bool = false;
	pf_bool = false;
	vd_bool = false;
	$('#bbc_btn').fadeTo(600, 0, function() {$('#bbc_btn').hide();} );
	$('#pf_btn').fadeTo(600, 0, function() {$('#pf_btn').hide();} );
	$('#vd_btn').fadeTo(600, 0, function() {$('#vd_btn').hide(function() {
		$('#turnonthelights').animate({height: '12', width: '120', opacity: '0',}, 0,
				function() {
						$('#turnonthelights').animate({opacity: '1',}, 200); } );
				} );
		}
	);	
	$('#bbc').animate({height: "0",}, 600);
	$('#pf').animate({height: "0",}, 600);
	$('#vd').animate({height: "0",}, 600);
	$('#wwd_play').fadeTo(400, 0, 
		function() {
			$('#wwd_content').hide();
			$('#wwd_playbox').hide();
			$('#videoframe').animate({width:"700",marginLeft:"130",},200);
			$('#wwd_video').animate({height:"394",width:"700"},0, function() {
				$('#wwd_video').animate({opacity:"1",}, 400, function () {$('#thevideo').show();});});
			
			}
	);
	$('#fader').animate({height: "100%", opacity: "0",},0, function() {$('#fader').animate({opacity: "0.7",}, 600);} );
});

//WHAT WE DO - TURN THE LIGHTS ON
$('#turnonthelights').click(function() {
	$('#wwd_video').animate({height:"0",width:"0",opacity:"0"},0);
	$('#thevideo').hide();
	$('#videoframe').animate({width:"720",marginLeft:"120",},200);
	$('#wwd_content').show();
	$('#turnonthelights').fadeTo(200, 0, function() {
		$('#bbc_btn').show(function() {$('#bbc_btn').fadeTo(400, 1); });
		$('#pf_btn').show(function() {$('#pf_btn').fadeTo(400, 0.25); });
		$('#vd_btn').show(function() {$('#vd_btn').fadeTo(400, 0.25); });

	});
	$('#fader').fadeTo(600, 0, function() {$('#fader').animate({height:'0%'},0) } );
	$('#wwd_playbox').show(function() {$('#wwd_play').fadeTo(200, 1);});
	
	$('#pf').animate({height: "0",}, 600);
	$('#vd').animate({height: "0",}, 600, function() {$('#bbc').animate({height: "344",}, 600);} );	
});



//THE FOLLOWING JS IS FOR THE "WHO WE ARE" PAGE - ADDED BY CJ
//---------------------------------------------------------------------------------------
//CLICK ON PLAY OVERVIEW VIDEO
$('#wwa_playvideo').click(function(){
	$('#fader').animate({height: "100%", opacity: "0",},0, function() {$('#fader').animate({opacity: "0.7",}, 600);} );
	$('#wwa_content').fadeTo(600, 0,
			function() {
				$('#wwa_content').hide();
			}
	);
	$('#wwa_playbtn').fadeTo(600, 0,
			function() {
				$('#wwa_playbtn').hide();
				$('#videoframe').animate({width:"700",marginLeft:"130",},200);
				$('#wwa_video').animate({opacity:"0",width:"700",height:"394",},0,
					function() {
						$('#wwa_video').fadeTo(600, 1, function() {$('#thevideo').show();});
					}
				);
			}
	);
	$('#wwa_titletext').fadeTo(600, 0,
			function() {
				$('#wwa_titletext').animate({height:"0",width:"0"},0);
				$('#wwa_lightson').animate({opacity:"0",height:"12",width:"120",},0,
					function() {
						$('#wwa_lightson').fadeTo(600,1);
					}
				);
			}
	);
});

//CLICK ON TURN THE LIGHTS ON

$('#wwa_lightson').click(function() {
	$('#fader').fadeTo(600, 0, function() {$('#fader').animate({height:'0%'},0) } );
	$('#wwa_lightson').fadeTo(400,0,
			function() {
				$('#wwa_lightson').animate({opacity:"0",height:"0",width:"0",},0);
				$('#wwa_titletext').animate({height:"24",width:"690"},0);
			}
	);
	$('#wwa_video').fadeTo(400, 0,
			function() {
				$('#videoframe').animate({width:"720",marginLeft:"120",},200);
				$('#wwa_video').animate({opacity:"0",height:"0",width:"0",},0);
				$('#wwa_playbtn').show();
				$('#wwa_content').show(
					function() {
						$('#wwa_content').fadeTo(400,1);
						$('#wwa_playbtn').fadeTo(400,1);
						$('#wwa_titletext').fadeTo(400, 1);
					}
				);
			}
	);
});





//THE FOLLOWING JS IS FOR THE "OUR WORK" PAGE
//---------------------------------------------------------------------------------------

//HOVER ON THUMBNAIL
$('.thumbnail').children().fadeTo(0 , 0);
$('.thumbnail').hover(function() {
	$(this).children().animate({opacity: "0.8"}, 200);
}, function() {
	$(this).children().animate({opacity: "0"}, 400);
});

//ASSIGN PROJECT NUMBER
$('#thumbnail1').click(function(){currentproj = 1; fadetoproject();});
$('#thumbnail2').click(function(){currentproj = 2; fadetoproject();});
$('#thumbnail3').click(function(){currentproj = 3; fadetoproject();});
$('#thumbnail4').click(function(){currentproj = 4; fadetoproject();});
$('#thumbnail5').click(function(){currentproj = 5; fadetoproject();});
$('#thumbnail6').click(function(){currentproj = 6; fadetoproject();});
$('#thumbnail7').click(function(){currentproj = 7; fadetoproject();});
$('#thumbnail8').click(function(){currentproj = 8; fadetoproject();});
$('#thumbnail9').click(function(){currentproj = 9; fadetoproject();});
$('#thumbnail10').click(function(){currentproj = 10; fadetoproject();});
$('#thumbnail11').click(function(){currentproj = 11; fadetoproject();});
$('#thumbnail12').click(function(){currentproj = 12; fadetoproject();});

//CLICK ON RETURN TO PORTFOLIO
$('#backtoportfolio1').click(function(){backtoportfolio();});
$('#backtoportfolio2').click(function(){backtoportfolio();});
$('#backtoportfolio3').click(function(){backtoportfolio();});
$('#backtoportfolio4').click(function(){backtoportfolio();});
$('#backtoportfolio5').click(function(){backtoportfolio();});
$('#backtoportfolio6').click(function(){backtoportfolio();});
$('#backtoportfolio7').click(function(){backtoportfolio();});
$('#backtoportfolio8').click(function(){backtoportfolio();})
$('#backtoportfolio9').click(function(){backtoportfolio2();});
$('#backtoportfolio10').click(function(){backtoportfolio2();});
$('#backtoportfolio11').click(function(){backtoportfolio2();});
$('#backtoportfolio12').click(function(){backtoportfolio2();});

//CLICK ON PLAY VIDEO
$('#ow_playvideo1').click(function(){playvideo();});
$('#ow_playvideo2').click(function(){playvideo();});
$('#ow_playvideo3').click(function(){playvideo();});
$('#ow_playvideo4').click(function(){playvideo();});
$('#ow_playvideo5').click(function(){playvideo();});
$('#ow_playvideo6').click(function(){playvideo();});
$('#ow_playvideo7').click(function(){playvideo();});
$('#ow_playvideo8').click(function(){playvideo();});
$('#ow_playvideo9').click(function(){playvideo();});
$('#ow_playvideo10').click(function(){playvideo();});
$('#ow_playvideo11').click(function(){playvideo();});
$('#ow_playvideo12').click(function(){playvideo();});

//CLICK ON TURN ON THE LIGHTS (Video)
$('#videoturnon1').click(function(){videolightson();});
$('#videoturnon2').click(function(){videolightson();});
$('#videoturnon3').click(function(){videolightson();});
$('#videoturnon4').click(function(){videolightson();});
$('#videoturnon5').click(function(){videolightson();});
$('#videoturnon6').click(function(){videolightson();});
$('#videoturnon7').click(function(){videolightson();});
$('#videoturnon8').click(function(){videolightson();});
$('#videoturnon9').click(function(){videolightson();});
$('#videoturnon10').click(function(){videolightson();});
$('#videoturnon11').click(function(){videolightson();});
$('#videoturnon12').click(function(){videolightson();});

//CLICK ON PRODUCTION STILLS
$('#ow_stills1').click(function(){stills();});
$('#ow_stills2').click(function(){stills();});
$('#ow_stills3').click(function(){stills();});
$('#ow_stills4').click(function(){stills();});
$('#ow_stills5').click(function(){stills();});
$('#ow_stills6').click(function(){stills();});
$('#ow_stills7').click(function(){stills();});
$('#ow_stills8').click(function(){stills();});
$('#ow_stills9').click(function(){stills();});
$('#ow_stills10').click(function(){stills();});
$('#ow_stills11').click(function(){stills();});
$('#ow_stills12').click(function(){stills();});

//CLICK ON TURN ON THE LIGHTS (Photo)
$('#phototurnon1').click(function(){stillslightson();});
$('#phototurnon2').click(function(){stillslightson();});
$('#phototurnon3').click(function(){stillslightson();});
$('#phototurnon4').click(function(){stillslightson();});
$('#phototurnon5').click(function(){stillslightson();});
$('#phototurnon6').click(function(){stillslightson();});
$('#phototurnon7').click(function(){stillslightson();});
$('#phototurnon8').click(function(){stillslightson();});
$('#phototurnon9').click(function(){stillslightson();});
$('#phototurnon10').click(function(){stillslightson();});
$('#phototurnon11').click(function(){stillslightson();});
$('#phototurnon12').click(function(){stillslightson();});

//CLICK ON THUMBNAIL FUNCTION
function fadetoproject(){
	$('#portfolio').animate({opacity:"0",},400).animate({height:"0",},0);
	$('#portfolio2').animate({opacity:"0",},400).animate({height:"0",},0);

	$('#project'+currentproj).delay(400).animate({opacity:"0", height:"595",},0).animate({opacity:"1",}, 400);
}

//CLICK ON THUMBNAIL FUNCTION
// function fadetoproject(){
// 	$('#portfolio2').animate({opacity:"0",},400).animate({height:"0",},0);
// 	$('#project'+currentproj).delay(400).animate({opacity:"0", height:"595",},0).animate({opacity:"1",}, 400);
// }

//CLICK ON RETURN TO PORTFOLIO FUNCTION
function backtoportfolio(){
	$('#project'+currentproj).animate({opacity:"0",},400).animate({height:"0",},0);
	$('#portfolio').delay(400).animate({opacity:"0", height:"595",},0).animate({opacity:"1",}, 400);
}

//CLICK ON RETURN TO PORTFOLIO FUNCTION PAGE 2 - ADDED BY CJ
function backtoportfolio2(){
	$('#project'+currentproj).animate({opacity:"0",},400).animate({height:"0",},0);
	$('#portfolio2').delay(400).animate({opacity:"0", height:"595",},0).animate({opacity:"1",}, 400);
}

//CLICK ON PLAY VIDEO FUNCTION
function playvideo(){
	$('#fader').animate({height: "100%", opacity: "0",},0, function() {$('#fader').animate({opacity: "0.7",}, 600);} );
	$('#projecttitle'+currentproj).fadeTo(600, 0, function() {$('#projecttitle'+currentproj).hide();} );
	$('#backtoportfolio'+currentproj).fadeTo(600, 0, function() {$('#backtoportfolio'+currentproj).hide();} );
	$('#projectdetails'+currentproj).fadeTo(600, 0,
			function() {
				$('#projectdetails'+currentproj).hide();
				$('#videoturnon'+currentproj).animate({height:"12",width:"120",opacity:"0",},0,
					function() {
						$('#videoturnon'+currentproj).fadeTo(600,1);
					}
				);
				$('.videoframe').animate({width:"700",marginLeft:"130",},200);
				$('#ow_videobox'+currentproj).animate({opacity:"0",width:"700",height:"394",},0,
					function() {
						$('#ow_videobox'+currentproj).fadeTo(600,1, function() {$('#thevideo'+currentproj).show();});
					}
				);
			}
	);
}

//CLICK ON TURN ON THE LIGHTS (Video)
function videolightson(){
	$('#fader').fadeTo(600, 0, function() {$('#fader').animate({height:'0%'},0) } );
	$('#videoturnon'+currentproj).fadeTo(600, 0,
			function() {
				$('#videoturnon'+currentproj).animate({height:"0",width:"0"},0);
				$('#projecttitle'+currentproj).show().fadeTo(600, 1);
				$('#backtoportfolio'+currentproj).show().fadeTo(600, 1);
			}
	);
	$('.videoframe').animate({width:"720",marginLeft:"120",},200);
	$('#ow_videobox'+currentproj).animate({opacity:"0"},400, 
			function(){
				$('#ow_videobox'+currentproj).animate({width:"0",height:"0",},0,
					function(){
						$('#projectdetails'+currentproj).show().fadeTo(400,1);
						$('#thevideo'+currentproj).hide();
					}
				);
			}
	);
}

//CLICK ON PRODUCTION STILLS FUNCTION
function stills(){
	$('#fader').animate({height: "100%", opacity: "0",},0, function() {$('#fader').animate({opacity: "0.7",}, 600);} );
	$('#projecttitle'+currentproj).fadeTo(600, 0, function() {$('#projecttitle'+currentproj).hide();} );
	$('#backtoportfolio'+currentproj).fadeTo(600, 0, function() {$('#backtoportfolio'+currentproj).hide();} );
	$('#projectdetails'+currentproj).fadeTo(600, 0,
			function() {
				$('#projectdetails'+currentproj).hide();
				$('#phototurnon'+currentproj).animate({height:"12",width:"120",opacity:"0",},0,
					function() {
						$('#phototurnon'+currentproj).fadeTo(600,1);
					}
				);
				$('#ow_stillbox'+currentproj).animate({opacity:"0",width:"720",height:"394",},0,
					function() {
						$('#ow_stillbox'+currentproj).fadeTo(600,1);
					}
				);
				$('#prev'+currentproj).animate({opacity:"0",width:"17",height:"60",},0,
					function() {
						$('#prev'+currentproj).fadeTo(600, 1);
					}
				);
				$('#next'+currentproj).animate({opacity:"0",width:"17",height:"60",},0,
					function() {
						$('#next'+currentproj).fadeTo(600, 1);
					}
				);
			}
	);
}

//CLICK ON TURN ON THE LIGHTS (Photo) FUNCTION
function stillslightson(){
	$('#fader').fadeTo(600, 0, function() {$('#fader').animate({height:'0%'},0) } );
	$('#phototurnon'+currentproj).fadeTo(600, 0,
			function() {
				$('#phototurnon'+currentproj).animate({height:"0",width:"0"},0);
				$('#projecttitle'+currentproj).show().fadeTo(600, 1);
				$('#backtoportfolio'+currentproj).show().fadeTo(600, 1);
			}
	);
	$('#prev'+currentproj).fadeTo(400,0);
	$('#next'+currentproj).fadeTo(400,0);
	$('#ow_stillbox'+currentproj).animate({opacity:"0"},400, 
			function(){
				$('#ow_stillbox'+currentproj).animate({width:"0",height:"0",},0,
					function(){
						$('#projectdetails'+currentproj).show().fadeTo(400,1);
					}
				);
			}
	);
}



//CLICK ON MORE CAMPAIGNS - ADDED BY CJ

$('#morecampaigns').click(function(){currentproj = 1; fadetoportfolio2();});

// $('#morecampaigns').click.window.open('http://videoarmy.tv/ourwork/index2.html');


//CLICK ON MORE CAMPAIGNS FUNCTION - ADDED BY CJ


function fadetoportfolio2(){

	$('#portfolio').animate({opacity:"0",},400).animate({height:"0",},0);
	
	    $('#portfolio2').delay(400).show({opacity:"0",}).animate({opacity:"100",},400).animate({height:"595",},0);


}

//CLICK ON PREVIOUS CAMPAIGNS - ADDED BY CJ

$('#previouscampaigns').click(function(){currentproj = 1; fadetoportfolio1();});


//CLICK ON PREVIOUS CAMPAIGNS FUNCTION - ADDED BY CJ


function fadetoportfolio1(){



	$('#portfolio2').animate({opacity:"0",},400).animate({height:"0",},0);
	
	    $('#portfolio').delay(400).show({opacity:"0",}).animate({height:"595",},0).animate({opacity:"100",},400);


}


//THE FOLLOWING JS IS FOR THE "HOME" PAGE
//---------------------------------------------------------------------------------------
//CLICK ON PLAY OVERVIEW VIDEO
$('#home_playvideo').click(function(){
	$('#fader').animate({height: "100%", opacity: "0",},0, function() {$('#fader').animate({opacity: "0.7",}, 600);} );
	$('#home_content').fadeTo(600, 0,
			function() {
				$('#home_content').hide();
			}
	);
	$('#home_playbtn').fadeTo(600, 0,
			function() {
				$('#home_playbtn').hide();
				$('#videoframe').animate({width:"700",marginLeft:"130",},200);
				$('#home_video').animate({opacity:"0",width:"700",height:"394",},0,
					function() {
						$('#home_video').fadeTo(600, 1, function() {$('#thevideo').show();});
					}
				);
			}
	);
	$('#home_titletext').fadeTo(600, 0,
			function() {
				$('#home_titletext').animate({height:"0",width:"0"},0);
				$('#home_lightson').animate({opacity:"0",height:"12",width:"120",},0,
					function() {
						$('#home_lightson').fadeTo(600,1);
					}
				);
			}
	);
});

//CLICK ON TURN THE LIGHTS ON

$('#home_lightson').click(function() {
	$('#fader').fadeTo(600, 0, function() {$('#fader').animate({height:'0%'},0) } );
	$('#home_lightson').fadeTo(400,0,
			function() {
				$('#home_lightson').animate({opacity:"0",height:"0",width:"0",},0);
				$('#home_titletext').animate({height:"24",width:"690"},0);
			}
	);
	$('#home_video').fadeTo(400, 0,
			function() {
				$('#videoframe').animate({width:"720",marginLeft:"120",},200);
				$('#home_video').animate({opacity:"0",height:"0",width:"0",},0);
				$('#home_playbtn').show();
				$('#home_content').show(
					function() {
						$('#home_content').fadeTo(400,1);
						$('#home_playbtn').fadeTo(400,1);
						$('#home_titletext').fadeTo(400, 1);
					}
				);
			}
	);
});