function onYouTubePlayerReady(playerId) {
    ytplayer = document.getElementById('myytplayer');
    setInterval(updateytplayerInfo, 250);
    updateytplayerInfo();
    ytplayer.addEventListener('onStateChange', 'onytplayerStateChange');
    document.getElementById('controls').style.display = 'block';
}

function onytplayerStateChange(newState) {
     setytplayerState(newState);
}

function showVolume() {
    alert( ytplayer.getVolume() );
}

//function updateytplayerInfo() {
//    if (ytplayer) {
//        updateTimebar();
//    }
//}

//function updateTimebar() {
//    var all = ytplayer.getDuration();
//    var part = ytplayer.getCurrentTime();
//    var percent = getPercent(all, part);
//    var timebarWidth = 450;
//    document.getElementById('timebarIndicator').style.left = percent * (timebarWidth / 100) + "px";
//}

function getPercent(all, part) {
   return (all > 0) ? (100 / all) * part : 0;
}

//intro
function showintrovideo() {
	document.getElementById('introvideo').style.visibility = 'visible';
	document.getElementById('introtab').style.visibility = 'hidden';
	document.getElementById('lineartab').style.visibility = 'hidden';
	document.getElementById('wetroomtab').style.visibility = 'hidden';
	document.getElementById('leveltab').style.visibility = 'hidden';
}
function hideintrovideo() {
	document.getElementById('introtab').style.visibility = 'visible';
	document.getElementById('introvideo').style.visibility = 'hidden';
	document.getElementById('wetroomvideo').style.visibility = 'hidden';
	document.getElementById('linearvideo').style.visibility = 'hidden';
	document.getElementById('levelvideo').style.visibility = 'hidden';
}

//wetroom
function showwetroomvideo() {
	document.getElementById('wetroomvideo').style.visibility = 'visible';
	document.getElementById('wetroomtab').style.visibility = 'hidden';
	document.getElementById('lineartab').style.visibility = 'hidden';
	document.getElementById('introtab').style.visibility = 'hidden';
	document.getElementById('leveltab').style.visibility = 'hidden';
}
function hidewetroomvideo() {
	document.getElementById('wetroomtab').style.visibility = 'visible';
	document.getElementById('introvideo').style.visibility = 'hidden';
	document.getElementById('wetroomvideo').style.visibility = 'hidden';
	document.getElementById('linearvideo').style.visibility = 'hidden';
	document.getElementById('levelvideo').style.visibility = 'hidden';
}

//linear
function showlinearvideo() {
	document.getElementById('linearvideo').style.visibility = 'visible';
	document.getElementById('lineartab').style.visibility = 'hidden';
	document.getElementById('introtab').style.visibility = 'hidden';
	document.getElementById('wetroomtab').style.visibility = 'hidden';
	document.getElementById('leveltab').style.visibility = 'hidden';
}
function hidelinearvideo() {
	document.getElementById('lineartab').style.visibility = 'visible';
	document.getElementById('introvideo').style.visibility = 'hidden';
	document.getElementById('wetroomvideo').style.visibility = 'hidden';
	document.getElementById('linearvideo').style.visibility = 'hidden';
	document.getElementById('levelvideo').style.visibility = 'hidden';
}

//level
function showlevelvideo() {
	document.getElementById('levelvideo').style.visibility = 'visible';
	document.getElementById('leveltab').style.visibility = 'hidden';
	document.getElementById('lineartab').style.visibility = 'hidden';
	document.getElementById('introtab').style.visibility = 'hidden';
	document.getElementById('wetroomtab').style.visibility = 'hidden';
}
function hidelevelvideo() {
	document.getElementById('leveltab').style.visibility = 'visible';
	document.getElementById('introvideo').style.visibility = 'hidden';
	document.getElementById('wetroomvideo').style.visibility = 'hidden';
	document.getElementById('linearvideo').style.visibility = 'hidden';
	document.getElementById('levelvideo').style.visibility = 'hidden';
}