$(document).ready(function(){
	$(".prettyPhoto").prettyPhoto();
	
	$("div.slider span.loop").each(function(){
		$(this).bind('click', function(){
			$("a[rel^='" + $(this).attr("rel") + "[]']:first").click();
		});
	});
	
	$('a.youtube').each(function(){
		$(this)
			.addClass('youtube_movie')
			.html('<span></span><img src="http://img.youtube.com/vi/'+ $(this).attr('href').substr(31) +'/0.jpg" alt="" />');
			
		$(this)
			.removeAttr('target')
			.bind('click', function(){
				if(!$('#youtube').length){
					$('body')
						.append($('<div id="youtube" />')
							.append($('<div id="youtube_player_container" />')
								.append($('<div id="youtube_player_close" />')
									.bind('click', function(){
										$('#youtube_player').youtube('stop', true);
										
										$('#youtube').remove();
									})
								)
								.append($('<div id="youtube_player_restart" />')
									.bind('click', function(){
										$('#youtube_player').youtube('play', true);
									})
									.append($('<div />'))
									.append('Opnieuw afspelen'))
								.append($('<div id="youtube_player_overflow" />')
									.append($('<div id="youtube_player" />')))
								.append($('<div id="youtube_play_pauze" />')
									.bind('click', function(){
										$('#youtube_player').youtube('playpause', 'toggle');
									}))
								.append($('<div id="youtube_stop" />')
									.bind('click', function(){
										$('#youtube_player').youtube('stop', true);
									}))
								.append($('<div id="youtube_volume_button" />')
									.bind('click', function(){
										$('#youtube_player').youtube('mute', 'toggle');
									}))
								.append($('<div id="youtube_volume" />')
									.bind('click', function(e){
										var volume = 100 - (e.pageY - $(this).offset().top);
										
										$('#youtube_player').youtube('volume', volume);
									})
									.append($('<div id="youtube_volume_bar" />')))
								.append($('<div id="youtube_time" />')
									.hover(function(){
										$('#youtube_time').animate({'height':10});
									}, function(){
										$('#youtube_time').animate({'height':4});
									})
									.bind('click', function(e){
										var seek = 100 / 644 * (e.pageX - $(this).offset().left);
										
										$('#youtube_player').youtube('seek', seek +'%');
									})
									.append($('<div id="youtube_time_bar" />'))
									.append($('<div id="youtube_buffer_bar" />')))));
				}
				$('#youtube_player_restart').hide();
				
				var $this = $(this);
				
				$('#youtube_player').youtube({
					'event':{
						'create':function(){
							$('#youtube_player')
								.youtube('video', $this.attr('href'));
						},
						'play':function(){
							$('#youtube_player_restart').fadeOut();
						},
						'playpause':function(obj, play){
							$('#youtube_play_pauze').css('backgroundPosition', 'left '+ (play?'bottom':'top'));
						},
						'buffer':function(start, loaded, total){
							var left = (100 / total * start);
							var width = (100 / total * loaded) - start;
							
							$('#youtube_buffer_bar').css({
								'left':left +'%',
								'width':width +'%'
							});
						},
						'time':function(start, current, total){
							var left = (100 / total * start);
							var width = (100 / total * current) - left;
							
							$('#youtube_time_bar').css({
								'left':left +'%',
								'width':width +'%'
							});
						},
						'volume':function(obj, volume){
							$('#youtube_volume_bar').animate({'height':volume +'%'});
						},
						'mute':function(obj, mute){
							$('#youtube_volume_button').css('width', (mute?8:16));
						},
						'ended':function(){
							$('#youtube_player_restart').fadeIn();
						}
					}
				});
				
				return false;
			});
	});
	
	$('#slider')
		.append($('<a id="slider_prev" href="#" />'))
		.append($('<a id="slider_next" href="#" />'))
		.contentSlider({
			continues: true,
			prevButton:$('#slider_prev'),
			nextButton:$('#slider_next')
		});
});