(function($) {
	
	$(function() {
		
		$('.example a').example();
						
	});
	
})(jQuery);



(function($) {

	$.fn.example = function() {
				
		var $current 	= null;
		var $intro 		= $('#content .intro');
		var $container	= $('#content .examples');
		var $social     = $('#social');
		
		
		return this.each(function() {
			
			var $a = $(this);
						
			$a.click(function() {
				
				$a.blur();
							
				if (!$current) {
					
					$('#example-page .player').remove();
					
					// Width of the examples container
					var w = $container.width();
										
					//var top 	= 0 - $intro.outerHeight() - $('#navigation').outerHeight() ;
                    // alert(top);
                    var top = $a.offset().top - $('#banner h1').offset().top - 1; //20;
                    top *= -1;
					var left	= $('#wrapper').width() - w;
					
					$intro.fadeTo(250,0);
					$social.fadeOut(250);
				    
				    
					$container
						.animate(
							{
								top: top+'px',
								left: left+'px'
							},
							{
								easing: 'easeInOutCubic',
								duration: 500
							}
						)
						.find('h3, .list')
						.fadeTo(200,0);
						
					$('#navigation').fadeTo(200,0);
					
                    // setTimeout(function() {
                    //  $back.fadeIn();
                    // },500);
					
				}
			
				$current = $a;
								
				$.get($a.attr('href'), function(html) {
					
					var $html = $(html);
					$('#example-page').html($html.find('#example-page').html());


					
					var $back = $("<a/>").attr('href','/').addClass('page-nav').html('Zur&uuml;ck').click(function() {

            			$back.blur();

            			$('#example-page .player').remove();

            			$current = null;

            			$container
            				.animate(
            					{
            						top: 0,
            						left: 0
            					},
            					{
            						easing: 'easeInOutCubic',
            						duration: 500
            					}
            				);


            			$('#example-page, #example-page-info').fadeOut(250, function() {
            				$(this).html('');
            			})

            			setTimeout(function() {
            				$container.find('h3, .list').fadeTo(300,1);
            				$('#navigation').fadeTo(300,1);
            				$intro.fadeTo(300,1);
            				$social.fadeIn(300);
            			}, 500)
            			$back.fadeOut();

            			return false;
            		});
            		
            		
                    $('#example-page>div').append($back);
					
					//$('#example-page-info').html($html.find('#example-page-info').html());
					setTimeout(function() {
						//$('#example-page-info').fadeIn();
						$('#example-page').fadeIn().player();
					},500)
				});
				
				return false;
			});
			
			
		});
		
	}
	
})(jQuery);


(function($) {
	
	$.fn.player = function() {
		return this.each(function() {
			
			var img = $(this).find('.player').attr('href').replace('mov.flv','player.jpg');
			
			$(this)
				.find('.player')
				.each(function() {
					//$(this).css('background-image','url('+$(this).find('img').get(0).src+')')
				})
				.flowplayer("/js/flowplayer/flowplayer-3.1.3.swf",{
					play: {
						replayLabel: null
					},
					clip: {
						autoPlay: false,
						scaling: 'orig'
					},
					canvas: {
						//background: '#000000',
						backgroundGradient: 'none',
						background: '#000000 url('+img+') no-repeat center center'
					}
				});
		});
	}
	
})(jQuery);