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 page8241445513 = 1;
var origOpacity = null;
var hosted_url = null;
var custom_url = null;


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


widget8241445513.innerHTML = '';
// Hide the widget, until it has been created
widget8241445513.style.display = 'none';
widget8241445513.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;


  // Kill any existing vodpod css
  cssNode = document.getElementById('vodpod_widget_css');
  
  if (cssNode) {
    cssNode.parentNode.removeChild(cssNode);
  }
  
  cssText = ".vodpod_videos_widget { position:relative !important; font-size:11px !important; font-family:arial,verdana,sans-serif !important; margin:0px !important; padding:0px !important; } .vodpod_videos_widget * { padding-top:0px !important; padding-right:0px !important; padding-bottom:0px !important; padding-left:0px !important; margin-top:0px !important; margin-right:0px !important; margin-bottom:0px !important; margin-left:0px !important; background:none !important; border:none !important; text-align:left !important; text-decoration:none !important; } .vodpod_videos_widget .vodpod_footer a div { width:auto !important; color:#fff !important; }.vodpod_videos_widget { width:300px !important; height:380px !important; color:#eee !important; } .vodpod_videos_widget * { font-weight:normal !important; } .vodpod_videos_widget a { color:#666 !important; } .vodpod_videos_widget .vodpod_header { display:none !important; } .vodpod_videos_widget .vodpod_video { position:relative !important; width:140px !important; height:105px !important; margin:5px !important; cursor:pointer !important; float:left !important; display:inline !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_thumbnail { display:block !important; width:140px !important; height:105px !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_thumbnail img { width:100% !important; height:100% !important; border:none !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_thumbnail img:hover { border-color:#00adef !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_placeholder1 { position:absolute !important; background:#666 !important; width:100% !important; opacity:0.6 !important; filter:alpha(opacity=60) !important; -moz-opacity:0.60 !important; height:29px !important; bottom:0px !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_play_image { display:none !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_title { position:absolute !important; display:block !important; bottom:1px !important; left:4px !important; height:28px !important; line-height:14px !important; overflow:hidden !important; text-align:left !important; color:#fff !important; text-decoration:none !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_views { display:none !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_created_at { display:none !important; } .vodpod_videos_widget .vodpod_video:hover .vodpod_video_title { display:none !important; } .vodpod_videos_widget .vodpod_video:hover .vodpod_video_views { display:block !important; position:absolute !important; bottom:15px !important; padding-left:4px !important; font-weight:bold !important; } .vodpod_videos_widget .vodpod_video:hover .vodpod_video_created_at { display:block !important; position:absolute !important; bottom:2px !important; line-height:12px !important; padding-left:4px !important; } .vodpod_videos_widget .vodpod_footer_separator { clear:both !important; height:1px !important; line-height:1px !important; } .vodpod_videos_widget .vodpod_footer { text-align:right !important; background:#777 !important; padding:2px 4px !important; height:14px !important; margin-top: 15px !important; margin-right: 5px !important; margin-bottom: 0px !important; margin-left: 5px !important; } .vodpod_videos_widget .vodpod_footer a { color:#fff !important; } .vodpod_videos_widget .vodpod_footer .vodpod_see_all { float:right !important; } .vodpod_videos_widget .vodpod_footer .vodpod_powered_by { float:left !important; } .vodpod_videos_widget .vodpod_powered_by b { font-size:1.4em !important; } #vodpod_player_container { margin:0px !important; padding:0px !important; font-size:11px !important; font-family:arial,verdana,sans-serif; } #vodpod_player_container * { margin:0px !important; padding:0px !important; border:none !important; text-align:left !important; } .vodpod_videos_widget #vodpod_paging { display:block !important; position:absolute !important; bottom:20px !important; width:300px !important; height:16px !important; } .vodpod_videos_widget #vodpod_paging #vodpod_paging_prev { float:left !important; display:inline !important; width:65px !important; height:16px !important; cursor:pointer !important; margin-left:5px !important; } .vodpod_videos_widget #vodpod_paging #vodpod_paging_prev.inactive { cursor:default !important; display:none !important; } .vodpod_videos_widget #vodpod_paging #vodpod_paging_prev a { } .vodpod_videos_widget #vodpod_paging #vodpod_paging_next { float:right !important; display:inline !important; width:50px !important; height:16px !important; text-align:right !important; cursor:pointer !important; margin-right:5px !important; } .vodpod_videos_widget #vodpod_paging #vodpod_paging_next.inactive { cursor:default !important; display:none !important; } .vodpod_videos_widget #vodpod_paging #vodpod_paging_next a { } ";
  
  if (/MSIE (6|7|8)/.test(navigator.userAgent)) {
    var styleSheetObj = document.createStyleSheet();

    var styleObj = styleSheetObj.owningElement || styleSheetObj.ownerNode;
    styleObj.setAttribute("type", "text/css");
    styleObj.id = 'vodpod_widget_css';
    
    ruleArray = cssText.split("}");

    for (var i = 0; i < ruleArray.length - 1; i++) {
      var currentRule = ruleArray[i].trim();
      var nameValueArray = currentRule.split("{");
      var name = nameValueArray[0].trim();
      var value = nameValueArray[1].trim();
      
      if (value != "") {
        styleSheetObj.addRule(name,value);
      }
    }
  } else {
    cssNode = document.createElement('style');
    cssNode.type = 'text/css';
    cssNode.id = 'vodpod_widget_css';
    cssNode.appendChild(document.createTextNode(cssText));
    document.getElementsByTagName("head")[0].appendChild(cssNode);
  }

