var animateLoader = function(num){
	jQuery('#loader' + num).fadeIn(500, function(){
		num--; 
		if(jQuery('#loader' + num).length > 0){
			animateLoader(num);
		}else{
			jQuery('#loader li').hide();
			animateLoader(5);		
		}
	});
};

var loaderImage = new Image();
loaderImage.src = 'images/content/stones.png';
jQuery(loaderImage).load(function(){
	animateLoader(5);
});

$("#videoDiv").jPlayer({
	ready: function () {
		$(this).jPlayer("setMedia", {
			m4v: "http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v",
			ogv: "http://www.jplayer.org/video/ogv/Big_Buck_Bunny_Trailer.ogv",
			webmv: "http://www.jplayer.org/video/webm/Big_Buck_Bunny_Trailer.webm",
			poster: "http://www.jplayer.org/video/poster/Big_Buck_Bunny_Trailer_480x270.png"
		});
	},
	swfPath: "js",
	supplied: "webmv, ogv, m4v",
	size: {
		width: "640px",
		height: "360px",
		cssClass: "jp-video-360p"
	}
});

jQuery(window).load(function(){
	jQuery('#main_loader').fadeOut('slow', function(){
		jQuery('div.content').css('z-index', '-9999'); 
		jQuery('div.content div#homeContainer').css('z-index', '-9999');
		jQuery('.zIndex').css('z-index', '-9999');
		
		$.doTimeout(7500, function(){
		
		$('#layer').fadeOut('slow');
			jQuery('#introContainer2').fadeOut('slow');
			jQuery('div.content').css('z-index', '9999'); 
			jQuery('div.content div#homeContainer').css('z-index', '9999');
			jQuery('.zIndex').css('z-index', '9999');
			
		});
		
		$.doTimeout(4500, function(){
			jQuery('#introContainer1').fadeOut('slow');
			jQuery('#introContainer2').fadeIn('fast');
		});
		
		var html = '<object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="355" height="295">'+
			'<param name="movie" value="swf/loader.swf" />'+
			'<param name="wmode" value="transparent">'+               
			'<!--[if !IE]>-->'+
			'<object type="application/x-shockwave-flash" data="swf/loader.swf" width="355" height="295">'+
			'<param name="wmode" value="transparent">'+  
			'<!--<![endif]-->'+
				'<img width="355" height="295" src="images/template/intro-1.png" />'+
			'<!--[if !IE]>-->'+
			'</object>'+
			'<!--<![endif]-->'+
		'</object>';
		
		var flashvars = {},
		params = {wmode:"transparent"},
		attributes = {};
		
		jQuery("#videoDiv").html(html);
		swfobject.embedSWF("swf/loader.swf", "myId", "100%", "100%", "9.0.0","swf/expressinstall.swf", flashvars, params, attributes);
	});
});

$(document).ready(function() {

		//Intro 
		/*jQuery('div.content').css('z-index', '-9999'); 
		jQuery('div.content div#homeContainer').css('z-index', '-9999');
		jQuery('.zIndex').css('z-index', '-9999');*/
		
		/*$.doTimeout(7500, function(){
			
			$('#layer').fadeOut('slow');
			jQuery('#introContainer2').fadeOut('slow');
			jQuery('div.content').css('z-index', '9999'); 
			jQuery('div.content div#homeContainer').css('z-index', '9999');
			jQuery('.zIndex').css('z-index', '9999');
			
		});*/
		
		/*$.doTimeout(4500, function(){
			jQuery('#introContainer1').fadeOut('slow');
			jQuery('#introContainer2').fadeIn('fast');
		});*/
		
		//show selected nav
		$('a.panel').click(function () {

			$('a.panel').removeClass('selected');
			$(this).addClass('selected');
			
			var currentPanel = this;
			var story = jQuery('#storyBox .panel')[0];
			var collection = jQuery('#collectionBox .panel')[0];
			var contact = jQuery('#contactBox .panel')[0];
			
			if(currentPanel == story)
			{
				jQuery('#story .panel').addClass('selected');
			}
			
			if(currentPanel == collection)
			{
				jQuery('#collection .panel').addClass('selected');
			}
			
			if(currentPanel == contact)
			{
				jQuery('#contact .panel').addClass('selected');
			}
			
			current = $(this);
			$('#bigDiv').scrollTo($(this).attr('href'), 800);		
			return false;
		});
		
		//scroll
		$(window).resize(function () {
			resizePanel();
		});
		
		$(".scroll").scrollable({ circular: true }).click(function() {
			$(this).data("scrollable").next();		
		});

		
		//collection slide
		var img = jQuery('.collectionItem img.imgMain');
		var para = jQuery('.collectionItem img.imgDets');
		var dets = jQuery('.details');
		
		dets.toggle(
			function(){
				img.fadeOut("slow");
				para.fadeIn("slow");
				jQuery(this).addClass('selected');
			},
			function(){
				img.fadeIn("slow");
				para.fadeOut("slow");
				dets.removeClass('selected');
			});
		
		jQuery('.next').click(function(){
			img.fadeIn("slow");
			para.fadeOut("slow");
			dets.removeClass('selected');
		});
		
		jQuery('.prev').click(function(){
			img.fadeIn("slow");
			para.fadeOut("slow");
			dets.removeClass('selected');
		});
		
		jQuery('.panel', this).click(function(){
			jQuery('.panel', this).each(function(){
				jQuery(this).removeClass('selected');
			});
			jQuery(this).addClass('selected');
		});
		
		//audio player
		$("#jquery_jplayer_1").jPlayer({
			ready: function () {
				$(this).jPlayer("setMedia", {
					mp3: "mp3/Bali-Chill-Groove.mp3"
				}).jPlayer("play");
			},
			ended: function (event) {
				$(this).jPlayer("play");
			},
			swfPath: "js",
			supplied: "mp3"
		});
		
		//Horizontal Sliding
		$('.imageLinkContainer').hover(function(){
			$(".cover", this).stop().animate({left:'199px'},{queue:false,duration:400});
		}, function() {
			$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});
		});
	});

	function resizePanel() {

		width = $(window).width();
		height = $(window).height();

		mask_height = height * $('.item').length;

		$('#debug').html(width  + ' ' + height + ' ' + mask_height);

		$('#bigDiv, .item').css({width: width, height: height});
		$('#mask').css({width: width, height: mask_height});
		$('#bigDiv').scrollTo($('a.selected').attr('href'), 0);
	}