var videoArr=new Array();
var videoPop=new Array();
function showVideo(videoNo) {
  stopAll();
  hideVideo();
  document.getElementById('video' + videoNo).innerHTML=videoArr[videoNo];
  document.getElementById('image' + videoNo).style.display="none";
  document.getElementById('video' + videoNo).style.display="block";
}
function showPop(videoNo) {
  if(document.getElementById('hdrImg')) {
    if(document.getElementById('hdrImg').style.display=='none') {
      document.getElementById('hdrImg').style.display='';
      document.getElementById('hdrVid').style.display='none';
    }
  }
  if(typeof stopExcept == 'function') {
    stopExcept(0);
  }
  stopAll();
  document.getElementById('player').innerHTML=videoPop[videoNo];
  document.getElementById('videoBg').style.display="block";
  document.getElementById('video').style.display="block";
}
function stopAll() {
  for(i=0; i<=(videoArr.length-1); i=i+1) {
    document.getElementById('image' + i).style.display="block";
    document.getElementById('video' + i).style.display="none";
    document.getElementById('video' + i).innerHTML='';
  }
}
function hideVideo() {
  document.getElementById('video').style.display="none";
  document.getElementById('player').innerHTML='';
  document.getElementById('videoBg').style.display="none";
}

// javascript for the new videos using Brightcove

  var player; //a reference to the experience module
  var videoPlayer; //a reference to the videoPlayer module
  var playingFirst=false;
  var playing;
  x=0;
  // called when template loads, we use this to store a reference to the player and modules
  // and add event listeners for the video load (when the user clicks on a video)
  function onTemplateLoaded(experienceId) {
    document.getElementById(experienceId).title=experienceId;
    //t=setTimeout("document.getElementById('" + experienceId + "').title='" + experienceId + "';",2000);
    if(experienceId=="" || experienceId=="000000000000") return;
    //if(!playingFirst) playFirstVideo(experienceId);
    if(!playingFirst) t=setTimeout("playFirstVideo('" + experienceId + "')",3000);
  }
  function playFirstVideo(experienceId){
    //playingFirst=true;
    if(playingFirst) return;
    x=document.getElementsByTagName('object');
    for(i=0; i<x.length; i=i+1){
      if(x[i].id.indexOf('myExperience')==0){
        //document.getElementById('x').innerHTML=document.getElementById('x').innerHTML + "x[" + i + "].id:" + x[i].id + " experienceId:" + experienceId + "<br>";
        if(x[i].id != experienceId ) break;
        if(document.getElementById(x[i].id).title!="" && document.getElementById(x[i].id).title>"myExperience000000000099") {
          //document.getElementById('x').innerHTML=document.getElementById('x').innerHTML + "experienceId:" + experienceId + "<br>";
          player = brightcove.getExperience(experienceId);
          //player = brightcove.getExperience(x[i].id);
          videoPlayer = player.getModule(APIModules.VIDEO_PLAYER);
          videoPlayer.pause(false);
          playing=x[i].id;
          pauseState = false;
          playingFirst=true;
        }
        break;
      }
    }    
  }
  function playVideo(experienceId){
    player = brightcove.getExperience(experienceId);
    videoPlayer = player.getModule(APIModules.VIDEO_PLAYER);
    videoPlayer.pause(false);
    //playing=experienceId;
  }
  function pauseVideo(experienceId){
    player = brightcove.getExperience(experienceId);
    videoPlayer = player.getModule(APIModules.VIDEO_PLAYER);
    videoPlayer.pause(true);
    playing=experienceId;
  }
  function checkPlaying(){
    var newPlaying="";
    x=document.getElementsByTagName('object');
    for(i=1; i<x.length; i=i+1){
      if(x[i].id.indexOf('myExperience')==0){
        if(document.getElementById(x[i].id).title!="" && document.getElementById(x[i].id).title>"myExperience000000000099") {
          player = brightcove.getExperience(x[i].id);
          //document.getElementById('x').innerHTML= document.getElementById('x').innerHTML + '<br>' + x[i].id;
          videoPlayer = player.getModule(APIModules.VIDEO_PLAYER);
          if(videoPlayer.isPlaying() && x[i].id!=playing) {
            newPlaying=x[i].id;
            break;
          }
        }
      }
    }    
    if(newPlaying!="") {
      for(i=0; i<x.length; i=i+1){
        if(x[i].id.indexOf('myExperience')==0){
          if(document.getElementById(x[i].id).title!="" && document.getElementById(x[i].id).title>"myExperience000000000099") {
            player = brightcove.getExperience(x[i].id);
            videoPlayer = player.getModule(APIModules.VIDEO_PLAYER);
            if(videoPlayer.isPlaying() && x[i].id==playing) {
              videoPlayer.pause(true);
              break;
            }
          }
        }
      }
      playing=newPlaying;
    }
    t=setTimeout("checkPlaying()",1000);    
  }
  t=setTimeout("checkPlaying()",6000);    

  experienceIdTmp="";
  function leightBox(box, experienceId) {
    document.getElementById('videoBg').style.display="block";
    document.getElementById(box).style.display="block";
    experienceIdTmp=experienceId;
    leightBoxReady(experienceId);
  }
  function leightBoxReady(experienceId) {
    if(document.getElementById(experienceId).title!="" && document.getElementById(experienceIdTmp).title>"myExperience000000000099") {
      t=setTimeout("playVideo('" + experienceId + "')",1000);
    } else {
      t=setTimeout("leightBoxReady('" + experienceId + "')",1000);
    }
  }
  
  function hideLeightBox(box, experienceId) {
    document.getElementById(box).style.display="none";
    document.getElementById('videoBg').style.display="none";
    pauseVideo(experienceId);
  }