

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


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


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

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

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

  // Load the videos
  vp_loadJsonVideos3755573273({"videos":{"items":[{"video":{"updated_at":"Wed, 03 Feb 2010 06:55:00 -0600","vodpod_id":2980356,"num_collectors":1,"original_url":"http://www.methodshop.com/2010/02/australian-banker-porn.shtml","description":"Oops! David Kiely, an employee of Macquarie Bank, just became an Internet celebrity... for all the wrong reasons. The Australian banker was caught \"analyzing\" more than just interest rates on national TV while his colleague Martin Lakos was live on the air. Fast forward to 1:00 in the embedded clip above and you'll see Mr. Kiely to the left browsing something a little more sexy than spreadsheets. To make things worse, towards the end of the clip he realizes his blunder and looks right at the camera.  In all fairness, the picts appear to just be supermodel Miranda Kerr's GQ Magazine shoot. Not X-rated, but still definitely embarrassing. Macquarie Bank is currently reviewing the situation and Mr. Kiely's fate is unclear. After the clip became a YouTube sensation, Macquarie\u2019s human resources department emailed the bank\u2019s entire 11,500 employees worldwide and asked them to \"familiarize themselves with\" the company's internet policy.    Want to save this YouTube video on to your computer? Here's a step-by-step methodshop.com tutorial on how to rip video files off YouTube.com and convert them for any iTunes compatible device like an iPod, iPhone or Apple TV.  methodshop","link":"http://vodpod.com/watch/2980356-australian-banker-caught-surfing-porn-on-live-tv-video","stats":{"weekly_views":28,"total_pod_views":27,"total_widget_views":5,"weekly_pod_views":24,"total_views":32,"weekly_widget_views":4},"uid":"f14197f8c39de4ecd01c4bd56966dfdcdcedb76b","pod_id":348206,"created_at":"Wed, 03 Feb 2010 06:55:00 -0600","video_id":4647997,"embed_host":"youtube-nocookie.com","user":{"link":"/methodshop","_value":"methodshop","username":"methodshop","user_id":334653},"embed_tag":"<embed wmode=\"transparent\" src=\"http://www.youtube-nocookie.com/v/v1m8a4Jl4ZI&hl=en_US&fs=1&rel=0\" type=\"application/x-shockwave-flash\" allowfullscreen=\"true\" allowscriptaccess=\"never\" height=\"100%\" width=\"100%\"></embed>","thumbnails":{"assigned":false,"medium":"http://img.vpimg.net/2980356.medium160.jpg","small":"http://img.vpimg.net/2980356.jpg","large":"http://img.vpimg.net/2980356.large.jpg"},"autoplay_embed_tag":"<embed wmode=\"transparent\" src=\"http://www.youtube-nocookie.com/v/v1m8a4Jl4ZI&hl=en_US&fs=1&rel=0\" flashvars=\"autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" type=\"application/x-shockwave-flash\" allowfullscreen=\"true\" allowscriptaccess=\"never\" height=\"100%\" width=\"100%\"></embed>","title":"Australian Banker Caught Surfing Porn on Live TV [video]"}},{"video":{"updated_at":"Thu, 28 Jan 2010 08:23:00 -0600","vodpod_id":2945399,"num_collectors":1,"original_url":"http://www.methodshop.com/2010/01/madtv-ipad-spoof-video.shtml","description":"The iPad. Not exactly Apple's greatest product name. We were really hoping for iSlate or maybe even the Apple Newton II. Most people connect pads to menstruation... including the writers from Fox's defunct sketch comedy show, MADtv. They actually did an iPod spoof called iPad years ago. We found the clip still up on YouTube.      Want to save this YouTube video on to your computer? Here's a step-by-step methodshop.com tutorial on how to rip video files off YouTube.com and convert them for any iTunes compatible device like an iPod, iPhone or Apple TV.  methodshop","link":"http://vodpod.com/watch/2945399-madtv-ipad-spoof-video","stats":{"weekly_views":14,"total_pod_views":22,"total_widget_views":12,"weekly_pod_views":7,"total_views":34,"weekly_widget_views":7},"uid":"83478ed6e69bc67263c91eb8990b72de1bf06751","pod_id":348206,"created_at":"Thu, 28 Jan 2010 08:23:00 -0600","video_id":4593153,"embed_host":"youtube-nocookie.com","user":{"link":"/methodshop","_value":"methodshop","username":"methodshop","user_id":334653},"embed_tag":"<embed wmode=\"transparent\" src=\"http://www.youtube-nocookie.com/v/lsjU0K8QPhs&hl=en_US&fs=1&rel=0\" type=\"application/x-shockwave-flash\" allowfullscreen=\"true\" allowscriptaccess=\"never\" height=\"100%\" width=\"100%\"></embed>","thumbnails":{"assigned":false,"medium":"http://img.vpimg.net/2945399.medium160.jpg","small":"http://img.vpimg.net/2945399.jpg","large":"http://img.vpimg.net/2945399.large.jpg"},"autoplay_embed_tag":"<embed wmode=\"transparent\" src=\"http://www.youtube-nocookie.com/v/lsjU0K8QPhs&hl=en_US&fs=1&rel=0\" flashvars=\"autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" type=\"application/x-shockwave-flash\" allowfullscreen=\"true\" allowscriptaccess=\"never\" height=\"100%\" width=\"100%\"></embed>","title":"MADtv - iPad Spoof [video]"}},{"video":{"updated_at":"Wed, 27 Jan 2010 21:16:00 -0600","vodpod_id":2943204,"num_collectors":1,"original_url":"http://www.methodshop.com/2010/01/conan-in-cheetos-video.shtml","description":"Using approximately 2,000 Cheetos sorted from over 50 bags, one artist has painstakingly created a portrait of ex-Tonight Show host Conan O'Brien. He recorded a time lapse video of himself creating the cheesy portrait and posted it on YouTube last week. It's not exactly edible, but it might help satisfy your hunger for Coco until he [hopefully] returns to late night this fall.  Want to save this YouTube video on to your computer? Here's a step-by-step methodshop.com tutorial on how to rip video files off YouTube.com and convert them for any iTunes compatible device like an iPod, iPhone or Apple TV.  methodshop","link":"http://vodpod.com/watch/2943204-conan-obrien-immortalized-in-cheetos-video","stats":{"weekly_views":3,"total_pod_views":8,"total_widget_views":1,"weekly_pod_views":3,"total_views":9,"weekly_widget_views":0},"uid":"14f069c2d8d9ccf9f7fded6bdc67615789b3b638","pod_id":348206,"created_at":"Wed, 27 Jan 2010 21:16:00 -0600","video_id":4589855,"embed_host":"youtube-nocookie.com","user":{"link":"/methodshop","_value":"methodshop","username":"methodshop","user_id":334653},"embed_tag":"<embed wmode=\"transparent\" src=\"http://www.youtube-nocookie.com/v/i2duYw2-yM4&hl=en_US&fs=1&rel=0\" type=\"application/x-shockwave-flash\" allowfullscreen=\"true\" allowscriptaccess=\"never\" height=\"100%\" width=\"100%\"></embed>","thumbnails":{"assigned":false,"medium":"http://img.vpimg.net/2943204.medium160.jpg","small":"http://img.vpimg.net/2943204.jpg","large":"http://img.vpimg.net/2943204.large.jpg"},"autoplay_embed_tag":"<embed wmode=\"transparent\" src=\"http://www.youtube-nocookie.com/v/i2duYw2-yM4&hl=en_US&fs=1&rel=0\" flashvars=\"autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" type=\"application/x-shockwave-flash\" allowfullscreen=\"true\" allowscriptaccess=\"never\" height=\"100%\" width=\"100%\"></embed>","title":"Conan O'Brien Immortalized in Cheetos [video]"}},{"video":{"updated_at":"Tue, 26 Jan 2010 07:01:00 -0600","vodpod_id":2934263,"num_collectors":1,"original_url":"http://www.methodshop.com/2010/01/crazy-kid-jumps-bus-video.shtml","description":"Despite being on the internet for over a year, Police are now looking for the kid in this bus jumping video. In the clip, the kid jumps off a raised walkway, onto the top of a bus and then off the bus and into oncoming traffic.  Ironically, all the Police attention has now made the clip more popular than ever. We wonder if the kid is even still alive. Who knows what other stunts he's done this past year.     Want to save this YouTube video on to your computer? Here's a step-by-step methodshop.com tutorial on how to rip video files off YouTube.com and convert them for any iTunes compatible device like an iPod, iPhone or Apple TV.  methodshop","link":"http://vodpod.com/watch/2934263-crazy-kid-jumps-bus-video","stats":{"weekly_views":10,"total_pod_views":10,"total_widget_views":12,"weekly_pod_views":5,"total_views":22,"weekly_widget_views":5},"uid":"b7184e8fdb72ab582cfd0f2db5e23538b6df2f40","pod_id":348206,"created_at":"Tue, 26 Jan 2010 07:01:00 -0600","video_id":4575600,"embed_host":"flickr.com","user":{"link":"/methodshop","_value":"methodshop","username":"methodshop","user_id":334653},"embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" bgcolor=\"#000000\" type=\"application/x-shockwave-flash\" src=\"http://www.flickr.com/apps/video/stewart.swf?v=71377\" allowfullscreen=\"true\" flashvars=\"offsite=true&intl_lang=en-us&photo_secret=f32a05aa7b&photo_id=4305825795\" height=\"100%\" width=\"100%\"></embed>","thumbnails":{"assigned":false,"medium":"http://img.vpimg.net/2934263.medium160.jpg","small":"http://img.vpimg.net/2934263.jpg","large":"http://img.vpimg.net/2934263.large.jpg"},"autoplay_embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" bgcolor=\"#000000\" type=\"application/x-shockwave-flash\" src=\"http://www.flickr.com/apps/video/stewart.swf?v=71377\" allowfullscreen=\"true\" flashvars=\"offsite=true&intl_lang=en-us&photo_secret=f32a05aa7b&photo_id=4305825795&autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" height=\"100%\" width=\"100%\"></embed>","title":"Crazy Kid Jumps Bus [video]"}},{"video":{"updated_at":"Fri, 22 Jan 2010 10:32:00 -0600","vodpod_id":2910939,"num_collectors":1,"original_url":"http://www.methodshop.com/2010/01/masturbating-bear.shtml","description":"This week, Conan O'Brien brought out the infamous Masturbating Bear character from his old NBC 12:35 show, Late Night with Conan O'Brien. The self-pleasuring bear wasn't deemed appropriate for the 11:35 pm show, The Tonight Show with Conan O'Brien. But with only days left at NBC, and Coco not allowed to bring any gags from his NBC shows to a new network, the Bear made a quick cameo [video].              methodshop","link":"http://vodpod.com/watch/2910939-masturbating-bear-returns-to-conan-video","stats":{"weekly_views":6,"total_pod_views":8,"total_widget_views":11,"weekly_pod_views":1,"total_views":19,"weekly_widget_views":5},"uid":"1100038b6d49e6c10fea37c519b1d769ea8cef54","pod_id":348206,"created_at":"Fri, 22 Jan 2010 10:32:00 -0600","video_id":4539025,"embed_host":"c.brightcove.com","user":{"link":"/methodshop","_value":"methodshop","username":"methodshop","user_id":334653},"embed_tag":"<embed wmode=\"transparent\" name=\"flashObj\" bgcolor=\"#FFFFFF\" src=\"http://c.brightcove.com/services/viewer/federated_f9/6555681001?isVid=1&publisherID=769341148\" type=\"application/x-shockwave-flash\" allowfullscreen=\"true\" swliveconnect=\"true\" pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" flashvars=\"videoId=62728434001&playerID=6555681001&domain=embed&\" allowscriptaccess=\"never\" height=\"100%\" seamlesstabbing=\"false\" base=\"http://admin.brightcove.com\" width=\"100%\"></embed>","thumbnails":{"assigned":false,"medium":"http://img.vpimg.net/2910939.medium160.jpg","small":"http://img.vpimg.net/2910939.jpg","large":"http://img.vpimg.net/2910939.large.jpg"},"autoplay_embed_tag":"<embed wmode=\"transparent\" name=\"flashObj\" bgcolor=\"#FFFFFF\" src=\"http://c.brightcove.com/services/viewer/federated_f9/6555681001?isVid=1&publisherID=769341148\" type=\"application/x-shockwave-flash\" allowfullscreen=\"true\" swliveconnect=\"true\" pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" flashvars=\"videoId=62728434001&playerID=6555681001&domain=embed&&autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" allowscriptaccess=\"never\" height=\"100%\" seamlesstabbing=\"false\" base=\"http://admin.brightcove.com\" width=\"100%\"></embed>","title":"Masturbating Bear Returns to Conan [video]"}}],"total":107}});
  
  widget3755573273.innerHTML += '<div class="vodpod_placeholder_bottom"></div>';
  widget3755573273.innerHTML += '<img src="http://stats.vodpod.com/stats/widget/348206/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 = ''
  
  
  widget3755573273.style.display = 'block';
}

