

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://assets.vpimg.net/images/blank.gif";
if (typeof(vp_videos) == 'undefined')
  var vp_videos = {};
var page6427264264 = 1;
var origOpacity = null;
var hosted_url = null;
var custom_url = null;


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


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

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_createWidget6427264264() {
  
  widget_header = '    <div class=\"vodpod_placeholder_top\"><\/div>\n    <div class=\"vodpod_header\" title=\"videos CAPA\">\n    <img src=\"http://assets.vpimg.net/images/widget/logo_14px.png\" class=\"vodpod_header_logo vodpod_png\" style=\"width:14px;height:14px;\" />\n    <a href=\"http://vodpod.com/capatv/capaweb\" target=\"_new\">videos CAPA<\/a><\/div>\n';
  
  widget6427264264.innerHTML += widget_header;
  
  
  video_html = '<div class="vodpod_video_container" id="vodpod_video_container_vodpod_recent_videos_328102">';
  
  widget6427264264.innerHTML += video_html;
    
  footer_html = '<div class="vodpod_footer_separator">&nbsp;</div>\
  <div class="vodpod_footer">';
  // footer_html += '<a href="http://vodpod.com/capatv/capaweb" target="_new" class="vodpod_see_all" style="">follow me on vodpod &raquo;</a>';

  footer_html += '';
  
    footer_html += '<a href="http://vodpod.com/capatv" target="_new" class="vodpod_powered_by"> \
    <img src="http://assets.vpimg.net/images/widget/logo_10px.png" class="vodpod_png" style="width:10px;height:10px;display:inline;margin-top:2px !important;margin-left:2px !important;margin-right:2px !important;border:none;"/>\
    <div style="display:inline;">follow me on vodpod &raquo;</div>\
    </a>'
  
  
  footer_html += '<div id="vodpod_footer_clear"></div></div>';

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

  // Load the videos
  vp_loadJsonVideos6427264264({"videos":{"items":[{"video":{"embed_host":"youtube.com","pod_id":328102,"description":"Cette semaine dans Consomag \u00ab le sauvetage en mer \u00bb \nLe long des c\u00f4tes fran\u00e7aises, la moiti\u00e9 des op\u00e9rations de secours est assur\u00e9e par les Sauveteurs en mer. Au large, ce sont les sauveteurs embarqu\u00e9s qui interviennent  pour aider les  plaisanciers.","original_url":"http://www.capatv.com/?p=7104","thumbnails":{"assigned":false,"small":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/4099829.jpg","medium":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/4099829.medium160.jpg","large":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/4099829.large.jpg"},"num_collectors":1,"vodpod_id":4099829,"link":"http://vodpod.com/watch/4099829-video-consomag-le-sauvetage-en-mer","title":"[VIDEO] Consomag : le sauvetage en mer","embed_tag":"<embed src=\"http://www.youtube.com/v/s0NrQ9ZljwU&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&amp;hl=fr_FR&amp;fs=1\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","uid":"556f58f4472f1cba59421707c769f60d870e9c4f","updated_at":"Mon, 26 Jul 2010 03:00:06 -0500","user":{"user_id":316064,"username":"capatv","link":"/capatv","_value":"capatv"},"video_id":6374657,"created_at":"Mon, 26 Jul 2010 03:00:06 -0500","autoplay_embed_tag":"<embed src=\"http://www.youtube.com/v/s0NrQ9ZljwU&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&amp;hl=fr_FR&amp;fs=1\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","stats":{"total_views":5,"total_pod_views":1,"weekly_views":3,"total_widget_views":4,"weekly_pod_views":1,"weekly_widget_views":2}}},{"video":{"embed_host":"youtube.com","pod_id":328102,"description":"Cette semaine dans Consomag : les sports nautiques\nLe d\u00e9veloppement des loisirs nautiques impose de nouvelles r\u00e8gles. La pratique de la planche \u00e0 voile, du surf, du scooter des mers et autres engins pneumatiques ne doit pas faire oublier que la mer peut \u00eatre dangereuse.","original_url":"http://www.capatv.com/?p=7099","thumbnails":{"assigned":false,"small":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/4051810.jpg","medium":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/4051810.medium160.jpg","large":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/4051810.large.jpg"},"num_collectors":1,"vodpod_id":4051810,"link":"http://vodpod.com/watch/4051810-video-consomag-les-sports-nautiques-conseils-pratiques","title":"[VIDEO] Consomag : les sports nautiques, conseils pratiques","embed_tag":"<embed src=\"http://www.youtube.com/v/63a4myPgkLQ&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&amp;hl=fr_FR&amp;fs=1\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","uid":"aaecfd86cc999ab7ab88a3e7989291cef3e057f8","updated_at":"Mon, 19 Jul 2010 03:00:55 -0500","user":{"user_id":316064,"username":"capatv","link":"/capatv","_value":"capatv"},"video_id":6302571,"created_at":"Mon, 19 Jul 2010 03:00:55 -0500","autoplay_embed_tag":"<embed src=\"http://www.youtube.com/v/63a4myPgkLQ&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&amp;hl=fr_FR&amp;fs=1\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","stats":{"total_views":8,"total_pod_views":1,"weekly_views":6,"total_widget_views":7,"weekly_pod_views":1,"weekly_widget_views":5}}},{"video":{"embed_host":"youtube.com","pod_id":328102,"description":"Cette semaine dans Consomag : Peut-on r\u00e9utiliser les m\u00e9dicaments prescrits? \nMaux de gorge, fi\u00e8vre, douleurs mod\u00e9r\u00e9es ou br\u00fblures d\u2019estomac, certains sympt\u00f4mes courants sont souvent r\u00e9currents.","original_url":"http://www.capatv.com/?p=7095","thumbnails":{"assigned":false,"small":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/4007077.jpg","medium":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/4007077.medium160.jpg","large":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/4007077.large.jpg"},"num_collectors":1,"vodpod_id":4007077,"link":"http://vodpod.com/watch/4007077-video-consomag-sant-peut-on-rutiliser-les-mdicaments-prescrits-","title":"[VIDEO] Consomag : \u00ab Sant\u00e9 : Peut-on r\u00e9utiliser les m\u00e9dicaments prescrits? \u00bb","embed_tag":"<embed src=\"http://www.youtube.com/v/p3BVMZB3OkM&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&amp;hl=fr_FR&amp;fs=1\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","uid":"b2fbc15461fe96c5ac126815aaae12458ac46383","updated_at":"Mon, 12 Jul 2010 03:00:36 -0500","user":{"user_id":316064,"username":"capatv","link":"/capatv","_value":"capatv"},"video_id":6235447,"created_at":"Mon, 12 Jul 2010 03:00:36 -0500","autoplay_embed_tag":"<embed src=\"http://www.youtube.com/v/p3BVMZB3OkM&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&amp;hl=fr_FR&amp;fs=1\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","stats":{"total_views":17,"total_pod_views":1,"weekly_views":6,"total_widget_views":16,"weekly_pod_views":0,"weekly_widget_views":6}}},{"video":{"embed_host":"youtube.com","pod_id":328102,"description":"Cette semaine dans Consomag : prendre la mer en s\u00e9curit\u00e9.\nAvant d\u2019embarquer sur un bateau, il existe des r\u00e8gles \u00e0 suivre.","original_url":"http://www.capatv.com/?p=7087","thumbnails":{"assigned":false,"small":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/3978885.jpg","medium":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/3978885.medium160.jpg","large":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/3978885.large.jpg"},"num_collectors":1,"vodpod_id":3978885,"link":"http://vodpod.com/watch/3978885-video-consomag-prendre-la-mer-les-conseils-de-scurit-","title":"[VIDEO] Consomag : \u00ab Prendre la mer : les conseils de s\u00e9curit\u00e9 \u00bb","embed_tag":"<embed src=\"http://www.youtube.com/v/NTv0EyXwgpM&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&amp;hl=fr_FR&amp;fs=1\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","uid":"b674d28b1a2803dbf0f497bdb4ceea80fc1daeb6","updated_at":"Wed, 07 Jul 2010 13:25:56 -0500","user":{"user_id":316064,"username":"capatv","link":"/capatv","_value":"capatv"},"video_id":6192933,"created_at":"Wed, 07 Jul 2010 13:25:56 -0500","autoplay_embed_tag":"<embed src=\"http://www.youtube.com/v/NTv0EyXwgpM&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&amp;hl=fr_FR&amp;fs=1\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","stats":{"total_views":26,"total_pod_views":5,"weekly_views":7,"total_widget_views":21,"weekly_pod_views":2,"weekly_widget_views":5}}},{"video":{"embed_host":"youtube.com","pod_id":328102,"description":"Cette semaine dans Consomag \u00ab les \u00e9co-quartiers \u00bb \nCon\u00e7us pour contribuer \u00e0 la pr\u00e9servation de l\u2019environnement, les \u00e9co-quartiers repr\u00e9sentent une nouvelle fa\u00e7on de voir la ville. A quoi vont-ils ressembler. \nR\u00e9dactrice en chef : Natacha de Mourzitch\nJournaliste : Amel Melhaa","original_url":"http://www.capatv.com/?p=6983","thumbnails":{"assigned":false,"small":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/3917780.jpg","medium":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/3917780.medium160.jpg","large":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/3917780.large.jpg"},"num_collectors":1,"vodpod_id":3917780,"link":"http://vodpod.com/watch/3917780-video-consomag-les-co-quartiers-","title":"[VIDEO] Consomag \u00ab les \u00e9co-quartiers \u00bb","embed_tag":"<embed src=\"http://www.youtube.com/v/FuTDubwQeq4&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&amp;hl=fr_FR&amp;fs=1&amp;\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","uid":"216f172ba7439137b681510806e878a982737d69","updated_at":"Mon, 28 Jun 2010 02:30:47 -0500","user":{"user_id":316064,"username":"capatv","link":"/capatv","_value":"capatv"},"video_id":6099541,"created_at":"Mon, 28 Jun 2010 02:30:47 -0500","autoplay_embed_tag":"<embed src=\"http://www.youtube.com/v/FuTDubwQeq4&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&amp;hl=fr_FR&amp;fs=1&amp;\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","stats":{"total_views":62,"total_pod_views":16,"weekly_views":14,"total_widget_views":46,"weekly_pod_views":3,"weekly_widget_views":11}}},{"video":{"embed_host":"youtube.com","pod_id":328102,"description":"CAPA Entreprises et SUEZ ENVIRONNEMENT obtiennent le prix de la meilleure carte de visite audiovisuelle lors de la 23\u00e8me \u00e9dition du FIMAC. Le film r\u00e9alis\u00e9 par David Faur\u00e9 repose sur un principe d\u2019animation qui pr\u00e9sente de fa\u00e7on tr\u00e8s simple et tr\u00e8s accessible les missions d\u2019un des  principaux acteurs mondiaux de l\u2019environnement. \nAvec cette nouvelle [...]","original_url":"http://www.capatv.com/?p=7031","thumbnails":{"assigned":false,"small":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/3881981.jpg","medium":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/3881981.medium160.jpg","large":"http://s3.vpimg.net/vodpod.com.videos.thumbnail/3881981.large.jpg"},"num_collectors":1,"vodpod_id":3881981,"link":"http://vodpod.com/watch/3881981-video-capa-entreprises-et-suez-environnement-distingus-au-festival-international-des-mdias-audiovisuels-corporate","title":"[VIDEO] CAPA Entreprises et SUEZ ENVIRONNEMENT distingu\u00e9s au Festival International des M\u00e9dias Audiovisuels Corporate","embed_tag":"<embed src=\"http://www.youtube.com/v/9S6DuwrCtZ4&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&amp;hl=fr_FR&amp;fs=1&amp;\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","uid":"b6fbabb16d46e2107f5bb126101e549c25b7dfc7","updated_at":"Tue, 22 Jun 2010 05:38:39 -0500","user":{"user_id":316064,"username":"capatv","link":"/capatv","_value":"capatv"},"video_id":6044951,"created_at":"Tue, 22 Jun 2010 05:38:39 -0500","autoplay_embed_tag":"<embed src=\"http://www.youtube.com/v/9S6DuwrCtZ4&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&amp;hl=fr_FR&amp;fs=1&amp;\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","stats":{"total_views":93,"total_pod_views":11,"weekly_views":16,"total_widget_views":82,"weekly_pod_views":2,"weekly_widget_views":14}}}],"total":152}});
  
  widget6427264264.innerHTML += '<div class="vodpod_placeholder_bottom"></div>';
  widget6427264264.innerHTML += '<img src="http://stats.vodpod.com/stats/widget/328102/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 = ''
  
  
  widget6427264264.style.display = 'block';
}

function createInfoBox6427264264() {
  var img = document.createElement('img');
  img.id = 'popup_image_6427264264';
  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_6427264264';
  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://assets.vpimg.net/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://assets.vpimg.net/images/widget/close_button_white.png' style='cursor:pointer' onclick='closeInfoBox6427264264()'>";
  html += "</div>"
  
  container.innerHTML = html;
  
  var header = document.createElement('div');
  header.id = 'popup_header_6427264264';
  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://assets.vpimg.net/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 closeInfoBox6427264264() {
  var image = document.getElementById('popup_image_6427264264');
  var container = document.getElementById('popup_container_6427264264');
  var header = document.getElementById('popup_header_6427264264');
  
  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://assets.vpimg.net/images/widget/play_icon.png" class="vodpod_video_play_image vodpod_png" style="display:none;"/>\
    <img src="http://assets.vpimg.net/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_loadNextSet6427264264(direction) {
  page6427264264 += direction;
  url = 'http://api.vodpod.com/api/pod/videos.js?pod_id=328102&api_key=js_widget&callback=vp_loadJsonVideos6427264264&per_page=6&page=' + page6427264264 + '&category_id=';

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

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

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(widget6427264264, '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://assets.vpimg.net/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://assets.vpimg.net/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://assets.vpimg.net/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://assets.vpimg.net/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(widget6427264264);
  var widget_width = widget6427264264.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 + widget6427264264.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://assets.vpimg.net/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://assets.vpimg.net/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://assets.vpimg.net/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(widget6427264264, '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://assets.vpimg.net/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_328102&opts=id%3D328102%26v%3D2%26type%3Dcustom%26options%5Bnum%5D%3D6%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;
    }

}


