$(function () {

	$('.scroll-pane').jScrollPane({scrollbarWidth: 5});

	$(".about").each(function () {
		$(this).css("display", "none");
	});

	$("#player ul li a").each(function() {

		$(this).click(function () {

			$("#player ul li a").removeClass("clip");
			$("#player ul li a").removeClass("trailer");

			$(".pl").each(function () {
			
				$(this).css("display", "none");
			});

			var id = $(this).attr("rel");
			$("#"+id).css("display", "block");
			$(this).addClass(id);
		});
	});
	
	$("#more").click(function () {
		$("#start").css("display", "none");
		$("#description").css("display", "block");
	});

	$("#back").click(function () {
		$("#start").css("display", "block");
		$("#description").css("display", "none");
	});	
	
	$(".names").each(function () {
	
		$(this).click(function () {

			$("#player").css("display","none");
			
			$(".about").each(function () {

				$(this).css("display", "none");
			});

			var id = $(this).attr("rel");
			
			$("#"+id).css("display", "block");
		})
	});
	
	$(".close").each(function () {
		$(this).click(function () {
			$("#player").css("display","block");
		
			$(".about").each(function () {
				$(this).css("display", "none");
			});		
		});
	});
	
	
});