$(document).ready(function(){

	// Local copy of jQuery selectors, for performance.
	var jpPlayInfo = $("#play-info");
	var jpStatus = $("#demo_status"); // For displaying information about jPlayer's status in the demo page

	$("#jquery_jplayer").jPlayer({
		ready: function () {

		},
		customCssIds: true
	})
	.jPlayer("cssId", "play", "play")
	.jPlayer("cssId", "pause", "pause")
	.jPlayer("cssId", "stop", "stop")
	.jPlayer("cssId", "volumeMin", "vmin")
	.jPlayer("cssId", "volumeMax", "vmax")
	.jPlayer("cssId", "volumeBar", "vbar")


	$(".cd1_1").click( changeTrack );
	$(".cd1_2").click( changeTrack );
	$(".cd1_3").click( changeTrack );
	$(".cd1_4").click( changeTrack );
	$(".cd1_5").click( changeTrack );
	$(".cd1_6").click( changeTrack );
	$(".cd1_7").click( changeTrack );
	$(".cd1_8").click( changeTrack );
	$(".cd1_9").click( changeTrack );
	$(".cd1_10").click( changeTrack );
	$(".cd1_11").click( changeTrack );
	$(".cd1_12").click( changeTrack );
	$(".cd1_13").click( changeTrack );
	$(".cd1_14").click( changeTrack );
	
	$(".cd2_1").click( changeTrack );
	$(".cd2_2").click( changeTrack );
	$(".cd2_3").click( changeTrack );
	$(".cd2_4").click( changeTrack );
	$(".cd2_5").click( changeTrack );
	$(".cd2_6").click( changeTrack );
	$(".cd2_7").click( changeTrack );
	$(".cd2_8").click( changeTrack );
	$(".cd2_9").click( changeTrack );
	$(".cd2_10").click( changeTrack );
	


	function changeTrack(e) {
		$("#trackname").text($(this).text());
		$("#jquery_jplayer").jPlayer("setFile", "previews/"+$(this).attr("rel")+".mp3").jPlayer("play").jPlayer("volume", 15);
		return false;
	}
	

	$.jPlayer.timeFormat.padMin = false;
	$.jPlayer.timeFormat.padSec = false;
	$.jPlayer.timeFormat.sepMin = "min ";
	$.jPlayer.timeFormat.sepSec = "sec";
});