// JavaScript Document
function showHidePlayer()
{
	$("#player").toggle();
	$("#teaserInfoListen").toggleClass("openPlayer");
	$("#teaserInfoListen").toggleClass("closePlayer");
}

function initPlayer(){
	
	tracks = new Array(
		  new Array("Intro", "Intro")
		, new Array("Hör mir gut zu", "Hoer_mir_gut_zu")
		, new Array("Fragen","Fragen")
		, new Array("Dein Leben", "Dein_Leben")
		, new Array("Warum ich rap", "Warum_ich_rap")
		, new Array("Intelligenz (Skit)", "Intelligenz")
		, new Array("Meine Philosophie", "Meine_Philosophie")
		, new Array("Hinter den feindlichen Grenzen", "Hinter_den_feindlichen_Grenzen")
		, new Array("Moleski", "Moleski")
		, new Array("Anders", "Anders")
		, new Array("Mimi's Bday", "Mimi_s_Bday")
		, new Array("Keine Entschuldigung", "Keine_Entschuldigung")
		, new Array("Mein Team", "Mein_Team")
		, new Array("Übers Leben", "Uebers_Leben")
		, new Array("Outro", "Outro")
	);
	
	var playerHtml = 
	  '<div id="{id}" class="cp-jplayer"></div>'
	+ '<div class="prototype-wrapper"> <!-- A wrapper to emulate use in a webpage and center align -->'
	+  '<div id="{id}_container" class="cp-container">'
	+  '<div class="cp-buffer-holder"> <!-- .cp-gt50 only needed when buffer is > than 50% -->'
	+  '<div class="cp-buffer-1"></div>'
	+  '<div class="cp-buffer-2"></div>'
	+  '</div>'
	+  '<div class="cp-progress-holder"> <!-- .cp-gt50 only needed when progress is > than 50% -->'
	+  '<div class="cp-progress-1"></div>'
	+  '<div class="cp-progress-2"></div>'
	+  '</div>'
	+  '<div class="cp-circle-control"></div>'
	+  '<ul class="cp-controls">'
	+  '<li><a href="#" class="cp-play" tabindex="1">play</a></li>'
	+  '<li><a href="#" class="cp-pause" style="display:none;" tabindex="1">pause</a></li> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block -->'
	+  '</ul>'
	+  '</div>'
	+  '&nbsp;{title}'
	+  '</div>';
	var completeHtml = '';
	$.each(tracks, function(index, value) {
		completeHtml += playerHtml.replace(/{id}/g,"player"+index).replace(/{title}/g, value[0]);
	});
	$("#playerViewport").append(completeHtml);
	$.each(tracks, function(index, value) {
		var myCirclePlayer = new CirclePlayer("#player"+index,
		{
			m4a: "music/" + value[1] + ".m4a",
			oga: "music/" + value[1] + ".ogg",
			mp3: "music/" + value[1] + ".mp3"
		}, {
			cssSelectorAncestor: "#player"+index+"_container",
			cssSelector: {
				play: ".cp-play",
				pause: ".cp-pause"
				}
		});
	});
}