
function loadVideo(playerUrl, autoplay) {
  swfobject.embedSWF(
      playerUrl + '&rel=1&border=0&fs=1&autoplay=' + 
      (autoplay?1:0), 'player', '560', '340', '9.0.0', false, 
      false, {allowfullscreen: 'true'});
}
function showMyVideos2(data) {
  var feed = data.feed;
  var entries = feed.entry || [];
  var html = ['<ul class="videos">'];
  for (var i = 0; i < entries.length; i++) {
    var entry = entries[i];
    var title = entry.title.$t;
    var thumbnailUrl = entries[i].media$group.media$thumbnail[0].url;
    var playerUrl = entries[i].media$group.media$content[0].url;
    var vid = (getVideoId(entries[i].link[0].href));
    html.push('<li onclick="loadVideo(\'', playerUrl, '\', true)"><img src="',thumbnailUrl, '" width="120" height="90" onmouseout="mouseOutImage(this)" onmouseover="mousOverImage(this,\'',vid,'\',1)"><br/>', title, '</li>');}
    html.push('</ul><br style="clear: left;"/>');
  document.getElementById('videos2').innerHTML = html.join('');
  if (entries.length > 0) {
    loadVideo(entries[0].media$group.media$content[0].url, false);
  }
}
var imname;
var timer;
 
function mousOverImage(name,id,nr){
	if(name)
		imname = name;
	imname.src = "http://img.youtube.com/vi/"+id+"/"+nr+".jpg";
	imname.style.border = 	'3px solid #4B6AA8';
	nr++;
	if(nr > 3)
		nr = 1;
	timer =  setTimeout("mousOverImage(false,'"+id+"',"+nr+");",1000);
 
}
 
function mouseOutImage(name){
 
	if(name)
		imname = name;
	//make border back to greyish
	imname.style.border = 	'3px solid #fff';
	if(timer)
		clearTimeout(timer);
 
}

 function getVideoId(url)
		{				
				return url.substring(url.indexOf('=')+1,url.lastIndexOf('&'));
		}

