function number_format(numstr) {
  var numstr = String(numstr);
  var re0 = /(\d+)(\d{3})($|\..*)/;
  if (re0.test(numstr))
    return numstr.replace(
      re0,
      function(str,p1,p2,p3) { return number_format(p1) + "," + p2 + p3; }
    );
  else
    return numstr;
}

function onPlayerError(errorCode) {
        alert("An error occured of type:" + errorCode);
      }
 
      function onYouTubePlayerReady(playerId) {
        ytplayer = document.getElementById("player");
        ytplayer.addEventListener("onError", "onPlayerError");
      }

function addslashes(str) {
	str=str.replace(/\'/g,'\\\'');
	str=str.replace(/\"/g,'');
	return str;
}
function stripslashes(str) {
	str=str.replace(/\\'/g,'\'');
	return str;
}

var ytvb = {};

ytvb.MAX_RESULTS_LIST = 8;

ytvb.VIDEO_LIST_CSS_CLASS = 'videos2';

ytvb.PREVIOUS_PAGE_BUTTON = 'previousPageButton';
ytvb.PREVIOUS_PAGE_BUTTON2 = 'previousPageButton2';

ytvb.NEXT_PAGE_BUTTON = 'nextPageButton';
ytvb.NEXT_PAGE_BUTTON2 = 'nextPageButton2';

ytvb.CHANNEL_FEED_URL = 
    'http://gdata.youtube.com/feeds';

ytvb.VIDEO_FEED_URL = 
    'http://gdata.youtube.com/feeds/videos?';

ytvb.QUERY_URL_MAP = {
  'channel' : ytvb.CHANNEL_FEED_URL,
  'search' : ytvb.VIDEO_FEED_URL
};

ytvb.nextPage = 2;
ytvb.nextPage2 = 2;

ytvb.previousPage = 0;
ytvb.previousPage2 = 0;

ytvb.previousSearchTerm = '';

ytvb.previousQueryType = 'search';
ytvb.previousQueryType2 = 'channel';

ytvb.jsonFeed_ = null;

ytvb.appendScriptTag = function(scriptSrc, scriptId, scriptCallback) {
 
  var oldScriptTag = document.getElementById(scriptId);
  if (oldScriptTag) {
    oldScriptTag.parentNode.removeChild(oldScriptTag);
  }
  
  var script = document.createElement('script');
  script.setAttribute('src', 
      scriptSrc + '&alt=json-in-script&callback=' + scriptCallback);
  script.setAttribute('id', scriptId);
  script.setAttribute('type', 'text/javascript');
  
  document.getElementsByTagName('head')[0].appendChild(script);
};

ytvb.listVideos = function(queryType, searchTerm, page) {
  ytvb.previousSearchTerm = searchTerm; 
  ytvb.previousQueryType = queryType; 
  var queryUrl = ytvb.QUERY_URL_MAP[queryType];
  if (queryUrl) {
    queryUrl += 'max-results=' + ytvb.MAX_RESULTS_LIST +
        '&format=5&start-index=' + (((page - 1) * ytvb.MAX_RESULTS_LIST) + 1);
    if (searchTerm != '') {
      queryUrl += '&vq=' + encodeURI(searchTerm);
    }
    ytvb.appendScriptTag(queryUrl, 
                         'searchResultsVideoListScript', 
                         'ytvb.listVideosCallback');
    ytvb.updateNavigation(page);
	
  } else {
    alert('Unknown feed type specified');
  }
};

ytvb.userVideos = function(queryType, searchTerm, page) {
  ytvb.previousSearchTerm = searchTerm; 
  ytvb.previousQueryType2 = queryType; 
  var queryUrl = ytvb.QUERY_URL_MAP[queryType];
  if (queryUrl) {
    queryUrl += '/users/';
    if (searchTerm != '') {
      queryUrl += encodeURI(searchTerm) + '/uploads?orderby=updated&max-results=' + ytvb.MAX_RESULTS_LIST +
        '&format=5&start-index=' + (((page - 1) * ytvb.MAX_RESULTS_LIST) + 1);
    }
     ytvb.appendScriptTag(queryUrl, 
                         'searchResultsVideoListScript', 
                         'ytvb.listVideosCallback');
    ytvb.updateNavigation2(page);
   

  } else {
    alert('Unknown feed type specified');
  }
};

ytvb.PresentVideos = function(queryType, searchTerm, page) {
  ytvb.previousSearchTerm = searchTerm; 
  ytvb.previousQueryType = queryType; 
  var queryUrl = ytvb.QUERY_URL_MAP[queryType];
  if (queryUrl) {
    queryUrl += 'max-results=' + ytvb.MAX_RESULTS_LIST +
        '&format=5&start-index=' + (((page - 1) * ytvb.MAX_RESULTS_LIST) + 1);
    if (searchTerm != '') {
      queryUrl += '&vq=' + encodeURI(searchTerm);
    }
    ytvb.appendScriptTag(queryUrl, 
                         'searchResultsVideoListScript', 
                         'ytvb.listVideosCall');
    ytvb.updateNavigation(page);
	
  } 
};

ytvb.listVideosCall = function(data) {
 
  ytvb.jsonFeed_ = data.feed;
  var div = document.getElementById(ytvb.VIDEO_LIST_CSS_CLASS);
  var targetContainerId = 'toeicblog';
  var html = ['<div>'];
  var tit = data.feed.title.$t;
  var total = number_format(data.feed.openSearch$totalResults.$t);
  var items = eval(data.feed.openSearch$itemsPerPage.$t);
  var start =  eval(data.feed.openSearch$startIndex.$t);
  var end = eval( start + items - 1);
  html.push(''+tit+'<br>');
  html.push('Results '+start+' - '+end+' of '+total+'');
  html.push('</div>');
  document.getElementById('videosinfo').innerHTML = html.join('');
  
  var entries = data.feed.entry || [];
  var html = ['<ul class="videos">'];
  
  for (var i = 0; i < entries.length; i++) {
    var targetContainerId = 'toeicblog';
    var entry = entries[i];
    var title = entries[i].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('<dl><a href="javascript:playVideo(\''+vid+'\',\''+addslashes(title)+'\',\''+targetContainerId+'\',\''+entries[i].author[0].name.$t+'\')">');
	html.push('<img src="',thumbnailUrl,'" width="120" height="90" onmouseout="mouseOutImage(this)" onmouseover="mousOverImage(this,\'',vid,'\',1)"></a>');
	html.push('<br/>', title.substr(0,50), '</dl>');}
    html.push('</ul><br style="clear: left;"/>');
    document.getElementById(ytvb.VIDEO_LIST_CSS_CLASS).innerHTML = html.join('');
  
  if (entries.length > 0) {
    loadVideo((getVideoId(entries[0].link[0].href)),addslashes(entries[0].title.$t),targetContainerId,entries[0].author[0].name.$t);
  }

};

 
function loadVideo(vid,title,containerId,User) {
  swfobject.embedSWF("http://www.youtube.com/v/" + vid + "?version=3&enablejsapi=1&playerapiid=ytplayer&fs=1",
  'player', '592', '364', '9.0.0', false, false, {allowScriptAccess: 'always',allowfullscreen: 'true'});
  document.getElementById(containerId).innerHTML = eval("YoutubePlayer_cf(title,User)");
  }

function playVideo(vid,title,containerId,User){
	if(document.title)
		document.title = title;
	ytplayer.loadVideoById(vid);
	document.getElementById(containerId).innerHTML = eval("YoutubePlayer_cf(title,User)");
}

function YoutubePlayer_cf(title,User) {
	
	var searchtype = 'channel';
	YoutubePlayer_cfStr = '<b>Title</b>:&nbsp;'+ title +'<br>';
    YoutubePlayer_cfStr += '<b>Author</b>:&nbsp;<a href="javascript:ytvb.userVideos(\''+searchtype+'\',\''+ User +'\',1)">'+ User +'</a>';
	return YoutubePlayer_cfStr;
}

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('&'));
		}

