var currentState = "NONE";
var previousState = "NONE";
var currentPosition = 0;
var currentMute = false;

var player = null;

function playerReady(thePlayer) {
	player = document.getElementById(thePlayer.id);
	addListeners();
}

function addListeners() {
	if (player) {
		player.addModelListener("STATE", "stateListener");
		player.addControllerListener("MUTE", "muteListener");
		player.addModelListener("TIME", "positionListener");
		player.addModelListener("TIME", "durationListener");
	} else {
		setTimeout("addListeners()", 100);
	}
}


function positionListener(obj) {
	currentPosition = obj.position;

}

function durationListener(obj) {
	currentDuration = obj.duration;
}





function muteListener(obj) {
	currentMute = obj.state;
/*
	var tmp = document.getElementById("mut");
	if (tmp) {
		tmp.innerHTML = "mute: " + currentMute;
	}
*/




	var Vmu = document.getElementById("Vmute");
	var Vum = document.getElementById("Vunmute");

	if (currentMute == true) {
		Vmu.style.display = 'inline';
		Vum.style.display = 'none';
	}


	if (currentMute == false) {
		Vmu.style.display = 'none';
		Vum.style.display = 'inline';
	}


}


function durationListener(obj) {
	currentDuration = obj.duration;
	var tmp = document.getElementById("dur");
	if (tmp) {
/* 		tmp.innerHTML = " duur: " + currentDuration + " positie: " + currentPosition + " pct: " + (currentPosition / currentDuration) * 100; */
		document.getElementById('progressimg').style.width = (currentPosition / currentDuration) * 100 + '%';
	}
}


function stateListener(obj) { //IDLE, BUFFERING, PLAYING, PAUSED, COMPLETED
	currentState = obj.newstate;
	previousState = obj.oldstate;

/*
var tmp = document.getElementById("stat");
	if (tmp) {
		tmp.innerHTML = "huidige status: " + currentState + " vorige status: " + previousState;
	}
*/


	var Vpl = document.getElementById("Vplay");
	var Vst = document.getElementById("Vstop");
	var Vpa = document.getElementById("Vpause");


	if (currentState == 'PAUSED') {
		Vpa.style.display = 'none';
		Vpl.style.display = 'inline';
	}


	if (currentState == 'PLAYING') {


		Vpa.style.display = 'inline';
		Vpl.style.display = 'none';
		
		
		
	}

}