


var isIE6 = /MSIE ((5\.5)|[6])/.test(navigator.userAgent) && navigator.platform == "Win32";
var isIE = /MSIE \d+/.test(navigator.userAgent) && navigator.platform == "Win32";
var realSrc;
var blankSrc = "http://assetscdn.vodpod.com/images/blank.gif";
if (typeof(vp_videos) == 'undefined')
  var vp_videos = {};
var page3978933979 = 1;
var origOpacity = null;
var hosted_url = null;
var custom_url = 'tv.reelseo.com/video/%id%';


var widget3978933979 = document.getElementById('vodpod_recent_videos_268142');
if (widget3978933979 == null)
{
  widget3978933979 = document.getElementById('vodpod_recent_videos');
}
var vp_widget_id = widget3978933979.id;
var vp_iframe;


widget3978933979.innerHTML = '';
// Hide the widget, until it has been created
widget3978933979.style.display = 'none';
widget3978933979.className = "vodpod_videos_widget";

if (typeof(String.prototype.trim) == 'undefined') {
  String.prototype.trim = function() {
  	return this.replace(/^\s+|\s+$/g,"");
  }
}

// Load style
var cssNode = null;


vp_createWidget3978933979();

function vpAddTracking(pod_id, gv_id) {
  var img = document.createElement('img');
  img.src = 'http://stats.vodpod.com/stats/external_view/' + gv_id + '/' + pod_id + '/' + Math.floor(Math.random() * 10000) + '/pod.gif';
  img.style.position = 'absolute';
  img.style.right = '0';
  img.style.bottom = '0';
  document.body.appendChild(img);
}

