var player;
var item = 0;

function printDuration(seconds) {
    var hours = parseInt(seconds / 3600);
    var minutes = parseInt((seconds % 3600) / 60);
    seconds = parseInt(seconds % 60);
    var res = "";
	if (hours != 0) {
		res += hours + ":";
	}
	if (minutes < 10) {
		res += "0";
	}
	res += minutes + ":";
	if (seconds < 10) {
		res += "0";
	}
	res += seconds;
	return res;
}

function hModelTrack(obj) {
	var track = "tr" + item;
	trackbar.getObject(track).updateLeftValue(obj.position);
	var t = document.getElementById(track + "_time");
	if (t) {
		res = printDuration(parseInt(obj.position));
		t.innerHTML = res;
	}
}

function hModelState(obj) {
	if (obj.newstate == "COMPLETED") {
		clickPlayImg(item);
		item += 1;
		if (item == nItems && $('#next').length>0) {
			document.location.assign($('#next').attr('href') + "&autorun=true");
		} else if (item == nItems){
			item = 0;
		}
		player.sendEvent("ITEM", item);
		clickPlayImg(item);
	}
}

function playerReady(obj) {
	player = document.getElementById(obj['id']);
	player.addModelListener("TIME", "hModelTrack");
	player.addModelListener("STATE","hModelState");
	if (getQueryParamValue("autorun") == "true") {
	    clickPlayImg(0);
	}
}

function clickPlayImg(id) {
	var img = document.getElementById("playerImg" + id);
	var str = img.src;
	var i = str.lastIndexOf('/');
	str = str.substring(str.lastIndexOf('/') + 1, str.length);
	if (str == "pause.gif") {
		img.src = "/images/play.gif";
	} else {
		img.src = "/images/pause.gif";
	}
}

function play(id) {
    if (!player) {
        return;
    }
    if (item != id) {
        document.getElementById("playerImg" + item).src = "/images/play.gif";		
        player.sendEvent("ITEM", id);
        item = id;
    } else {
        player.sendEvent("PLAY");
    }
    clickPlayImg(id);
}