$(document).ready(function(){

	/* page setup functions */
	$('.tracks').jScrollPane({
		showArrows: false
	});

	/* position players */
	$(window).resize(function(){
		var $player = $('.player');
		$player.css({
			left: ($(window).width() - $player.outerWidth()) / 2,
			top: ($(window).height() - $player.outerHeight()) / 2
		});
		var $vimeo = $('.video-container');
		$vimeo.css({
			top: ($player.height() - $vimeo.outerHeight()) / 2
		});
	});
	$('.player').css('visibility', 'visible');
	$(window).resize();

	var videoHeight = $('.video').height();
	$('.tab').css({
		top: videoHeight / 2 - 55
	});
	
	$('#mask').load( function () {
		$('#logo').css('visibility', 'visible');
	});
	
	/* SoundManager playlist setup */
	soundManager.onready(function() {
		$('.tracks li').bind('click', function() {
			var track = $(this),
				playing = track.is('.playing');
			if ( playing ) {
				soundManager.togglePause(track.attr('id'));
			} else {
				track.addClass('playing').siblings('li').removeClass('playing');
				soundManager.stopAll();
				soundManager.play(track.attr('id'));
			}
			return false;
		});

		var tracks = $('.tracks li a');
		$.each( tracks, function(index, value) {
			soundManager.createSound({
				id: 'track_' + index,
				multiShot: false,
				url: value.getAttribute('rel'),
				volume: 100,
				whileplaying: function() {
					for ( i = 0; i < 8; i++) {
						document.getElementById('l'+i).style.height = 33-Math.ceil( this.eqData.left[i*32+16] * 35 ) + 'px';
						document.getElementById('r'+i).style.height = 33-Math.ceil ( this.eqData.right[i*32+16] * 35 ) + 'px';
					}
				},
				onfinish: function() {
					nextTrack();
				}
			});
			value.removeAttribute('rel');
		});
	});

	var nextTrack = function(){
		soundManager.stopAll();
		if ( $('li.playing').next().click().length == 0 ) {
			$('.tracks li:first').click();
		}
	}	
	
	/* CDPlayer events */
	$('.left, .arrowbox').bind('click', function() {
		if ( $('.left').hasClass('active') ) {
			stopCDPlayer();
		} else {
			startCDPlayer();
		}
	});

	/* Vimeo Player events */
	$('.video-container').bind('click', function() {
		if ( $(this).hasClass('active') ) {
			stopVimeoPlayer();
		} else {
			startVimeoPlayer();
		}
	});

	var startCDPlayer = function(){
		// Stop Media player
		stopVimeoPlayer();
		// Start playing first track
		$('.tracks li:first').click();
		$('.left').addClass('active');
		$('.right').addClass('active');
		// Open CD Player
		$('.left').animate({ left: 0 }, { duration: 1500 });
		$('.right').animate({ left: $('.player').width() / 2 }, { duration: 1500 });
	}
	
	var stopCDPlayer = function(){
		// Stop any playing track
		soundManager.stopAll();
		$('.left').removeClass('active');
		$('.right').removeClass('active');
		$('.tracks li').removeClass('playing');
		// Close CD Player
		$('.eqbar').css('height', '34px');
		$('.panel').animate({ left: $('.player').width() / 4 }, { duration: 1000 });
	}

	var startVimeoPlayer = function(){
		// Stop CD player
		//stopCDPlayer(); // won't be needed as media tab is hidden with player open
		// Show Media player
		$('.video-container').addClass('active');
		$('.video-container').animate({ left: -32 }, { duration: 1000 });
		$('.panel').animate({ left: $('.player').width() / 2 }, { duration: 1000 });
	}

	var stopVimeoPlayer = function(){
		// Stop video 
		
		// Hide Media player
		$('.video-container').removeClass('active');
		$('.video-container').animate({ left: 192 }, { duration: 500 });
		$('.panel').animate({ left: $('.player').width() / 4 }, { duration: 500 });
	}
});