vp_createWidget8241445513();

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_createWidget8241445513() {
  
  widget_header = '    <div class=\"vodpod_placeholder_top\"><\/div>\n    <div class=\"vodpod_header\" title=\"popculturegeek\'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://popculturegeek.vodpod.com\" target=\"_new\">popculturegeek\'s videos<\/a><\/div>\n';
  
  widget8241445513.innerHTML += widget_header;
  
  
  video_html = '<div class="vodpod_video_container" id="vodpod_video_container_vodpod_widget_420630">';
  
  widget8241445513.innerHTML += video_html;
    
  footer_html = '<div class="vodpod_footer_separator">&nbsp;</div>\
  <div class="vodpod_footer">\
    <a href="http://popculturegeek.vodpod.com" target="_new" class="vodpod_see_all" style="">see all 47 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>';

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

  // Load the videos
  vp_loadJsonVideos8241445513({"videos":{"items":[{"video":{"updated_at":"Tue, 26 Jan 2010 04:01:11 -0600","vodpod_id":2933724,"num_collectors":1,"original_url":"http://feedproxy.google.com/~r/popculturegeekdotcom/~3/VxegLdiisPo/","description":"Been to a Japanese arcade lately?  Neither have I.  But I got pretty close to it with the new Tatsunoko vs Capcom: Ultimate All-Stars game, available in stores now!  Originally released in Japan in 2008, this is the long-awaited fan-favorite game\u2019s debut on US shores, exclusively for the Nintendo Wii!\nGame play [...]","link":"http://vodpod.com/watch/2933724-tatsunoko-vs-capcom-ultimate-all-stars-exclusively-for-the-nintendo-wii","stats":{"weekly_views":3,"total_pod_views":5,"total_widget_views":0,"weekly_pod_views":3,"total_views":5,"weekly_widget_views":0},"uid":"d3e6551526adc75fa5f01edc1bae9c1285fd4543","pod_id":441699,"created_at":"Tue, 26 Jan 2010 04:01:11 -0600","video_id":4574732,"embed_host":"youtube.com","user":{"link":"/popculturegeek","_value":"popculturegeek","username":"popculturegeek","user_id":421672},"embed_tag":"<embed src=\"http://www.youtube.com/v/9Hp6W5wyl3o&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&#038;hl=en_US&#038;fs=1&#038;\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","thumbnails":{"assigned":false,"medium":"http://img.vpimg.net/2933724.medium160.jpg","small":"http://img.vpimg.net/2933724.jpg","large":"http://img.vpimg.net/2933724.large.jpg"},"autoplay_embed_tag":"<embed src=\"http://www.youtube.com/v/9Hp6W5wyl3o&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&#038;hl=en_US&#038;fs=1&#038;\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","title":"Tatsunoko vs Capcom Ultimate All-Stars exclusively for the Nintendo Wii!"}},{"video":{"updated_at":"Thu, 14 Jan 2010 00:56:51 -0600","vodpod_id":2859548,"num_collectors":0,"original_url":"","description":"Check out this series of promos for this weekend's Saturday Night Live, featuring Avatar's Sigourney Weaver and musical guest the Ting Tings.","link":"http://vodpod.com/watch/2859548-untitled","stats":{"weekly_views":0,"total_pod_views":1,"total_widget_views":0,"weekly_pod_views":0,"total_views":1,"weekly_widget_views":0},"uid":"4d0f5437236458dd8f0345c63f37cce73fde32b1","pod_id":441699,"created_at":"Thu, 14 Jan 2010 00:56:51 -0600","video_id":4459240,"embed_host":"widgets.nbc.com","user":{"link":"/popculturegeek","_value":"popculturegeek","username":"popculturegeek","user_id":421672},"embed_tag":"<embed allowscriptaccess=\"never\" src=\"http://widgets.nbc.com/o/4727a250e66f9723/4b4ebba42e883456/4741e3c5156499a7/8249c39a/-cpid/1dd365d651db21f2\"  type=\"application/x-shockwave-flash\" flashvars=\"allowFullScreen=true&\" wmode=\"transparent\" height=\"100%\" width=\"100%\"></embed>","thumbnails":{"assigned":false,"medium":"http://img.vpimg.net/2859548.medium160.jpg","small":"http://img.vpimg.net/2859548.jpg","large":"http://img.vpimg.net/2859548.large.jpg"},"autoplay_embed_tag":"<embed allowscriptaccess=\"never\" src=\"http://widgets.nbc.com/o/4727a250e66f9723/4b4ebba42e883456/4741e3c5156499a7/8249c39a/-cpid/1dd365d651db21f2\"  type=\"application/x-shockwave-flash\" flashvars=\"allowFullScreen=true&&autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" wmode=\"transparent\" height=\"100%\" width=\"100%\"></embed>","title":"Sigourney Weaver Hosts This Week's New SNL"}},{"video":{"updated_at":"Sat, 09 Jan 2010 00:21:48 -0600","vodpod_id":2830399,"num_collectors":1,"original_url":"http://feedproxy.google.com/~r/popculturegeekdotcom/~3/IbK_w2OMOsg/","description":"As a fan of the comic by Mark Millar and John Romita Jr, I know for a fact that regardless of its eventual box office take, Kick-Ass will be one of the most loved and reviled movies of the year, depending on who you are.  I\u2019m not going to spoil anything, but from [...]","link":"http://vodpod.com/watch/2830399-brand-new-theater-safe-kick-ass-trailer","stats":{"weekly_views":2,"total_pod_views":3,"total_widget_views":1,"weekly_pod_views":1,"total_views":4,"weekly_widget_views":1},"uid":"3e3f27c8429aab7c385629fbd55868e8663bd10f","pod_id":441699,"created_at":"Sat, 09 Jan 2010 00:21:48 -0600","video_id":4415074,"embed_host":"d.yimg.com","user":{"link":"/popculturegeek","_value":"popculturegeek","username":"popculturegeek","user_id":421672},"embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" allowfullscreen=\"true\" src=\"http://d.yimg.com/m/up/ypp/movies/player.swf\" type=\"application/x-shockwave-flash\" flashvars=\"vid=17522078&#038;repeat=1&#038;siteHostUrl=http%3A//movies.yahoo.com\" height=\"100%\" width=\"100%\"></embed>","thumbnails":{"assigned":false,"medium":"http://img.vpimg.net/2830399.medium160.jpg","small":"http://img.vpimg.net/2830399.jpg","large":"http://img.vpimg.net/2830399.large.jpg"},"autoplay_embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" allowfullscreen=\"true\" src=\"http://d.yimg.com/m/up/ypp/movies/player.swf\" type=\"application/x-shockwave-flash\" flashvars=\"vid=17522078&#038;repeat=1&#038;siteHostUrl=http%3A//movies.yahoo.com&autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" height=\"100%\" width=\"100%\"></embed>","title":"Brand New Theater-Safe KICK-ASS Trailer!"}},{"video":{"updated_at":"Fri, 18 Dec 2009 01:23:49 -0600","vodpod_id":2715774,"num_collectors":1,"original_url":"http://feedproxy.google.com/~r/popculturegeekdotcom/~3/ZQwLbE2yArA/","description":"The oddly named Ronie Midfew Art (hmm, could it be an anagram?) presented the LOST Underground Art Project in its entirety at Gallery 1988 on Melrose Ave in Los Angeles on Tuesday, December 15th, opening its doors at 7pm.  \nAfter nearly 4 months of LOST inspired artwork being created and sold as prints [...]","link":"http://vodpod.com/watch/2715774-the-lost-underground-art-project-opens-to-the-public","stats":{"weekly_views":1,"total_pod_views":7,"total_widget_views":2,"weekly_pod_views":1,"total_views":9,"weekly_widget_views":0},"uid":"a35cb576360f6cbdca27085847a86492c2baace0","pod_id":441699,"created_at":"Fri, 18 Dec 2009 01:23:49 -0600","video_id":4232980,"embed_host":"youtube.com","user":{"link":"/popculturegeek","_value":"popculturegeek","username":"popculturegeek","user_id":421672},"embed_tag":"<embed src=\"http://www.youtube.com/v/ODGGDPsLWBY&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&#038;hl=en_US&#038;fs=1&#038;\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","thumbnails":{"assigned":false,"medium":"http://img.vpimg.net/2715774.medium160.jpg","small":"http://img.vpimg.net/2715774.jpg","large":"http://img.vpimg.net/2715774.large.jpg"},"autoplay_embed_tag":"<embed src=\"http://www.youtube.com/v/ODGGDPsLWBY&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&#038;hl=en_US&#038;fs=1&#038;\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","title":"the LOST Underground Art Project Opens to the Public"}},{"video":{"updated_at":"Sun, 13 Dec 2009 18:26:29 -0600","vodpod_id":2688461,"num_collectors":3,"original_url":"http://www.gametrailers.com/video/star-wars-spike-tv/59817","description":"Saturday night\u2019s Spike TV Video Game Awards presented the world premiere trailer for Star Wars the Force Unleashed II and boy is it a doozy.  Focusing on the exploits of Vader\u2019s secret apprentice, the original game met with mixed reviews from fans and critics, but here\u2019s hoping that the developers learn from any [...]","link":"http://vodpod.com/watch/2688461-spike-tv-video-game-awards-2009-video-game-star-wars-the-force-unleashed-ii-exclusive-debut-trailer-hd-game-trailers-videos-gametrailers-com","stats":{"weekly_views":1,"total_pod_views":2,"total_widget_views":1,"weekly_pod_views":1,"total_views":3,"weekly_widget_views":0},"uid":"7466f6cc83d13ad16fb4c9b64772015682b6003d","pod_id":441699,"created_at":"Sun, 13 Dec 2009 18:26:29 -0600","video_id":4195060,"embed_host":"gametrailers.com","user":{"link":"/popculturegeek","_value":"popculturegeek","username":"popculturegeek","user_id":421672},"embed_tag":"<embed wmode=\"transparent\" src=\"http://www.gametrailers.com/remote_wrap.php?mid=59817\" swLiveConnect=\"true\" name=\"gtembed\" align=\"middle\" allowscriptaccess=\"never\" allowFullScreen=\"true\" quality=\"high\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" type=\"application/x-shockwave-flash\" width=\"100%\" height=\"100%\"></embed>","thumbnails":{"assigned":false,"medium":"http://img.vpimg.net/2688461.medium160.jpg","small":"http://img.vpimg.net/2688461.jpg","large":"http://img.vpimg.net/2688461.large.jpg"},"autoplay_embed_tag":"<embed wmode=\"transparent\" src=\"http://www.gametrailers.com/remote_wrap.php?mid=59817\" flashvars=\"autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" swLiveConnect=\"true\" name=\"gtembed\" align=\"middle\" allowscriptaccess=\"never\" allowFullScreen=\"true\" quality=\"high\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" type=\"application/x-shockwave-flash\" width=\"100%\" height=\"100%\"></embed>","title":"Star Wars the Force Unleashed II Video Game Teaser Trailer"}},{"video":{"updated_at":"Mon, 23 Nov 2009 23:42:19 -0600","vodpod_id":2566735,"num_collectors":2,"original_url":"http://feedproxy.google.com/~r/popculturegeekdotcom/~3/_nCgIRgav6M/","description":"Surprisingly not found on the recently released DVD/Blu-Ray, this hilarious animated short focuses on what happened to Shady Oaks employees George and AJ after Carl\u2019s house launched into the sky, held aloft by a massive cluster of balloons.  \nTurns out that Carl\u2019s act of defiance was just the beginning of a very long [...]","link":"http://vodpod.com/watch/2566735-pixars-up-video-short-featuring-george-and-aj","stats":{"weekly_views":2,"total_pod_views":58,"total_widget_views":1,"weekly_pod_views":2,"total_views":59,"weekly_widget_views":0},"uid":"5cbb989e815ea22c46965fd8aa9c1d48ccc1caca","pod_id":441699,"created_at":"Mon, 23 Nov 2009 23:42:19 -0600","video_id":4000503,"embed_host":"youtube.com","user":{"link":"/popculturegeek","_value":"popculturegeek","username":"popculturegeek","user_id":421672},"embed_tag":"<embed src=\"http://www.youtube.com/v/hF5KWMX3u4Y&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&#038;hl=en_US&#038;fs=1&#038;\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","thumbnails":{"assigned":false,"medium":"http://img.vpimg.net/2566735.medium160.jpg","small":"http://img.vpimg.net/2566735.jpg","large":"http://img.vpimg.net/2566735.large.jpg"},"autoplay_embed_tag":"<embed src=\"http://www.youtube.com/v/hF5KWMX3u4Y&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&#038;hl=en_US&#038;fs=1&#038;\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","title":"Pixar\u2019s UP Video Short featuring George and AJ"}}],"total":47}});
  
  widget8241445513.innerHTML += '<div class="vodpod_placeholder_bottom"></div>';
  widget8241445513.innerHTML += '<img src="http://stats.vodpod.com/stats/widget/441699/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 = ''
  
  
  widget8241445513.style.display = 'block';
}

