/**		KONFIGURATION	**/
var myParams = {
	autoStart:		"true",		// "true" -> startet von selbst | "false" - startet erst durch klick auf play-button
	frontColor:		"770000",	// Vordergrund-Farbe
	backColor:		"ffffff",	// Hintergrund-Farbe
	repeatPlay:		"false",	// "true" - splielt in Endlosschleife | "false" - spielt nur einmal ab, dann stop
	showDownload:	"false",	// "true" -> zeigt rechts einen Download-Button an | "false" - tut dies nicht
	songVolume:		100,		// Lautstrke-Volumen [zwischen 0 und 100]
	preloadPercent: 0,			// Prozentsatzt an Bytes, die vorgeladen werden m ssen, bevor song startet [0 - kein preload]
	file:			""			// nicht ändern, wird vom player automatisch gesetzt durch klick auf song link
}

var myOptions = {
	width:			100,		// Breite des Players in Pixel
	height:			25,			// H he des Player in Pixel
	movie:			"flashplayer/player.swf",	// realativer Pfad zur SWF-Datei
	path:			""		// relativer Pfad zur MP3, falls Pfad nicht schon im "name-attribute" des SPAN-tags gesetzt wurde.
}
var linkOptions = {
	text:			"",			// Text des Links zum Song. Wenn Leer, dann wird Song-name verwendet
	image:			"pics/misc/sound.gif", // Grafik als Link zum Song, wenn gesetzt, dann berschreibt dies den Textlink
	textColor:		"900",		// Text-Farbe des Link 
	hoverColor:		"f00"		// Text-Farbe des Link by MouseOver
}

var sClass		= "musi";		// Klassen-name des Song-SPAN-Tags
var spansCSS	= "span."+sClass;

var spans = $$(spansCSS);
var songs = [];

String.prototype.repeat = function(n) {
	var i,t="";
	for(i=0;i<n;i++) {t+=this;}
	return t;
}

function init() {
	var song;
	var strEmpty = "&nbsp;".repeat(5);
	if(linkOptions.image!=="") {
		var img = new Image();
		img.src = linkOptions.image;
		linkOptions.imgParam = {
			backgroundImage:"url("+linkOptions.image+")",
			backgroundRepeat:"no-repeat",
			backgroundPosition:"center",
			width:myOptions.height,
			height:myOptions.height
		};
		spans.each(function(s){
			s.update(strEmpty);
			Element.setStyle(s,linkOptions.imgParam);
			songs[s.id] = 0;
		});
	}
	else {
		var text;
		spans.each(function(s){
			text = (linkOptions.text!=="") ? linkOptions.text : text = s.id;
			s.update(text);
			s.style.color = "#"+linkOptions.textColor;
			s.onmouseover = function() {
				s.style.color="#"+linkOptions.hoverColor;
			};
			s.onmouseout = function() {
				s.style.color="#"+linkOptions.textColor;
			};
		});
	}
}

function togglePlayer(e) {
	var v,id,r;
	var el = Event.element(e);
	if(el.nodeName!='SPAN') return;
	var strEmpty = "&nbsp;".repeat(5);
	if(el.nodeName==="SPAN" && (Element.hasClassName(el,sClass) || el.id==="plCloser")) {
		myParams.file = myOptions.path + el.id;
		
		$H(songs).each(function(i){
			songs[i.key] = (el.id==i.key)?1:0;
		});
		
		var upOn	= htmlPlayer();
		var upOff	= (linkOptions.image!=="") ? strEmpty : linkOptions.text;
		var stOn	= (linkOptions.image!=="") ? {backgroundImage:"none"} : linkOptions;
		var stOff	= (linkOptions.image!=="") ? linkOptions.imgParam : linkOptions;
		
		spans.each(function(v){
			id = v.id;
			$id = $(id);
			if(id==el.id) {
				Element.update($id,upOn);
				Element.setStyle($id,stOn);
				r = counter(myParams.file,"stat_sound");
			}
			else {
				if(linkOptions.text==="" && linkOptions.image==="") upOff = id;
				Element.update($id,upOff);
				Element.setStyle($id,stOff);
			}
		});
	}
	Event.stop(e);
}

function htmlPlayer() {
	var p = $H(myParams).toQueryString(false);
	var o='';
	o+='<nobr><object class="player" hspace=0 vspace=0 width='+myOptions.width+' height='+myOptions.height+' classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
	o+='<param name="movie" value="'+myOptions.movie+'?'+p+'" />';
	o+='<param name="wmode" value="transparent" />';
	o+='<embed class="player" src="'+myOptions.movie+'?'+p+'" width='+myOptions.width+' height='+myOptions.height+' wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" hspace=0 vspace=0></embed>';
	o+='</object><span id="plCloser" class="plCloser">X</span></nobr>';
	return o;
}

init();
Event.observe(document.getElementsByTagName("body")[0],"mousedown",function(e){togglePlayer(e)});