
function loadVideo(playerUrl, autoplay) {
  swfobject.embedSWF(
      playerUrl + '?border=0&amp;enablejsapi=1&amp;playerapiid=player&amp;autoplay=1', 'player', '290', '250', '9.0.0', true, 
      true, { allowScriptAccess: "always", bgcolor: "#cccccc" });
}

function showMyVideos2(data) {
  var feed = data.feed;
  var entries = feed.entry || [];
  var html = ['<ul class="videos">'];
   var entry = entries[0];
    var title = entry.title.$t.substr(0, 20);
    var thumbnailUrl = entries[0].media$group.media$thumbnail[0].url;
    var playerUrl = entries[0].media$group.media$content[0].url;
    html.push('<li class="selected" onclick=" setSelected(this); loadVideo(\'', playerUrl, '\', true)">',
              '<br /><img src="', 
              thumbnailUrl, '" width="130" height="97"/>', '</span><br><a href="#" class=" titlec">', title, '...</a></li>');
  
  for (var i = 1; i < entries.length; i++) {
    var entry = entries[i];
    var title = entry.title.$t.substr(0, 20);
    var thumbnailUrl = entries[i].media$group.media$thumbnail[0].url;
    var playerUrl = entries[i].media$group.media$content[0].url;
    html.push('<li onclick="setSelected(this); loadVideo(\'', playerUrl, '\', true)">',
              '<br /><img src="', 
              thumbnailUrl, '" width="130" height="97"/>', '</span><br><a href="#" class="titlec">', title, '...</a></li>');
  }
  html.push('</ul><br style="clear: left;"/>');
  document.getElementById('videos2').innerHTML = document.getElementById('videos2').innerHTML + html.join('');
  if (entries.length > 0) {
    loadVideo(entries[0].media$group.media$content[0].url, false);
  }
}


        function getCurrentTime() {
          if (typeof ytplayer.getCurrentTime != "undefined") {
            return ytplayer.getCurrentTime();
          }
        }

        function getDuration() {
          if (typeof ytplayer.getDuration != "undefined") {
            return ytplayer.getDuration();
          }
        }
        function onYouTubePlayerReady(playerId) {
          ytplayer = document.getElementById("player");
          setInterval(updateytplayerInfo, 2000);
          updateytplayerInfo();
          ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
          ytplayer.addEventListener("onError", "onPlayerError");
        }
		
		        function updateytplayerInfo() {

		  if (getDuration()==getCurrentTime()&&getCurrentTime()>0){
		  	setTimeout(function(){
				
				if (getDuration()==getCurrentTime()&&getCurrentTime()>0){selectNext();}
				}, 200);
		  }

        }
		        function updateHTML(elmId, value) {
          document.getElementById(elmId).innerHTML = value;
        }
		
		
		 function setSelected(elm){
		deselect();
		elm.className="selected";
		ScrollToElement(elm)
		}
		
		function selectNext(){
			
			
			var Litems = document.getElementById("videos2").getElementsByTagName("li");
			for (var i = 0; i < Litems.length; i++) {
			if (Litems[i].className == "selected"){

				Litems[i+1].onclick();
				return;
			}
			}
			
			
			
		}
		
		function getSelected(){
			
			var Litems = document.getElementById("videos2").getElementsByTagName("li");
			for (var i = 0; i < Litems.length; i++) {
			if (Litems[i].className == "selected"){
				return Litems[i];
			}
			}
				
		}
		
		 function deselect(){
			getSelected().className="";
		}
		function ScrollToElement(theElement){

  var selectedPosX = 0;
  var selectedPosY = 0;
              
  while(theElement != null){
    selectedPosX += theElement.offsetLeft;
    selectedPosY += theElement.offsetTop;
    theElement = theElement.offsetParent;
  }
                        		      
 document.getElementById("videos2").scrollTop = selectedPosY;

}

		