function createInfoBox8241445513() {
  var img = document.createElement('img');
  img.id = 'popup_image_8241445513';
  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_8241445513';
  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='closeInfoBox8241445513()'>";
  html += "</div>"
  
  container.innerHTML = html;
  
  var header = document.createElement('div');
  header.id = 'popup_header_8241445513';
  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 closeInfoBox8241445513() {
  var image = document.getElementById('popup_image_8241445513');
  var container = document.getElementById('popup_container_8241445513');
  var header = document.getElementById('popup_header_8241445513');
  
  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_loadNextSet8241445513(direction) {
  page8241445513 += direction;
  url = 'http://api.vodpod.com/api/pod/videos.js?pod_id=441699&api_key=js_widget&callback=vp_loadJsonVideos8241445513&per_page=6&page=' + page8241445513 + '&category_id=';

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

function vp_loadJsonVideos8241445513(json) {
  video_container = vp_getElementsByClassName(widget8241445513, 'vodpod_video_container')[0]; //document.getElementById('vodpod_video_container_441699');
  video_container.innerHTML = '';
  per_page = 6;
  var next_node = document.getElementById('vodpod_paging_next');
  var prev_node = document.getElementById('vodpod_paging_prev');
  
  if (next_node != null) {
    if (json.videos.total > page8241445513*per_page) {
      next_node.className = 'active';
    } else {
      next_node.className = 'inactive';
    }
  }
  
  if (prev_node != null) {
    if (page8241445513 > 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 + (page8241445513 - 1) * per_page;
      html = vp_createVideo(video);
      
      video_container.innerHTML += html;
    }
  }
  
  vp_fixIePngs(widget8241445513);
}

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(widget8241445513, '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(widget8241445513);
  var widget_width = widget8241445513.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 + widget8241445513.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_loadVideo2(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(widget8241445513, '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_widget_420630&opts=id%3D441699%26v%3D2%26title%3Dpopculturegeek%2527s%2520videos%26options%5Btheme%5D%3Dsidebar_doublewide%26tag_id%3Dlatest%26options%5Bdiv_id%5D%3Dvodpod_widget_420630%26popup_version%3D2';
  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;
    }

}