// JavaScript Document

Shadowbox.loadSkin('cmrm', 'skin');
Shadowbox.loadLanguage('en', 'lang');
Shadowbox.loadPlayer(['img','swf','flv','html','qt','iframe'], 'player');

var watchOptions = {
	overlayOpacity:     1.0,
	fadeDuration: 1.0
};

var aboutOptions = {
	overlayOpacity:     0.8
};


$(function() {
		   
	if( jQuery.browser.msie && (jQuery.browser.version < 7) )
	   $("body").html("<h1 style='color:#FFF; margin:50px;'>Chicken Moose Rhino Monkey can only be viewed using a modern browser.  We recommend <a href='http://www.getfirefox.com' target='_blank'>Firefox</a>.</h1>");
		   
	// PRELOAD
	
	//$.preloadCssImages(); 
		   
	// $.preloadImages("images/chicken-b.png","images/chicken-b.png","images/watch-b.png","images/moose-p.png","images/share-p.png","images/noose-p.png","images/rhino-g.png","images/about-g.png","images/monkey-o.png","images/credits-o.png","images/chicken-bk.png","images/watch-bk.png","images/moose-bk.png","images/share-bk.png","images/rhino-bk.png","images/about-bk.png","images/monkey-bk.png","images/credits-bk.png","images/lg-moose.png","images/lg-rhino.png","images/lg-monkey.png","images/lg-chicken.png","images/lg-donkey.png","images/lg-drumstick.png","images/lg-peel.png","images/lg-cousin.png","images/lg-cole.png");
	
	
	// HASH TESTS
	
    var hash = jQuery.url.attr("anchor");
	var skip_animation = false;
	
/*	if(hash == "watch") {
		}
	if(hash == "share") {
		$('body').removeClass().addClass("share");
		skip_animation = true;
		}
	if(hash == "about") {
		$('body').removeClass().addClass("about");
		skip_animation = true;
		}
	if(hash == "credits") {
		$('body').removeClass().addClass("credits");
		skip_animation = true;
		}*/
		
	
// OPENING ANIMATION
		function noose() {
			$('.nav-share').removeClass().addClass("noose");
			$('#homenav').animate({opacity: 1.0}, 10).animate({opacity: 1.0}, 250).animate({opacity:0.0},10).animate({opacity: 0.0}, 250, 'linear',backtonormal);
			}
		function backtonormal() {
			$('.noose').removeClass().addClass("nav-share");
			$('#homenav').animate({opacity: 1.0}, 10).animate({opacity: 1.0}, 250).animate({opacity:0.0},10).animate({opacity: 0.0}, 250, 'linear',oneatatime);
			}
		function oneatatime() {
			$('#homenav li').animate({opacity:0.0},1);
			$('#homenav').animate({opacity:1.0},1);
			$('.nav-watch').animate({opacity:1.0},10).animate({opacity:1.0},250,'linear', function() {
				$('.nav-share').animate({opacity:1.0},10).animate({opacity:1.0},250,'linear', function() {
					$('.nav-about').animate({opacity:1.0},10).animate({opacity:1.0},250,'linear', function() {
						$('.nav-credits').animate({opacity:1.0},10).animate({opacity:1.0},250,'linear', function() {
							$('#top').animate({opacity:1.0},10);
							$('#bottom').animate({opacity:1.0},10);
							});
						});
					});
				});
			}

	if(skip_animation == false) {

		$('#homenav').animate({opacity: 0.0}, 250).animate({opacity: 1.0}, 10).animate({opacity: 1.0}, 250).animate({opacity:0.0},10).animate({opacity: 0.0}, 250)
			.animate({opacity: 1.0}, 10).animate({opacity: 1.0}, 250).animate({opacity:0.0},10).animate({opacity: 0.0}, 250, 'linear',noose);
		}
		
		
	// TRANSITION	
		
	function transition(first, second, third, fourth, delay) {
		$('body').removeClass().addClass(first)
				.oneTime(delay,"animation",function () { 
					$('body').removeClass().addClass(second); 
					})
				.oneTime((delay * 2),"animation",function () { 
					$('body').removeClass().addClass(third); 
					})
				.oneTime((delay * 3),"animation",function () { 
					$('body').removeClass().addClass(fourth); 
					});
		Shadowbox.init;
		}
		
	$('.nav-watch a').click(function () {
//		transition("green-bg chicken-bg","orange-bg moose-bg","pink-bg rhino-bg","watch",400);
		Shadowbox.open({
			player:     'qt',
			content:    'cmrm.mov',
			width:     800,
			height:      450,
			title: "<a href='http://www.vimeo.com/1756661' target='_blank' class='vimeo-link'>Loading too slow? Watch on Vimeo.</a>"
			},watchOptions);

		});
	$('.nav-share a').click(function () {
		transition("blue-bg monkey-bg","green-bg juice-bg","orange-bg drumstick-bg","share",400);
		});
	$('.nav-about a').click(function () {
		transition("orange-bg cousin-bg","pink-bg moose-bg","blue-bg cole-bg","about",400);
		Shadowbox.init(aboutOptions);
		});
	$('.nav-credits a').click(function () {
		transition("green-bg chicken-bg","blue-bg donkey-bg","pink-bg peel-bg","credits",400);
		});
	
	
	// EMBED SELECT
	
	$(".embed").click(function () {	$(this).select(); });
	
	Shadowbox.init(aboutOptions);

});