ytvb.listVideosCallback = function(data) {
 
  ytvb.jsonFeed_ = data.feed;
  var div = document.getElementById(ytvb.VIDEO_LIST_CSS_CLASS);
  var targetContainerId = 'toeicblog';
  var html = ['<div>'];
  var tit = data.feed.title.$t;
  var total = number_format(data.feed.openSearch$totalResults.$t);
  var items = eval(data.feed.openSearch$itemsPerPage.$t);
  var start =  eval(data.feed.openSearch$startIndex.$t);
  var end = eval( start + items - 1);
  html.push(''+tit+'<br>');
  html.push('Results '+start+' - '+end+' of '+total+'');
  html.push('</div>');
  document.getElementById('videosinfo').innerHTML = html.join('');
  
   while (div.childNodes.length >= 1) {
    div.removeChild(div.firstChild);
  }
  
  var entries =  data.feed.entry || [];
  var html = ['<ul class="videos">'];
  for (var i = 0; i < entries.length; i++) {
    var targetContainerId = 'toeicblog';
    var entry = entries[i];
    var title = entries[i].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('<dl><a href="javascript:playVideo(\''+vid+'\',\''+addslashes(title)+'\',\''+targetContainerId+'\',\''+entries[i].author[0].name.$t+'\')">');
	html.push('<img src="',thumbnailUrl,'" width="120" height="90" onmouseout="mouseOutImage(this)" onmouseover="mousOverImage(this,\'',vid,'\',1)"></a>');
	html.push('<br/>', title.substr(0,50), '</dl>');}
    html.push('</ul><br style="clear: left;"/>');
    
	document.getElementById(ytvb.VIDEO_LIST_CSS_CLASS).innerHTML = html.join('');
  
};

