/* jquery script for adding background-image to div with youtube thumbnail */
/* original idea by stephane bergero http://www.punktitude.com */
/* code by Eric Marchetti eric@amisoft.fr */


$(function() {
// get Youtube thumbnail
  $(".post .video").each(function () {
    if ($(this).find("iframe[src^='http://www.youtube.com']").length > 0) {
      // Identify and hide embed(s)
      var parent = $(this).parent();
      parent.css("display","none");
      
      // Identify youtube video ID
      var youtubeIDParam = $(this).find("iframe").attr("src");
      var youtubeIDPattern = /\/embed\/([0-9A-Za-z-_]*)/;
      var youtubeID = youtubeIDParam.match(youtubeIDPattern);
      
      // set css
      parent.css("background", "url('http://img.youtube.com/vi/" + youtubeID[1] + "/0.jpg') repeat-x center center transparent")
      parent.css("display","block");
    }
  });

// get Vimeo thumbnail
  $(".vimeo .video iframe").each(function () {
      var parent = $(this).parent();

      // Identify youtube video ID
      var vimeoIDParam = $(this).attr("src");
      var vimeoIDPattern = /\/video\/([0-9A-Za-z-_]*)/;
      var vimeoVideoID = vimeoIDParam.match(vimeoIDPattern);
//	alert(vimeoVideoID[1])
	  $.getJSON('http://www.vimeo.com/api/v2/video/' + vimeoVideoID[1] + '.json?callback=?', {format: "json"}, function(data) {
	    
		// set css
		parent.css("background", "url('" + data[0].thumbnail_large + "')repeat-x center center transparent")
		parent.css("display","block");
	  });
  });
});