// JavaScript Document



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

function setytplayerState(newState) {
	updateHTML("playerstate", newState);
}

function onYouTubePlayerReady(playerId) {
	ytplayer = document.getElementById("myytplayer");
	setInterval(updateytplayerInfo, 250);
	updateytplayerInfo();
	ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
}

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

      function updateytplayerInfo() {
        updateHTML("bytesloaded", getBytesLoaded());
        updateHTML("bytestotal", getBytesTotal());
        updateHTML("videoduration", getDuration());
        updateHTML("videotime", getCurrentTime());
        updateHTML("startbytes", getStartBytes());
        updateHTML("volume", getVolume());
      }

// functions for the api calls
function loadNewVideo(id, startSeconds) {
	if (ytplayer) {
    	ytplayer.loadVideoById(id, startSeconds);
    }
}

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

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

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

      function stop() {
        if (ytplayer) {
          ytplayer.stopVideo();
        }
      }

      function getPlayerState() {
        if (ytplayer) {
          return ytplayer.getState();
        }
      }

      function seekTo(seconds) {
        if (ytplayer) {
          ytplayer.seekTo(seconds, true);
        }
      }

      function getBytesLoaded() {
        if (ytplayer) {
          return ytplayer.getVideoBytesLoaded();
        }
      }

      function getBytesTotal() {
        if (ytplayer) {
          return ytplayer.getVideoBytesTotal();
        }
      }

      function getCurrentTime() {
        if (ytplayer) {
          return ytplayer.getCurrentTime();
        }
      }

      function getDuration() {
        if (ytplayer) {
          return ytplayer.getDuration();
        }
      }

      function getStartBytes() {
        if (ytplayer) {
          return ytplayer.getVideoStartBytes();
        }
      }

      function mute() {
        if (ytplayer) {
          ytplayer.mute();
        }
      }

      function unMute() {
        if (ytplayer) {
          ytplayer.unMute();
        }
      }
      
      function getEmbedCode() {
        alert(ytplayer.getVideoEmbedCode());
      }

      function getVideoUrl() {
        alert(ytplayer.getVideoUrl());
      }
      
      function setVolume(newVolume) {
        if (ytplayer) {
          ytplayer.setVolume(newVolume);
        }
      }

      function getVolume() {
        if (ytplayer) {
          return ytplayer.getVolume();
        }
      }

      function clearVideo() {
        if (ytplayer) {
          ytplayer.clearVideo();
        }
      }
      
function botonVideo(id, startSeconds) {
	if (estado == SIN_VIDEO){
   		loadNewVideo(id, startSeconds);
   		estado = REPRODUCIENDO;
   		document.getElementById("Reproductor").value = "Pausa";
   	}else if (estado == REPRODUCIENDO){
    	pause();
    	estado = PAUSA;
    	document.getElementById("Reproductor").value = "Reproduce";
    }else if (estado == PAUSA){
    	play();
    	estado = REPRODUCIENDO;
    	document.getElementById("Reproductor").value = "Pausa";
    }
}
        
        
// Propiedades de los videos mostrados

// Estados del reproductor
var SIN_VIDEO = 0
var REPRODUCIENDO = 1
var PAUSA = 2
var estado = SIN_VIDEO

// retardo de arranque de los videos
var retardo = '0';
			  
var ancho_video = '200';
var alto_video = '150';
			  
// propiedad necesaria para que se ejecute el codigo
var params = { allowScriptAccess: "always", bgcolor: "#cccccc" };
// el id del player es 'myytplayer'.
// Se usara ese identificador para acceder a las properties del player
var atts = { id: "myytplayer" };

//OJO: Hay que poner aqui la dev code que obtengamos de google
//http://code.google.com/apis/youtube/dashboard/
var yourDevKey = 'AI39si43UAA1R1c3Xzks-3AoAemnxYT8COwYnm7Pwx4WeHegOQ97k7ku_acanGyLCWuzAOe_NMXxKNtAxlZYDh6qBG7CMTvd0w';