function createInfoBox3755573273() {
  var img = document.createElement('img');
  img.id = 'popup_image_3755573273';
  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_3755573273';
  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='closeInfoBox3755573273()'>";
  html += "</div>"
  
  container.innerHTML = html;
  
  var header = document.createElement('div');
  header.id = 'popup_header_3755573273';
  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 closeInfoBox3755573273() {
  var image = document.getElementById('popup_image_3755573273');
  var container = document.getElementById('popup_container_3755573273');
  var header = document.getElementById('popup_header_3755573273');
  
  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_loadNextSet3755573273(direction) {
  page3755573273 += direction;
  url = 'http://api.vodpod.com/api/pod/videos.js?pod_id=348206&api_key=js_widget&callback=vp_loadJsonVideos3755573273&per_page=5&page=' + page3755573273 + '&category_id=';

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

function vp_loadJsonVideos3755573273(json) {
  video_container = vp_getElementsByClassName(widget3755573273, 'vodpod_video_container')[0]; //document.getElementById('vodpod_video_container_348206');
  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 > page3755573273*per_page) {
      next_node.className = 'active';
    } else {
      next_node.className = 'inactive';
    }
  }
  
  if (prev_node != null) {
    if (page3755573273 > 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 + (page3755573273 - 1) * per_page;
      html = vp_createVideo(video);
      
      video_container.innerHTML += html;
    }
  }
  
  vp_fixIePngs(widget3755573273);
}

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(widget3755573273, '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(widget3755573273);
  var widget_width = widget3755573273.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 + widget3755573273.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(widget3755573273, '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_348206&opts=id%3D348206%26v%3D2%26type%3Dcustom%26options%5Bpaging%5D%3Dtrue';
  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;
    }

}