var vp_EmbedSwapper = {
  find_top: function(obj) {
  	var curtop = 0;
  	if (obj.offsetParent) {
  	  do {
  			curtop += obj.offsetTop;
  		} while (obj = obj.offsetParent);
		}
		return curtop;
	},
  replace_embed: function(embd) {
    var rplc;
    if(isIE) {
      var html = embd.outerHTML;
      
      if (html.match(/wmode\s*=\s*('|")opaque('|")/i) || html.match(/wmode\s*=\s*('|")transparent('|")/i)) {
        return;
      }
      
      if(html.match(/wmode\s*=\s*('|")[a-zA-Z]+('|")/i)) {
        rplc = html.replace(/wmode\s*=\s*('|")window('|")/i,"wmode='opaque'");
      } else {
        rplc = html.replace(/<embed\s/i,"<embed wmode='opaque' ");
      }
      
      embd.insertAdjacentHTML('beforeBegin',rplc);
      embd.parentNode.removeChild(embd);
    } else {
      rplc = embd.cloneNode(true);
      if(!rplc.getAttribute('wmode') || rplc.getAttribute('wmode').toLowerCase() == 'window') {
        rplc.setAttribute('wmode','opaque');
        embd.parentNode.replaceChild(rplc,embd);
      }
    }
  },
  replace_object: function(object) {
    if(isIE) {
      var html = object.outerHTML;

      if (object.innerHTML == "") {
        var innerHTML = "";
        for (var i = 0; i < object.childNodes.length; i++) {
	        var node = object.childNodes[i];

      	  if (node.name.toLowerCase() == 'wmode' && node.value.toLowerCase() == 'opaque')
      	    return;

	        if (node.name.toLowerCase() != 'wmode')
	          innerHTML += node.outerHTML;
        }

        html = html.replace(/<\/object>/i, innerHTML + "</object>");
      }

      html = html.replace(/<(.*?)param(.*?)wmode(.*?)>/i, '');
      html = html.replace(/<\/object>/i, "<param name=\"wmode\" value=\"opaque\"></object>");

      object.insertAdjacentHTML('beforeBegin', html);
      object.parentNode.removeChild(object);
    } else {
      var html = object.innerHTML;

      if (html.match(/wmode\s*=\s*('|")[a-zA-Z]+('|")/i)) {
        html = html.replace(/wmode\s*=\s*('|")window('|")/i,"wmode='opaque'");
      } else {
        html = "<param name=\"wmode\" value=\"opaque\">" + html;
      }

      rplc = object.cloneNode(true);
      rplc.innerHTML = html;
      object.parentNode.replaceChild(rplc,object);
    }
  },
  run: function(top, bottom) {
    if (navigator.platform != "Win32") return;

    var replaceEmbeds = function(embds, is_object) {
      for(i = 0; i < embds.length; i++)  {
        embd = embds[i];

        embd_top = vp_EmbedSwapper.find_top(embd);
        embd_bottom = embd_top + (embd.offsetHeight ? embd.offsetHeight : embd.height);

        if ((embd_top > top && embd_top < bottom) || (embd_bottom > top && embd_bottom < bottom) || embd_top == 0) {
          if (is_object)
            vp_EmbedSwapper.replace_object(embd);
          else
            vp_EmbedSwapper.replace_embed(embd);
        }
      }
    }

    replaceEmbeds(document.getElementsByTagName('object'), true);
    replaceEmbeds(document.getElementsByTagName('embed'), false);
  }
}

function vp_createWidget3978933979() {
  
  widget_header = '    <div class=\"vodpod_placeholder_top\"><\/div>\n    <div class=\"vodpod_header\" title=\"reelseo\'s videos\">\n    <img src=\"http://assetscdn.vodpod.com/images/widget/logo_14px.png\" class=\"vodpod_header_logo vodpod_png\" style=\"width:14px;height:14px;\" />\n    <a href=\"http://tv.reelseo.com/video/%id%\" target=\"_new\">reelseo\'s videos<\/a><\/div>\n';
  
  widget3978933979.innerHTML += widget_header;
  
  
  video_html = '<div class="vodpod_video_container" id="vodpod_video_container_vodpod_recent_videos_268142">';
  
  widget3978933979.innerHTML += video_html;
    
  footer_html = '<div class="vodpod_footer_separator">&nbsp;</div>\
  <div class="vodpod_footer">\
    <a href="http://reelseo.vodpod.com" target="_new" class="vodpod_see_all" style="">see all 467 videos &gt;</a>';

  footer_html += '';
  
  
    footer_html += '<a href="http://vodpod.com/widgets?r=widget" target="_new" class="vodpod_powered_by"> \
    <div style="float:left">I collect with</div>\
    <img src="http://assetscdn.vodpod.com/images/widget/logo_10px.png" class="vodpod_png" style="float:left;width:10px;height:10px;display:inline;margin-top:2px !important;margin-left:2px !important;margin-right:2px !important;border:none;"/>\
    <div style="float:left;display:inline;">vodpod</div>\
    </a>'
  
  
  footer_html += '<div id="vodpod_footer_clear"></div></div>';

  widget3978933979.innerHTML += footer_html
  
  
    paging_html = '<div id="vodpod_paging" style="display:none;">';
    paging_html += '<div id="vodpod_paging_prev" class="inactive" onclick="vp_loadNextSet3978933979(-1);return false;"><a href="#">Previous 5</a></div>';
    paging_html += '<div id="vodpod_paging_next" class="active" onclick="vp_loadNextSet3978933979(1);return false;"><a href="#">Next 5</a></div>';
    paging_html += '</div><div id="vodpod_paging_clear"></div>'
    widget3978933979.innerHTML += paging_html;
   

  // Load the videos
  vp_loadJsonVideos3978933979({"videos":{"items":[{"video":{"updated_at":"Tue, 09 Feb 2010 14:53:04 -0600","original_url":"http://blip.tv/file/3196523","pod_id":268142,"description":"The comic business is estimated to be a $1 billion business annually, but it's one of the few media forms that hasn't yet fully transitioned to the digital world. That may change with the coming influx of Apple iPads and sexy new eReaders.  The business of digital comics is also one TV networks are already starting to leverage, including Starz, which created a motion comic for its popular new original TV series Spartacus. For more details, check out this week's New Media Minute.Daisy Whitney","link":"http://vodpod.com/watch/3022566-digital-comics-and-the-ipad-opportunity","stats":{"total_pod_views":2,"weekly_views":0,"total_widget_views":0,"weekly_pod_views":0,"weekly_widget_views":0,"total_views":2},"uid":"4e3fe956376c0268c7a01bc9c94c3575c2f19dd1","created_at":"Tue, 09 Feb 2010 14:53:04 -0600","video_id":4714240,"autoplay_embed_tag":"<embed wmode=\"transparent\" allowfullscreen=\"true\" type=\"application/x-shockwave-flash\" src=\"http://blip.tv/play/goRrgcSlXwI%2Em4v\" flashvars=\"autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" allowscriptaccess=\"never\" height=\"100%\" width=\"100%\"></embed>","embed_host":"blip.tv","user":{"link":"/reelseo","_value":"ReelSEO","username":"reelseo","user_id":260202},"embed_tag":"<embed wmode=\"transparent\" allowfullscreen=\"true\" type=\"application/x-shockwave-flash\" src=\"http://blip.tv/play/goRrgcSlXwI%2Em4v\" allowscriptaccess=\"never\" height=\"100%\" width=\"100%\"></embed>","thumbnails":{"small":"http://img.vpimg.net/3022566.jpg","assigned":false,"large":"http://img.vpimg.net/3022566.large.jpg","medium":"http://img.vpimg.net/3022566.medium160.jpg"},"vodpod_id":3022566,"num_collectors":1,"title":"Digital Comics and the iPad Opportunity"}},{"video":{"updated_at":"Tue, 09 Feb 2010 13:20:38 -0600","original_url":"http://blip.tv/file/3196060","pod_id":268142,"description":"Erik Michielsen of Capture Your Flag","link":"http://vodpod.com/watch/3022214-erik-michielsen","stats":{"total_pod_views":0,"weekly_views":0,"total_widget_views":0,"weekly_pod_views":0,"weekly_widget_views":0,"total_views":0},"uid":"4180181a9e645c200c4bea2177afe33fbdcc4e55","created_at":"Tue, 09 Feb 2010 13:20:38 -0600","video_id":4713664,"autoplay_embed_tag":"<embed wmode=\"transparent\" allowfullscreen=\"true\" type=\"application/x-shockwave-flash\" src=\"http://blip.tv/play/goRrgcSiEgI%2Em4v\" flashvars=\"autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" allowscriptaccess=\"never\" height=\"100%\" width=\"100%\"></embed>","embed_host":"blip.tv","user":{"link":"/reelseo","_value":"ReelSEO","username":"reelseo","user_id":260202},"embed_tag":"<embed wmode=\"transparent\" allowfullscreen=\"true\" type=\"application/x-shockwave-flash\" src=\"http://blip.tv/play/goRrgcSiEgI%2Em4v\" allowscriptaccess=\"never\" height=\"100%\" width=\"100%\"></embed>","thumbnails":{"small":"http://img.vpimg.net/3022214.jpg","assigned":false,"large":"http://img.vpimg.net/3022214.large.jpg","medium":"http://img.vpimg.net/3022214.medium160.jpg"},"vodpod_id":3022214,"num_collectors":1,"title":"Erik Michielsen"}},{"video":{"updated_at":"Mon, 08 Feb 2010 19:30:39 -0600","original_url":"http://blip.tv/file/3192825","pod_id":268142,"description":"REDMOND, WA -- Regardless of how fast your broadband connection is, Microsoft plans to deliver consistently high \"smooth streaming\" of the Winder Olympics with adaptive streaming technology, a system that delivers video tailored to the connection speed and CPU power of the end user. NBC Sports is using Microsoft's Silverlight to stream the Vancouver Games. Microsoft is teaming with Akamai to deliver the video files. Earlier today, via Skype hook-up, we spoke with Microsoft principal evangelist Jason Seuss who said the system is designed to deliver high quality video for connections from 400kbs to 3.5mbs. Much more on Microsoft and adaptive streaming of the Olympics by Ina Fried of CNET News.com. Andy Plesser, Executive Producer","link":"http://vodpod.com/watch/3018379-microsoft-readies-smooth-streaming-online-video-viewing-of-winter-olympics","stats":{"total_pod_views":5,"weekly_views":4,"total_widget_views":0,"weekly_pod_views":4,"weekly_widget_views":0,"total_views":5},"uid":"7f4248ca3a4c0f09a3d6f959b63f287972d779da","created_at":"Mon, 08 Feb 2010 19:30:39 -0600","video_id":4706660,"autoplay_embed_tag":"<embed wmode=\"transparent\" allowfullscreen=\"true\" type=\"application/x-shockwave-flash\" src=\"http://blip.tv/play/goRrgcSIeAI%2Em4v\" flashvars=\"autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" allowscriptaccess=\"never\" height=\"100%\" width=\"100%\"></embed>","embed_host":"blip.tv","user":{"link":"/reelseo","_value":"ReelSEO","username":"reelseo","user_id":260202},"embed_tag":"<embed wmode=\"transparent\" allowfullscreen=\"true\" type=\"application/x-shockwave-flash\" src=\"http://blip.tv/play/goRrgcSIeAI%2Em4v\" allowscriptaccess=\"never\" height=\"100%\" width=\"100%\"></embed>","thumbnails":{"small":"http://img.vpimg.net/3018379.jpg","assigned":false,"large":"http://img.vpimg.net/3018379.large.jpg","medium":"http://img.vpimg.net/3018379.medium160.jpg"},"vodpod_id":3018379,"num_collectors":2,"title":"Microsoft Readies \"Smooth Streaming\" Online Video Viewing of Winter Olympics"}},{"video":{"updated_at":"Mon, 08 Feb 2010 14:28:05 -0600","original_url":"http://blip.tv/file/3191575","pod_id":268142,"description":"MILPITAS, CA -- With social media usage across Facebook, Twitter, and niche social sites continuing to climb, it's inevitable that a number of start-ups will emerge to piggyback on the opportunity. One such company aiming for a role in the social video world is the startup Vpype. I visited the company's offices and sat down with both the CEO, Shoeib Yunus, and the company's chief marketing officer, Arnold Waldstein.Waldstein focused on the role Vpype expects social videos to play in the new media world. It's worth noting that mobile video sharing and social video across niche and other sites are becoming more popular, according to online audience measurement firm Hitwise.Daisy Whitney, Senior Producer","link":"http://vodpod.com/watch/3016197-online-video-is-getting-social-vpype-has-integration-on-facebook","stats":{"total_pod_views":2,"weekly_views":0,"total_widget_views":0,"weekly_pod_views":0,"weekly_widget_views":0,"total_views":2},"uid":"20af49c714cb220e0658c1df698afe3854db1c25","created_at":"Mon, 08 Feb 2010 14:28:05 -0600","video_id":4703360,"autoplay_embed_tag":"<embed wmode=\"transparent\" allowfullscreen=\"true\" type=\"application/x-shockwave-flash\" src=\"http://blip.tv/play/goRrgcP_GAI%2Em4v\" flashvars=\"autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" allowscriptaccess=\"never\" height=\"100%\" width=\"100%\"></embed>","embed_host":"blip.tv","user":{"link":"/reelseo","_value":"ReelSEO","username":"reelseo","user_id":260202},"embed_tag":"<embed wmode=\"transparent\" allowfullscreen=\"true\" type=\"application/x-shockwave-flash\" src=\"http://blip.tv/play/goRrgcP_GAI%2Em4v\" allowscriptaccess=\"never\" height=\"100%\" width=\"100%\"></embed>","thumbnails":{"small":"http://img.vpimg.net/3016197.jpg","assigned":false,"large":"http://img.vpimg.net/3016197.large.jpg","medium":"http://img.vpimg.net/3016197.medium160.jpg"},"vodpod_id":3016197,"num_collectors":2,"title":"Online Video is Getting Social: Vpype has Integration on Facebook"}},{"video":{"updated_at":"Fri, 05 Feb 2010 14:15:33 -0600","original_url":"http://blip.tv/file/3180836","pod_id":268142,"description":"5Min, a small start-up with offices in New York and Israel, backed by Spark Capital, landed the number 10 in spot as most viewed video video property as measured by uniques, according to numbers released by comScore yesterday. comScore reported that 5Min had over 30 million uniques in December, just behind the Turner network. Although 5Min has been called a how-to site, often compared to Howcast, Videojug and others, 5Min does not create original videos, but is a syndication engine which matches niche content with appropriate sites. In some instances for small video publishers seeking an audience and for big ones like Scripps who want to efficiently distribute how to food and gardening clips widely. Earlier this week, I sat down with 5Min CEO Ran Harnevo for this chat about his business and the opportunity for big and small content creators to reach a big audience through his company's platform. Andy Plesser, Executive Producer","link":"http://vodpod.com/watch/2999708-amazing-but-true-little-5min-is-a-top-ten-comscore-video-site","stats":{"total_pod_views":3,"weekly_views":3,"total_widget_views":1,"weekly_pod_views":3,"weekly_widget_views":0,"total_views":4},"uid":"b11a43b85a824c24335df6faa7b9c473aa83a005","created_at":"Fri, 05 Feb 2010 14:15:33 -0600","video_id":4678073,"autoplay_embed_tag":"<embed wmode=\"transparent\" allowfullscreen=\"true\" type=\"application/x-shockwave-flash\" src=\"http://blip.tv/play/goRrgcOrPwI%2Em4v\" flashvars=\"autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" allowscriptaccess=\"never\" height=\"100%\" width=\"100%\"></embed>","embed_host":"blip.tv","user":{"link":"/reelseo","_value":"ReelSEO","username":"reelseo","user_id":260202},"embed_tag":"<embed wmode=\"transparent\" allowfullscreen=\"true\" type=\"application/x-shockwave-flash\" src=\"http://blip.tv/play/goRrgcOrPwI%2Em4v\" allowscriptaccess=\"never\" height=\"100%\" width=\"100%\"></embed>","thumbnails":{"small":"http://img.vpimg.net/2999708.jpg","assigned":false,"large":"http://img.vpimg.net/2999708.large.jpg","medium":"http://img.vpimg.net/2999708.medium160.jpg"},"vodpod_id":2999708,"num_collectors":1,"title":"Amazing but True: Little 5Min is a Top Ten comScore VIdeo Site"}}],"total":467}});
  
  widget3978933979.innerHTML += '<div class="vodpod_placeholder_bottom"></div>';
  widget3978933979.innerHTML += '<img src="http://stats.vodpod.com/stats/widget/268142/blank.gif?' + parseInt(Math.random()*9999999) +
    '&page=' + encodeURIComponent(document.location) +
    '" style="width:0px;height:0px;padding:0px;margin:0px;"/>';
  
  // Set custom widget color
  widget_header = ''
  
  
  widget3978933979.style.display = 'block';
}

function createInfoBox3978933979() {
  var img = document.createElement('img');
  img.id = 'popup_image_3978933979';
  img.style.position = 'absolute';
  img.style.bottom = '10px';
  img.style.left = '7px';
  img.style.zIndex = '1000';
  
  var container = document.createElement('div');
  container.id = 'popup_container_3978933979';
  container.className = 'vodpod_popup_container';
  container.style.position = 'absolute';
  container.style.bottom = '20px';
  container.style.left = '20px';
  container.style.width = '136px';
  container.style.height = '230px'; //250
  container.style.zIndex = '1001';
  
  var html = "<p>This widget powered by <a href='http://vodpod.com'>Vodpod.com</a>.</p>";
  html += "<div style=\"text-align:center !important\"><a href=\"#\" onclick=\"vp_getCode(); return false\"><img src=\"http://assetscdn.vodpod.com/images/widget/get_this_code.gif\" /></div>";
  html += "<br /><br /><p><a href='http://vodpod.com/site/register?r=widgetinfo'>Sign up</a> to Build your own video collection and put a ";
  html += "Vodpod on your blog, website, Facebook, Myspace.</p>";

  html += "<div style='text-align:center !important;position:absolute;bottom:10px;left:0;width:100%;'>";
  html +=   "<img src='http://assetscdn.vodpod.com/images/widget/close_button_white.png' style='cursor:pointer' onclick='closeInfoBox3978933979()'>";
  html += "</div>"
  
  container.innerHTML = html;
  
  var header = document.createElement('div');
  header.id = 'popup_header_3978933979';
  header.style.position = 'absolute';
  header.style.bottom = '265px';
  header.style.left = '48px';
  header.style.width = '110px';
  header.style.height = '23px';
  header.style.lineHeight = '23px';
  header.style.fontSize = '12px';
  header.style.zIndex = '1001';
  
  header.innerHTML = "Widget Info"

  img.onload = function() {
    document.getElementById(vp_widget_id).appendChild(header);
    document.getElementById(vp_widget_id).appendChild(container);
  }
  img.src = "http://assetscdn.vodpod.com/images/widget/info_popup.png";

  
  document.getElementById(vp_widget_id).appendChild(img);
  
  // We actually only need Prototype for viewport dimension functions for the code lightbox. We could copy those inline.
  var proto_scr = document.createElement("script");
  proto_scr.src = 'http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js';
  document.body.appendChild(proto_scr);
}

function closeInfoBox3978933979() {
  var image = document.getElementById('popup_image_3978933979');
  var container = document.getElementById('popup_container_3978933979');
  var header = document.getElementById('popup_header_3978933979');
  
  image.parentNode.removeChild(image);
  container.parentNode.removeChild(container);
  header.parentNode.removeChild(header);
}

// function vp_createVideo(id, embed, title, descrp, thumbnail, views, date, hostname, url, num_collectors) {
  // html = vp_createVideo(video.video_id, video.autoplay_embed_tag, video.title, video.description, thumbnail, video.stats.total_views, video.created_at, video.embed_host, video.original_url, video.num_collectors);
  
function vp_createVideo(video) {
  vp_videos[video.video_id] = video;
  date_match = video.created_at.match(/(\d{1,2} \w{3,4}) \d*?(\d{2})\b/);
  video.date = date_match[1] + " " + date_match[2];
  var views_label = video.stats.total_views == '0' ? '' :  '<span class="vodpod_video_views_num">' + video.stats.total_views + '</span> <span class="vodpod_video_views_label">views</span>';
  // vp_videos[id]['num_collectors'] = num_collectors;
  video.thumbnail = video.thumbnails.medium;
  video.thumbnail_html = '<div class="vodpod_video" id="vodpod_video_' + video.video_id + '" onmouseover="vp_videoMouseOver(this);" onmouseout="vp_videoMouseOut(this);" onclick="vp_loadVideo(' + video.video_id + ', ' + video.vodpod_id + ');return false;">\
    <a href="#" class="vodpod_video_thumbnail">\
      <img src="' + video.thumbnail + '" title="' + video.description.replace(/"/g,'') + '" />\
    </a>\
    <div class="vodpod_video_placeholder1"></div>\
    <img src="http://assetscdn.vodpod.com/images/widget/play_icon.png" class="vodpod_video_play_image vodpod_png" style="display:none;"/>\
    <img src="http://assetscdn.vodpod.com/images/black_trans_1px.png" class="vodpod_video_title_shading vodpod_png" style="display:none;"/>\
    <a href="#" class="vodpod_video_title" title="' + video.title.replace(/"/g,'') + '">\
      ' + video.title + ' \
    </a>\
    <div class="vodpod_video_views">' + views_label + '</div>\
    <div class="vodpod_video_created_at">' + video.date + '</div>\
    <div class="vodpod_video_placeholder2"></div>\
    <div class="vodpod_video_index" style="display:none;">' + (video.index < 10 ? '0' : '') + video.index + '</div>\
    <div id="vodpod_video_clear">\
    </div>\
  </div>';

  return video.thumbnail_html;
}

function vp_loadNextSet3978933979(direction) {
  page3978933979 += direction;
  url = 'http://api.vodpod.com/api/pod/videos.js?pod_id=268142&api_key=js_widget&callback=vp_loadJsonVideos3978933979&per_page=5&page=' + page3978933979 + '&category_id=';

  var json_script = document.createElement('script');
  json_script.src = url;
  document.body.appendChild(json_script);
}

function vp_loadJsonVideos3978933979(json) {
  video_container = vp_getElementsByClassName(widget3978933979, 'vodpod_video_container')[0]; //document.getElementById('vodpod_video_container_268142');
  video_container.innerHTML = '';
  per_page = 5;
  var next_node = document.getElementById('vodpod_paging_next');
  var prev_node = document.getElementById('vodpod_paging_prev');
  
  if (next_node != null) {
    if (json.videos.total > page3978933979*per_page) {
      next_node.className = 'active';
    } else {
      next_node.className = 'inactive';
    }
  }
  
  if (prev_node != null) {
    if (page3978933979 > 1) {
      prev_node.className = 'active';
    } else {
      prev_node.className = 'inactive';
    }
  }
  
  if (json.videos.items) {
    for(var i = 0; i < json.videos.items.length; i++) {
      var video = json.videos.items[i].video;
      video.index = i + 1 + (page3978933979 - 1) * per_page;
      html = vp_createVideo(video);
      
      video_container.innerHTML += html;
    }
  }
  
  vp_fixIePngs(widget3978933979);
}

function vp_loadVideo1(id) {
  // Clear the previous embed holder
  vp_closeVideo();

  var vid_html = vp_videos[id].autoplay_embed_tag
  var descrp = vp_videos[id].description;
  var date = vp_videos[id].date;
  var vodpod_video = document.getElementById('vodpod_video_' + id);
  var video_div = document.createElement('div');
  video_div.id = "vodpod_player_container";
  video_div.style.position = 'absolute';
  video_div.style.border = 'none';
  video_div.style.width = '402px';
  video_div.style.zIndex = '10000';
  var top = vp_offsetTop(vodpod_video);
  video_div.style.top = top + 'px';

  var els = vp_getElementsByClassName(widget3978933979, 'vodpod_video_placeholder1')
  for (i=0; i < els.length; i++) {
    els[i].style.opacity = 1;
  }
  
  //video_div.style.left = vp_offsetLeft(vodpod_video) + 'px';
  video_div.innerHTML = '<div style="background:url(http://assetscdn.vodpod.com/images/widget/player_top_402px.gif) no-repeat !important;height:3px;padding:0px !important;margin:0px !important;overflow:hidden;"></div>\
  <div style="cursor:move !important;height:28px;color:#fff;overflow:hidden;background:#606060 !important;width:402px;">\
      <img src="http://assetscdn.vodpod.com/images/widget/logo_16px.png" class="vodpod_png" style="float:left;margin-top:6px !important;margin-left:6px !important;margin-right:6px !important;"/>\
      <div style="float:left;width:260px;height:18px;overflow:hidden;padding-top:6px !important;margin:0px;font-size:13px;text-align:left;">\
        <a href="http://vodpod.com/pod/video/' + id + '" style="color:#fff;" title="View this video at Vodpod">' + vp_videos[id].title + '</a>\
      </div>\
      <a href="#" id="vp_close_img" onclick="vp_closeVideo();return false;" style="display:block;float:right;color:#fff;margin-top:6px !important;margin-left:0px !important;margin-right:4px !important;padding:0px !important;border:none !important">\
        <img src="http://assetscdn.vodpod.com/images/widget/close_large.png" style="border:none !important;margin:0px !important;padding:0px !important;"/>\
      </a>\
      <a href="#" title="Popout video to a new window (video will start over)" onclick="vp_popoutVideo(' + id + ');return false;" style="display:block;float:right;color:#fff;margin-top:6px !important;margin-left:2px !important;margin-right:2px !important;padding:0px !important;border:none !important">\
        <img src="http://assetscdn.vodpod.com/images/widget/popout_large2.gif"  style="border:none !important;margin:0px !important;padding:0px !important;"/>\
      </a>\
      <div style="clear:both;"></div>\
    </div>';
  
  // Determine if widget is on right or left side of the page
  var widget_left = vp_offsetLeft(widget3978933979);
  var widget_width = widget3978933979.offsetWidth;
  var widget_right = widget_left + widget_width;
  var video_thumb_left = vp_offsetLeft(vodpod_video);
  
  // If widget is horizontally positioned (width > 400)
  // then display the videos from left to right
  if (widget_width > 400)
  {
    // Don't let video extend beyond widget
    if ((video_thumb_left + 400) > widget_right)
    {
      video_left = widget_right - 400;
    } else {
      video_left = video_thumb_left;
    }
  }
  else 
  {
    // Otherwise, if the widget is vertical, figure out what side of the page it's on,
    // and display the videos accordingly
    if (widget_left < document.body.clientWidth/2)
    {
      // left
      video_left = widget_left + widget3978933979.offsetWidth;
    } else {
      // right
      video_left = widget_left - 400 - 2;
    }
    
  }
  
  video_div.style.left = video_left + "px";
 
  var vid_html = '<div class="ed_holder" style="background:#606060 !important;position:relative !important;width:400px;height:320px;border-style:solid !important;border-width:0px 1px !important;border-color:#606060 !important;">' + vid_html + '</div>\
    <div style="width:384px;background:#f1f1f1 !important;overflow:hidden;border-style:solid !important;border-width:0px 1px !important;border-color:#606060 !important;padding:8px !important;margin:0px !important;">\
      <div class="vodpod_description" style="color:#666;padding-top:5px !important;padding-bottom:5px !important;max-height:36px;overflow:hidden;line-height:18px;">' + descrp + '</div>\
      <div style="color:#aaa;text-transform:uppercase;font-size:9px;font-weight:bold;height:14px;overflow:hidden;padding-top:5px !important">\
        <div style="float:left;text-align:left;width:255px;overflow:hidden;white-space:nowrap;">' + 
          vp_videos[id].stats.total_views + ' views\
          &nbsp;&nbsp;&nbsp;Video from <a href="' + vp_videos[id].original_url + '" target="_new" style="color:#aaa;">' + vp_videos[id].embed_host + '</a>\
        </div>\
        <div style=\"float:right;\">\
          Added ' + date + '\
        </div>\
        <div style="clear:both"></div>\
      </div style="text-align:left;">';
  
  if (vp_videos[id].num_collectors > 1) {
    vid_html += '<a href="http://vodpod.com/pod/video/' + id + '" style="font-size:11px;font-weight:bold;color:#00adef" target="_new">Collected by ' + vp_videos[id].num_collectors + ' people</a>';
  }
  
  vid_html += '</div>\
    <div style="width:402px;background:#606060 !important;">\
      <a href="http://vodpod.com/widgets?r=widget" target="_new" style="float:right;color:#fff;margin-right:8px !important;line-height:16px !important;text-decoration:none;">\
        <div style="float:left">I collect with</div>\
        <img src="http://assetscdn.vodpod.com/images/widget/logo_10px.png" class="vodpod_png" style="float:left; width:10px; height:10px; display:inline; margin-top:3px !important; margin-left:4px !important; margin-right:4px !important;"/>\
        <div style="float:left;display:inline;">vodpod</div>\
      </a>\
      <div style="clear:both;"></div>\
    </div>\
    <div style="background:url(http://assetscdn.vodpod.com/images/widget/player_bottom_402px.gif) no-repeat !important;height:3px;padding:0px !important;margin:0px !important;overflow:hidden;"></div>';
  
  video_div.innerHTML += vid_html;
  
  vp_EmbedSwapper.run(top, top + 447);
  
  document.body.appendChild(video_div);

	vp_DragHandler.attach(video_div, video_div.getElementsByTagName("div")[1]);
	  
  vp_fixIePngs(document.body);
  vpAddTracking(vp_videos[id].pod_id, id);
  
}

function vp_scrollTop() {
  if (document.body.scrollTop) {
    // Some browsers (WebKit) do this the web-standards way.
    return (document.body.scrollTop);
  } else {
    // And some just mimic IE 6 (everyone else).
    return (document.documentElement.scrollTop);
  }
}

function vp_loadVideo2(id) {
  vp_closeVideo();
  
  var container = document.createElement('div');
  var iframe = document.createElement('iframe');
  var close_img = document.createElement('img');
  
  if (Math.random() < 0.5) {
    iframe.src = 'http://widgets.vodpod.com' + '/javascripts/video_popup/' + id;
  } else {
    iframe.src = 'http://widgets.vodpod.com' + '/javascripts/video_popup/' + id + '?ad=user';
  }

  var scrollTop = vp_scrollTop();
  
  var top = Math.max(((document.documentElement.clientHeight / 2) + (scrollTop)), 292);
  
  iframe.style.border = '0';
  iframe.frameBorder = 0;
  iframe.allowTransparency = true;
  iframe.style.width = '100%';
  iframe.style.height = '100%';
  iframe.style.overflow = 'hidden';
  iframe.scrolling = 'no';
  
  container.id = 'vodpod_widget_popup';
  container.style.width = '818px';
  container.style.height = '584px';
  container.style.marginTop = '-292px';
  container.style.marginLeft = '-409px';
  container.style.position = 'absolute';
  container.style.left = '50%';
  container.style.zIndex = '1000';
  container.style.top = top + 'px';
  
  close_img.src = 'http://assetscdn.vodpod.com/images/widget/close_large.png'
  close_img.style.position = 'absolute';
  close_img.style.top = '32px';
  close_img.style.right = '32px';
  close_img.style.border = '0';
  close_img.style.cursor = 'pointer';
  
  vp_EmbedSwapper.run(top - 292, top + 292);
  
  close_img.onclick = function() {
    vp_closeVideo();
  }
  
  // if (/MSIE (6|7)/.test(navigator.userAgent)) {
  //   // We can't attach to the iframe.
  //   setTimeout(function() {
  //     container.appendChild(close_img);
  //   }, 1000);
  // } else  {
  //   iframe.onload = function() {
  //     container.appendChild(close_img);
  //   }
  // }
  
  setTimeout(function() {
    container.appendChild(close_img);
  }, 1000);
  
  container.appendChild(iframe);
  
  document.body.appendChild(container);
}

function vp_loadVideo(id, video_id) {
  if (hosted_url) {
    // this is for legacy ERb vodspots
    document.location = "http://" + hosted_url + "/?id=" + id;
    return false;
  } else if(custom_url) {
    // this is for laminate vodspots
    var url = 'http://' + custom_url.replace('%id%', video_id);
    document.location = url;
    return false;    
  }
  
  if (/Camino/.test(navigator.userAgent))
    vp_loadVideo1(id);
  else
    vp_loadVideo1(id);
  
  
}

function vp_closeVideo() {
  el = document.getElementById('vodpod_widget_popup');
  if (el) {
    el.parentNode.removeChild(el);
  } else {
    embed_holder = document.getElementById('vodpod_player_container');
    if (embed_holder != null)
      embed_holder.parentNode.removeChild(embed_holder);

    els = vp_getElementsByClassName(widget3978933979, 'vodpod_video_placeholder1')
    for (i=0; i < els.length; i++) {
      els[i].style.opacity = 0.8;
    }
  }
}

var thechild = null;

function vp_popoutVideo(id) {
  vid_html = vp_videos[id].autoplay_embed_tag;
  var child = window.open('', 'vp_popout', 'resizable=yes,status=no,toolbar=no,width=402,height=323');
  var el = child.document.createElement("div");
  el.innerHTML = vid_html;
  child.document.body.innerHTML = '';
  child.document.body.appendChild(el);
  
  vp_closeVideo();
  child.focus();
}

function vp_offsetTop(obj) {
    curtop = 0;
    if (obj.offsetParent) {
    curtop = obj.offsetTop
    while (obj = obj.offsetParent) {
      curtop += obj.offsetTop
    }
  }
  return curtop;
}

function vp_offsetLeft(obj) {
  curtop = 0;
  if (obj.offsetParent) {
    curtop = obj.offsetLeft;
    while (obj = obj.offsetParent) {
      curtop += obj.offsetLeft;
    }
  }
  return curtop;
}

function vp_fixIePngs(node)
{
  if (isIE6)
  {
    els = vp_getElementsByClassName(node, 'vodpod_png');
    var blankSrc = "http://assetscdn.vodpod.com/images/blank.gif";
  
    for (i=0; i < els.length; i++) {
      var img = els[i];
      var origSrc = img.src;
      img.src = blankSrc;
    
      filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + origSrc + "',sizingMethod='image')";
      img.style.filter = filter;
    }
  }  
}

function vp_getElementsByClassName(node, classname)
{
    var a = [];
    var re = new RegExp('\\b' + classname + '\\b');
    var els = node.getElementsByTagName("*");
    for(var i=0,j=els.length; i<j; i++)
        if(re.test(els[i].className))a.push(els[i]);
    return a;
}

function vp_videoMouseOver(container) {
  
}

function vp_videoMouseOut(container) {
  
}

function vp_getCode() {
  var tag_src = 'http://widgets.vodpod.com/javascripts/get_widget_code?div_id=vodpod_recent_videos_268142&opts=id%3D268142%26custom_url%3Dtv.reelseo.com%2Fvideo%2F%2525id%2525%26v%3D2%26type%3Dcustom%26options%5Bpaging%5D%3Dtrue%26options%5Bnum%5D%3D5';
  var sc_tag = document.createElement("script");
  sc_tag.src = tag_src;
  document.body.appendChild(sc_tag);
}

function vp_showWidgetCode(content) {
  var docHeight = document.viewport.getHeight();

	var elt = document.createElement("div");
	elt.style.zIndex = 999999;
	var width = 400;
	var height = 300;
	elt.id = 'vp_code_lb';
	elt.style.width = width + 'px';
	elt.style.height = height + 'px';
	elt.style.position = 'absolute';
	elt.style.left = ((document.body.clientWidth/2) - (width/2)) + 'px'
	elt.style.top = ((docHeight / 2) + (vp_scrollTop()) - (height/2)) + 'px';
	elt.style.padding = '10px';
	elt.style.border = '4px solid black';
	elt.style.backgroundColor = 'white';
	elt.innerHTML = content;
	document.body.appendChild(elt);
	
  vp_EmbedSwapper.run(0, docHeight);
}

/**
*
*  Crossbrowser Drag Handler
*  http://www.webtoolkit.info/
*
**/

var vp_DragHandler = {

    // private property.
    _oElem : null,


    // public method. Attach drag handler to an element. I modified this function so you can provide a click_target which
    // will be the only element which can receive the mouse down, but its actual parent will be the element moved.
    attach : function(oElem, clickTarget) {
        clickTarget.onmousedown = vp_DragHandler._dragBegin;
        //oElem.onmousedown = vp_DragHandler._dragBegin;

        // callbacks
        oElem.dragBegin = new Function();
        oElem.drag = new Function();
        oElem.dragEnd = new Function();

        return oElem;
    },


    // private method. Begin drag process.
    _dragBegin : function(e) {
        var oElem = vp_DragHandler._oElem = this.parentNode;

        if (isNaN(parseInt(oElem.style.left))) { oElem.style.left = '0px'; }
        if (isNaN(parseInt(oElem.style.top))) { oElem.style.top = '0px'; }

        var x = parseInt(oElem.style.left);
        var y = parseInt(oElem.style.top);

        e = e ? e : window.event;
        oElem.mouseX = e.clientX;
        oElem.mouseY = e.clientY;

        oElem.dragBegin(oElem, x, y);

        document.onmousemove = vp_DragHandler._drag;
        document.onmouseup = vp_DragHandler._dragEnd;
        return false;
    },


    // private method. Drag (move) element.
    _drag : function(e) {
        var oElem = vp_DragHandler._oElem;

        var x = parseInt(oElem.style.left);
        var y = parseInt(oElem.style.top);

        e = e ? e : window.event;
        oElem.style.left = x + (e.clientX - oElem.mouseX) + 'px';
        oElem.style.top = y + (e.clientY - oElem.mouseY) + 'px';

        oElem.mouseX = e.clientX;
        oElem.mouseY = e.clientY;

        oElem.drag(oElem, x, y);

        return false;
    },


    // private method. Stop drag process.
    _dragEnd : function() {
        var oElem = vp_DragHandler._oElem;

        var x = parseInt(oElem.style.left);
        var y = parseInt(oElem.style.top);

        oElem.dragEnd(oElem, x, y);

        document.onmousemove = null;
        document.onmouseup = null;
        vp_DragHandler._oElem = null;
    }

}