ytvb.updateNavigation = function(page) {
  ytvb.nextPage = page + 1;
  ytvb.previousPage = page - 1;
  document.getElementById(ytvb.NEXT_PAGE_BUTTON).style.display = 'inline';
  document.getElementById(ytvb.PREVIOUS_PAGE_BUTTON).style.display = 'inline';
  document.getElementById(ytvb.PREVIOUS_PAGE_BUTTON2).style.display = 'none';
  document.getElementById(ytvb.NEXT_PAGE_BUTTON2).style.display = 'none';
  if (ytvb.previousPage < 1) {
    document.getElementById(ytvb.PREVIOUS_PAGE_BUTTON).disabled = true;
  } else {
    document.getElementById(ytvb.PREVIOUS_PAGE_BUTTON).disabled = false;
  }
  document.getElementById(ytvb.NEXT_PAGE_BUTTON).disabled = false;
};

ytvb.updateNavigation2 = function(page) {
  ytvb.nextPage2 = page + 1;
  ytvb.previousPage2 = page - 1;
  document.getElementById(ytvb.NEXT_PAGE_BUTTON2).style.display = 'inline';
  document.getElementById(ytvb.PREVIOUS_PAGE_BUTTON2).style.display = 'inline';
  document.getElementById(ytvb.PREVIOUS_PAGE_BUTTON).style.display = 'none';
  document.getElementById(ytvb.NEXT_PAGE_BUTTON).style.display = 'none';
  if (ytvb.previousPage2 < 1) {
    document.getElementById(ytvb.PREVIOUS_PAGE_BUTTON2).disabled = true;
  } else {
    document.getElementById(ytvb.PREVIOUS_PAGE_BUTTON2).disabled = false;
  }
  document.getElementById(ytvb.NEXT_PAGE_BUTTON2).disabled = false;
};