window.addEvent('domready', setupMp3);

var currentMp3;
var currentDiv;

var mp3Listener = new Object();

mp3Listener.onInit = function() {
};

mp3Listener.onUpdate = function() {
    var isPlaying = (this.isPlaying == "true");
	if (!isPlaying) stop();
};

function setupMp3() {
	if (!document.getElementsByTagName) {
		return;
	}
	var btns = document.getElementsByTagName("div");
	for (i = 0; i < btns.length; i++) {
		if (btns[i].className == 'mp3play') {
			btns[i].onclick = play;
		}
	}
	$$('table.mp3 p').each(function(elem) { elem.fade('hide'); })
	$$('table.mp3 h2').each(function(elem) {
		elem.addEvent('mouseover', fadeIn);
		elem.addEvent('mouseout', fadeOut);
	});
}

function fadeIn(e) {
	var elem = e.target.getParent('tr').getElements('p');
	elem[0].fade('in');
}

function fadeOut(e) {
	var elem = e.target.getParent('tr').getElements('p');
	elem[0].fade('out');
}


function play(event) {
	stop();
	var mp3player = $('mp3player');
	currentDiv = event.target;
	//currentDiv.style.backgroundImage = "url('img/btn-stop.png')";
	currentDiv.onclick = stop;
	currentDiv.className = 'mp3stop';
	
	var file = event.target.getAttribute("rel");
	if (currentMp3 != file) {
    	mp3player.SetVariable("method:setUrl", "mp3/" + file + ".mp3");
		currentMp3 = file;
	}
    mp3player.SetVariable("method:play", "");
	mp3player.SetVariable("enabled", "true");
}

function stop() {
    var mp3player = $('mp3player');
	mp3player.SetVariable("method:stop", "");
	mp3player.SetVariable("enabled", "false");
	if (currentDiv != null) {
		currentDiv.onclick = play;
		currentDiv.className = 'mp3play';
	}
}