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

var widget9769178046 = document.getElementById('vodpod_recent_videos');
var vp_widget_id = 'vodpod_recent_videos';


widget9769178046.innerHTML = '';
// Hide the widget, until it has been created
widget9769178046.style.display = 'none';
widget9769178046.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:135px !important; color:#eee !important; position:relative !important; text-decoration:none !important; font-size:11px !important; font-family:arial,verdana,sans-serif !important; padding:0px !important; margin:0px !important; } .vodpod_videos_widget * { font-size:11px !important; color:#eee !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:135px !important; height:102px !important; margin-bottom:4px !important; cursor:pointer !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_thumbnail { display:block !important; width:135px !important; height:102px !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_thumbnail img { width:135px !important; height:102px !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:133px !important; padding-left:2px !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:3px !important; left:4px !important; font-weight:bold !important; height:26px !important; line-height:14px !important; overflow:hidden !important; text-align:left !important; color:#fff !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:12px !important; padding-left:4px !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 { height:1px !important; line-height:1px !important; } .vodpod_videos_widget .vodpod_footer { text-align:right !important; background:#777 !important; padding:2px 4px !important; height:34px !important; width:127px !important; } .vodpod_videos_widget .vodpod_footer a { color:#fff !important; } .vodpod_videos_widget .vodpod_footer .vodpod_see_all { } .vodpod_videos_widget .vodpod_footer .vodpod_powered_by { float:right !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:none !important; }";
  
  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_createWidget9769178046();

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_createWidget9769178046() {
  
  widget_header = '    <div class=\"vodpod_placeholder_top\"><\/div>\n    <div class=\"vodpod_header\" title=\"Habanito\">\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://habanito.vodpod.com\" target=\"_new\">Habanito<\/a><\/div>\n';
  
  widget9769178046.innerHTML += widget_header;
  
  
  video_html = '<div class="vodpod_video_container" id="vodpod_video_container_vodpod_recent_videos_402673">';
  
  widget9769178046.innerHTML += video_html;
    
  footer_html = '<div class="vodpod_footer_separator">&nbsp;</div>\
  <div class="vodpod_footer">\
    <a href="http://habanito.vodpod.com" target="_new" class="vodpod_see_all" style="">see all 11 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>';

  widget9769178046.innerHTML += footer_html

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

  // Load the videos
  vp_loadJsonVideos9769178046({"videos":{"items":[{"video":{"embed_host":"blip.tv","video_id":2625659,"created_at":"Fri, 29 May 2009 14:12:18 -0500","description":"\u00c1gora News entrevist\u00f3 a \u00c1lex de la Iglesia tras la presentaci\u00f3n de los Premios INVI. Sin duda un documento interesant\u00edsimo proviniendo de qui\u00e9n viene. Nada m\u00e1s y nada menos que el \u00fanico candidato, por el momento, para presidir la Academia de Cine. No tiene desperdicio, v\u00e9anlo.\n\nQuisiera resaltar en especial su pecado al descargar s\u00f3lo porno. [...]","link":"http:\/\/vodpod.com\/watch\/1688440-entrevista-con-lex-de-la-iglesia-prximo-presidente-de-la-academia-de-cine-me-gustara-dar-sensacin-de-unidad-y-recuperar-el-respeto-perdido","num_collectors":1,"thumbnails":{"assigned":false,"medium":"http:\/\/img.vpimg.net\/1688440.medium160.jpg","large":"http:\/\/img.vpimg.net\/1688440.large.jpg","small":"http:\/\/img.vpimg.net\/1688440.jpg"},"stats":{"weekly_widget_views":0,"total_views":104,"total_pod_views":100,"weekly_views":1,"total_widget_views":4,"weekly_pod_views":1},"uid":"66be5a7be7b76bcbec8ab832695411236f31bac7","updated_at":"Fri, 29 May 2009 14:12:18 -0500","embed_tag":"<embed wmode=\"transparent\" src=\"http:\/\/blip.tv\/play\/gZcwgYWzfIrpRQ\" type=\"application\/x-shockwave-flash\" width=\"100%\" height=\"100%\" allowscriptaccess=\"never\" allowfullscreen=\"true\"><\/embed>","original_url":"","user":{"user_id":385376,"link":"\/habanito","username":"habanito","_value":"Habanito"},"autoplay_embed_tag":"<embed wmode=\"transparent\" src=\"http:\/\/blip.tv\/play\/gZcwgYWzfIrpRQ\" flashvars=\"autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" type=\"application\/x-shockwave-flash\" width=\"100%\" height=\"100%\" allowscriptaccess=\"never\" allowfullscreen=\"true\"><\/embed>","vodpod_id":1688440,"pod_id":402673,"title":"Alex de la Iglesia: \u201cMe molesta que se vean mal\u201d"}},{"video":{"embed_host":"youtube.com","video_id":2546283,"orig_description":"Clip from They Live, a classic from 1988.\nJohn Carpenter's slow and deliberate immersion of the daun","created_at":"Mon, 18 May 2009 13:49:21 -0500","description":"Una visi\u00f3n negativa de la publicidad y de la sociedad de consumo. Eso s\u00ed, en los a\u00f1os 80.","link":"http:\/\/vodpod.com\/watch\/1633726-they-live-obey-consume-this-is-your-god","num_collectors":3,"thumbnails":{"assigned":false,"medium":"http:\/\/img.vpimg.net\/1633726.medium160.jpg","large":"http:\/\/img.vpimg.net\/1633726.large.jpg","small":"http:\/\/img.vpimg.net\/1633726.jpg"},"stats":{"weekly_widget_views":0,"total_views":26,"total_pod_views":26,"weekly_views":1,"total_widget_views":0,"weekly_pod_views":1},"uid":"ef4463c6952348ec1244fd881cb39ad12b54f168","updated_at":"Mon, 18 May 2009 13:49:21 -0500","embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/7Lwlx3GnLGs&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","original_url":"http:\/\/www.google.com\/url?q=http:\/\/www.youtube.com\/watch%3Fv%3D7Lwlx3GnLGs&source=video&vgc=rss&usg=AFQjCNEi0arGc-IlYXP0MQ9nY57KPEajTw","user":{"user_id":385376,"link":"\/habanito","username":"habanito","_value":"Habanito"},"autoplay_embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/7Lwlx3GnLGs&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","vodpod_id":1633726,"pod_id":402673,"title":"They Live - Obey, Consume, This is your God"}},{"video":{"embed_host":"youtube.com","video_id":2542311,"created_at":"Sun, 17 May 2009 18:03:58 -0500","description":"Lo que no pudo ser, no pudo ser. Soraya no consigui\u00f3 ganar y qui\u00e9n lo hizo fue Alexander Rybak con una canci\u00f3n a prop\u00f3sito de un fracaso amoroso. Tengan eso en cuenta. Adem\u00e1s, que lo hizo con el mayor puntuaje posible. Exactamente 387 puntos.\nUna sensaci\u00f3n que siempre me ha producido el Festival de la canci\u00f3n de Eurovisi\u00f3n es su incertidumbre. Aunque algunos pronostiquen qui\u00e9n va a ganar, existe un sistema curioso de votaci\u00f3n ineludible. T\u00e9cnicamente muy sencillo y f\u00e1cil de realizar. Pero tan distinto en sus resultados como culturas engloba la Uni\u00f3n Europea. Con veinticinco participantes y nada m\u00e1s y nada menos que cuarenta y dos votantes.\nPrecisamente, ante tan vasto p\u00fablico y poco cohesionado culturalmente, cabe preguntarse lo siguiente \u00bfpor qu\u00e9 gan\u00f3 la canci\u00f3n de Alexander? No quiero hacer de esto un post pla\u00f1idero por la baja puntuaci\u00f3n de nuestra representante sino por el hecho de que, en el entretenimiento, la clave del \u00e9xito nunca est\u00e1 escrita. Y bien es pensar sobre ella.\nEn Espa\u00f1a se opt\u00f3 por Soraya y se ve\u00eda en la calle cierta satisfacci\u00f3n. Con Chikilicuatre sab\u00edamos que no har\u00edamos mucho. Pero la extreme\u00f1a era otra cosa. No obstante, el aire de canci\u00f3n de baile discotequera de seducci\u00f3n la llev\u00f3 a ese estilo tan eurovisivo que tienen numerosas canciones del certamen. Supuestamente, algo bueno. Algunos dicen que la puesta era peor que la de otras. Puede ser, aunque el juego de la desaparici\u00f3n tuvo su cosa. Y la \u00faltima posici\u00f3n en la actuaci\u00f3n tiene ese car\u00e1cter ambig\u00fco ante el p\u00fablico: o lo recuerdas con m\u00e1s fuerza (algo positivo) o tu cabeza ya estaba pensando en las anteriores (lo negativo). La canci\u00f3n espa\u00f1ola era a mi parecer acorde al certamen. Entonces, \u00bfpor qu\u00e9 Alexander?\nNo s\u00e9 por qu\u00e9 exactamente (en realidad, nunca se sabe, se intuye) pero probablemente por tres motivos que la hicieron, ante las dem\u00e1s, diferente. El primero, ser de amor. S\u00ed, \u00bfqu\u00e9 canci\u00f3n no toca el amor? Pero esta respecto al est","link":"http:\/\/vodpod.com\/watch\/1579722-alexander-rybak-fairytale-norway","num_collectors":4,"thumbnails":{"assigned":false,"medium":"http:\/\/img.vpimg.net\/1579722.medium160.jpg","large":"http:\/\/img.vpimg.net\/1579722.large.jpg","small":"http:\/\/img.vpimg.net\/1579722.jpg"},"stats":{"weekly_widget_views":0,"total_views":2,"total_pod_views":0,"weekly_views":0,"total_widget_views":2,"weekly_pod_views":0},"uid":"5f7c301053126dd8f15769bf47ee1bfc7aa06bb7","updated_at":"Sun, 17 May 2009 18:03:58 -0500","embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/y4D_hguWPQE&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&hl=en&fs=1\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","original_url":"","user":{"user_id":385376,"link":"\/habanito","username":"habanito","_value":"Habanito"},"autoplay_embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/y4D_hguWPQE&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&hl=en&fs=1\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","vodpod_id":1579722,"pod_id":402673,"title":"Eurovisi\u00f3n y el gusto europeo: \u00bfPor qu\u00e9 la canci\u00f3n de Alexander?"}},{"video":{"embed_host":"youtube.com","video_id":2296335,"created_at":"Mon, 30 Mar 2009 13:35:05 -0500","description":"http:\/\/www.btang.net\/\nOr Donate to this Channel:\nhttps:\/\/www.paypal.com btang @ etomicmail.com\n3.0 f","link":"http:\/\/vodpod.com\/watch\/1166833-did-you-know","num_collectors":139,"thumbnails":{"assigned":false,"medium":"http:\/\/img.vpimg.net\/1166833.medium160.jpg","large":"http:\/\/img.vpimg.net\/1166833.large.jpg","small":"http:\/\/img.vpimg.net\/1166833.jpg"},"stats":{"weekly_widget_views":0,"total_views":0,"total_pod_views":0,"weekly_views":0,"total_widget_views":0,"weekly_pod_views":0},"uid":"d83f0255ba462bb916e38f1366a54a72bfe4bee3","updated_at":"Mon, 30 Mar 2009 13:35:05 -0500","embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/jpEnFwiqdx8&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&rel=0&color1=0x2b405b&color2=0x6b8ab6&\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","original_url":"http:\/\/www.hans-wurst.de\/did_you_know_3_0_6079_media.html","user":{"user_id":385376,"link":"\/habanito","username":"habanito","_value":"Habanito"},"autoplay_embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/jpEnFwiqdx8&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&rel=0&color1=0x2b405b&color2=0x6b8ab6&\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","vodpod_id":1166833,"pod_id":402673,"title":"2008 Latest Edition - Did You Know 3.0 - From Meeting in Rome ..."}},{"video":{"embed_host":"youtube.com","video_id":2009932,"created_at":"Sun, 25 Jan 2009 16:44:33 -0600","description":"Der H\ufffdlle Rache. Charming and sophisticated performance of The Magic Flute at The Royal Opera House Covent Garden, lead by Colin Davis, directed ...","link":"http:\/\/vodpod.com\/watch\/37830-damrau-die-zauberflte-mozart-der-hlle-rache","num_collectors":5,"thumbnails":{"assigned":false,"medium":"http:\/\/img.vpimg.net\/37830.medium160.jpg","large":"http:\/\/img.vpimg.net\/37830.large.jpg","small":"http:\/\/img.vpimg.net\/37830.jpg"},"stats":{"weekly_widget_views":2,"total_views":4,"total_pod_views":1,"weekly_views":2,"total_widget_views":3,"weekly_pod_views":0},"uid":"c1a87d7ed23f9d4381e3d3c7ec6327e65f30c4a1","updated_at":"Sun, 25 Jan 2009 16:44:33 -0600","embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/DvuKxL4LOqc&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","original_url":"http:\/\/www.youtube.com\/watch?v=DvuKxL4LOqc&eurl=http%3A%2F%2Fgtltornt%2Ewordpress%2Ecom%2F2007%2F04%2F05%2Fdiana%2Ddamrau%2Dsoprano%2F","user":{"user_id":385376,"link":"\/habanito","username":"habanito","_value":"Habanito"},"autoplay_embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/DvuKxL4LOqc&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","vodpod_id":37830,"pod_id":402673,"title":"Diana Damrau as Queen of the Night II"}}],"total":11}});
  
  widget9769178046.innerHTML += '<div class="vodpod_placeholder_bottom"></div>';
  widget9769178046.innerHTML += '<img src="http://stats.vodpod.com/stats/widget/402673/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 = ''
  
      els = vp_getElementsByClassName(widget9769178046.parentNode, 'vodpod_footer');
      for (i = 0; i<els.length; i++)
      {
        els[i].style.background = '#606060';
      }
  
      els = vp_getElementsByClassName(widget9769178046.parentNode, 'vodpod_video_placeholder1');
      for (i = 0; i<els.length; i++)
      {
        els[i].style.background = '#606060';
      }
  
  
  widget9769178046.style.display = 'block';
}

function createInfoBox9769178046() {
  var img = document.createElement('img');
  img.id = 'popup_image_9769178046';
  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_9769178046';
  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='closeInfoBox9769178046()'>";
  html += "</div>"
  
  container.innerHTML = html;
  
  var header = document.createElement('div');
  header.id = 'popup_header_9769178046';
  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 closeInfoBox9769178046() {
  var image = document.getElementById('popup_image_9769178046');
  var container = document.getElementById('popup_container_9769178046');
  var header = document.getElementById('popup_header_9769178046');
  
  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_loadNextSet9769178046(direction) {
  page9769178046 += direction;
  url = 'http://api.vodpod.com/api/pod/videos.js?pod_id=402673&api_key=js_widget&callback=vp_loadJsonVideos9769178046&per_page=5&page=' + page9769178046 + '&category_id=';

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

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

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(widget9769178046, '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(widget9769178046);
  var widget_width = widget9769178046.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 + widget9769178046.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(widget9769178046, '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_402673&opts=id%3Dhabanito%26options%5Btheme%5D%3Dsidebar2%26tag_id%3Dlatest%26title%3DHabanito%26';
  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;
    }

}