function updateHTML(elmId, value) {
  document.getElementById(elmId).innerHTML = value;
}

function updateytplayerInfo() {
  getTimePercent();
  getBytesPercent();
  updateHTML("controls", getControl()); // update controls
}

function cueNewVideo(id, startSeconds){if(ytplayer){ytplayer.cueVideoById(id, startSeconds);}}

function play(){if(ytplayer){ytplayer.playVideo();}}

function pause(){if (ytplayer){ytplayer.pauseVideo();}}

function getBytesPercent() {
  if(ytplayer) {
	percent = Math.round(ytplayer.getVideoBytesLoaded()/ytplayer.getVideoBytesTotal()*100);
	d = document.getElementById('buffer');
	if (ytplayer.getVideoBytesLoaded() < 0){
	  d.style.width = 0+"%";
	}else{
	  d.style.width = percent+"%";
	}
  }
}

function getTimePercent() {
  if(ytplayer) {            
	percent = Math.round(ytplayer.getCurrentTime()/ytplayer.getDuration()*100);        
	d = document.getElementById('loader');
	if (ytplayer.getCurrentTime() < 0){
	  d.style.width = 0+"%";          
	}else{
	  d.style.width = percent+"%";               
	}
  }
}

function getControl() {
  if(ytplayer) { 
	if(ytplayer.getPlayerState() == 3){
	  return '<img src="/images/loading.gif" border="0" alt="%">';
	}else if(ytplayer.getPlayerState() == 1){
	  return '<a href="javascript:void(0);" onclick="pause();"><img src="/images/pause.gif" border="0" alt="||" /></a>';
	}else{
	  return '<a href="javascript:void(0);" onclick="play();"><img src="/images/play.gif" border="0" alt=">"/></a>';
	}
  }
}