


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

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


widget1507012576.innerHTML = '';
// Hide the widget, until it has been created
widget1507012576.style.display = 'none';
widget1507012576.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:165px !important; color:#666 !important; position:relative !important; border:2px solid #777 !important; font-family:arial,verdana,sans-serif !important; margin:0px !important; padding:0px !important; } .vodpod_videos_widget * { font-size:11px !important; } .vodpod_videos_widget a { color:#666 !important; text-decoration:none !important; } .vodpod_videos_widget a:hover { text-decoration:underline !important; } .vodpod_videos_widget .vodpod_header { display:block !important; height:24px !important; line-height:22px !important; overflow:hidden !important; color:#fff !important; background:#777 !important; width:100% !important; } .vodpod_videos_widget .vodpod_header img { vertical-align:middle !important; margin-left:2px !important; } .vodpod_videos_widget .vodpod_header a { color:#fff !important; } .vodpod_videos_widget .vodpod_video { position:relative !important; width:157px !important; height:75px !important; padding:4px !important; margin:0px !important; border-bottom:1px solid #ccc !important; background:#fff !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_thumbnail { display:block !important; width:100px !important; height:75px !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_thumbnail img { width:100px !important; height:75px !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:98px !important; padding-left:2px !important; opacity:0.5 !important; filter:alpha(opacity=50) !important; -moz-opacity:0.50 !important; height:24px !important; top:55px !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; top:56px !important; left:5px !important; font-weight:bold !important; height:22px !important; width:100px !important; line-height:11px !important; overflow:hidden !important; text-align:left !important; color:#fff !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_views { display:block !important; position:absolute !important; width:50px !important; line-height:12px !important; right:3px !important; top:5px !important; text-align:right !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_views .vodpod_video_views_num { font-weight:bold !important; font-size:1.1em !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_views .vodpod_video_views_label { font-size:0.9em !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_created_at { line-height:12px !important; display:block !important; position:absolute !important; width:55px !important; line-height:12px !important; right:3px !important; top:68px !important; text-align:right !important; font-size:11px !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_clear { } .vodpod_videos_widget .vodpod_video_container .vodpod_video_container_clear { } .vodpod_videos_widget .vodpod_footer_separator { height:1px !important; line-height:1px !important; } .vodpod_videos_widget .vodpod_footer { background:#777 !important; text-align:right !important; padding:3px !important; height:30px !important; width:160px !important; } .vodpod_videos_widget .vodpod_footer a { color:#fff !important; line-height:14px !important; } .vodpod_videos_widget .vodpod_footer .vodpod_see_all { } .vodpod_videos_widget .vodpod_powered_by { float:right !important; margin-top:2px !important; } .vodpod_videos_widget .vodpod_footer .vodpod_footer_clear { } #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_createWidget1507012576();

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

  widget1507012576.innerHTML += footer_html

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

  // Load the videos
  vp_loadJsonVideos1507012576({"videos":{"items":[{"video":{"embed_host":"youtube.com","video_id":2236452,"created_at":"Wed, 18 Mar 2009 23:49:22 -0500","description":"Palabras del Presidente de la Corte Suprema de la Rep\u00fablica del Poder Judicial, Dr. Javier Villa Stein, sostenidas durante la\u00a0ceremonia de reconocimiento que\u00a0 la COORDINADORA NACIONAL DE BASES JUDICIALES, le otorgaron con la menci\u00f3n de \u201cGran Colaborador de las causas Gremiales\u201c, por su apoyo vital para la aprobaci\u00f3n de la Ley 29324 que otorga a los trabajadores(as) \u00a0judiciales, la bonificaci\u00f3n excepcional de S\/600,00 nuevos soles. \nAsistieron a\u00a0 la ceremonia las bases sindicales judiciales de Lima (SUTRAPOJ), Lima Norte, Callao, Ica,\u00a0Ancash y\u00a0Lambayeque. \n\n\nPlaca recordatoria entregada al Presidente de la Corte Suprema de la Rep\u00fablica del oder Judicial. Titulo: \u201cGran Colaborador de las causas Gremiales\u201d.\nFuente: SUTRAPOJ \n11 de marzo del 2009\nPosted in *Noticias Lima, General Tagged: coordinadora nacional de bases judiciales, poder juidicial, sindical\u00edsmo poder judicial per\u00fa, sutrapoj","link":"http:\/\/vodpod.com\/watch\/1443468-palabras-firmes-del-presidente-de-la-corte-suprema-de-la-repblica-dr-javier-villa-stein-soy-enemigo-de-hecharme-a-perseguir-a-la-gentey-de-las-argollas-adems-en-el-poder-judicial-no-deb","num_collectors":1,"thumbnails":{"assigned":false,"medium":"http:\/\/img.vpimg.net\/1443468.medium160.jpg","large":"http:\/\/img.vpimg.net\/1443468.large.jpg","small":"http:\/\/img.vpimg.net\/1443468.jpg"},"stats":{"weekly_widget_views":1,"total_views":333,"total_pod_views":318,"weekly_views":8,"total_widget_views":15,"weekly_pod_views":7},"uid":"36e61bd0732b17a55f9b18104083fee7da71fd98","updated_at":"Wed, 18 Mar 2009 23:49:22 -0500","embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/4dhy7yqqga8&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&#038;rel=1&#038;fs=1&#038;showsearch=0\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","original_url":"http:\/\/frejus.wordpress.com\/2009\/03\/11\/palabras-firmes-del-presidente-de-la-corte-suprema-de-la-republica-dr-javier-villa-stein-soy-enemigo-de-hecharme-a-perseguir-a-la-gentey-de-las-argollas-ademas-en-el-poder-judicial-no-debemos\/","user":{"user_id":243842,"link":"\/frejus","username":"frejus","_value":"FREJUS"},"autoplay_embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/4dhy7yqqga8&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&#038;rel=1&#038;fs=1&#038;showsearch=0\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","vodpod_id":1443468,"pod_id":250686,"title":"Palabras firmes del Presidente de la Corte Suprema de la Rep\u00fablica, Dr. Javier Villa Stein: \u201cSoy enemigo de hecharme a perseguir a la gente\u2026y de las argollas. Adem\u00e1s en el Poder Judicial no deb"}},{"video":{"embed_host":"widget-c8.slide.com","video_id":2105534,"created_at":"Tue, 17 Feb 2009 16:29:12 -0600","description":"Cesar Arteaga Rodriguez, miembro del equipo t\u00e9cnico judicial del FREJUS, en reuni\u00f3n sostenida con el Premier Yehude Simon, el d\u00eda viernes 14.\n\u00a1Propuestas inteligentes, para un nuevo poder judicial!\nFREJUS \n15 de noviembre del 2008\nPosted in * Noticias generales Tagged: cesar arteaga rodriguez, frejus, frente judicial de unidad sindical, poder judicial Per\u00fa, trabajadores judiciales per\u00fa","link":"http:\/\/vodpod.com\/watch\/1368182-el-frente-judicial-de-unidad-sindical-frejus-estuvo-presente-en-reunin-sostenida-por-trabajadores-y-trabajadoras-judiciales-con-el-premier-yehude-simon-en-la-pcm-","num_collectors":1,"thumbnails":{"assigned":false,"medium":"http:\/\/img.vpimg.net\/1368182.medium160.jpg","large":"http:\/\/img.vpimg.net\/1368182.large.jpg","small":"http:\/\/img.vpimg.net\/1368182.jpg"},"stats":{"weekly_widget_views":2,"total_views":124,"total_pod_views":85,"weekly_views":4,"total_widget_views":39,"weekly_pod_views":2},"uid":"c62f3477e0fd81831ec4c64b0fcbd0948be7d0ae","updated_at":"Tue, 17 Feb 2009 16:29:12 -0600","embed_tag":"<embed allowscriptaccess=\"never\" salign=\"l\" name=\"flashticker\" scale=\"noscale\" src=\"http:\/\/widget-c8.slide.com\/widgets\/slideticker.swf\" type=\"application\/x-shockwave-flash\" flashvars=\"site=widget-c8.slide.com&#038;channel=1873497445006904520&#038;cy=wp&#038;il=1\" height=\"100%\" wmode=\"transparent\" quality=\"high\" align=\"middle\" width=\"100%\"><\/embed>","original_url":"http:\/\/frejus.wordpress.com\/2008\/11\/15\/el-frente-judicial-de-unidad-sindical-estuvo-presente-en-reunion-sostenida-por-trabajadores-y-trabajadoras-judiciales-con-el-premier-yehude-simon-en-la-pcm\/","user":{"user_id":243842,"link":"\/frejus","username":"frejus","_value":"FREJUS"},"autoplay_embed_tag":"<embed allowscriptaccess=\"never\" salign=\"l\" name=\"flashticker\" scale=\"noscale\" src=\"http:\/\/widget-c8.slide.com\/widgets\/slideticker.swf\" type=\"application\/x-shockwave-flash\" flashvars=\"site=widget-c8.slide.com&#038;channel=1873497445006904520&#038;cy=wp&#038;il=1&autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" height=\"100%\" wmode=\"transparent\" quality=\"high\" align=\"middle\" width=\"100%\"><\/embed>","vodpod_id":1368182,"pod_id":250686,"title":"EL Frente Judicial de Unidad Sindical-FREJUS, estuvo presente en reuni\u00f3n sostenida por trabajadores y trabajadoras judiciales con el Premier Yehude Simon en la PCM."}},{"video":{"embed_host":"widget-4f.slide.com","video_id":2105530,"created_at":"Tue, 17 Feb 2009 16:28:19 -0600","description":"Hoy 6 de enero del 2008, vimos DIGNIDAD\u2026mucha DIGNIDAD. \nEstos son los momentos de la conferencia de prensa realizada en el local del SUTRAPOJ siendo aproximadamente las 17: 30\u00a0horas. \nEl principio de la\u00a0LEGITIMIDAD se impuso al de la LEGALIDAD ante la traici\u00f3n de los \u201cpseudos dirigentes\u201d apristas que han usurpado la gloriosa Federaci\u00f3n del Poder Judicial al amparo del poder pol\u00edtico de turno. \nEsta jornada de lucha ha tenido el final que los trabajadores judiciales hombres y mujeres eligieron:\u00a0RESPETO AL FUERO SINDICAL Y\u00a0EL DERECHO LABORAL. \nWWWW \n\u00a1 LOS JUDICIALES DEMOSTRARON QUE SI SE PUDE HACER SINDICALISMO HONESTO! \nWWW \n\u00a1HA LLEGADO LA HORA DEL CAMBIO! \n \nFREJUS \n6 de enero del 2007","link":"http:\/\/vodpod.com\/watch\/1368178-en-frejus-hemos-cumplido-abriendo-espacios-de-comunicacin-en-bien-de-los-trabajadores-judiciales-aqui-los-momentos-de-la-conferencia-de-prensa-de-los-dignos-miembros-del-comit-nacional-de-lu","num_collectors":1,"thumbnails":{"assigned":false,"medium":"http:\/\/img.vpimg.net\/1368178.medium160.jpg","large":"http:\/\/img.vpimg.net\/1368178.large.jpg","small":"http:\/\/img.vpimg.net\/1368178.jpg"},"stats":{"weekly_widget_views":0,"total_views":86,"total_pod_views":52,"weekly_views":1,"total_widget_views":34,"weekly_pod_views":1},"uid":"816d8fb3fa06e46c488dadabe08ebcea87454086","updated_at":"Tue, 17 Feb 2009 16:28:19 -0600","embed_tag":"<embed allowscriptaccess=\"never\" salign=\"l\" name=\"flashticker\" scale=\"noscale\" src=\"http:\/\/widget-4f.slide.com\/widgets\/slideticker.swf\" type=\"application\/x-shockwave-flash\" flashvars=\"site=widget-4f.slide.com&#038;channel=1873497444987159887&#038;cy=wp&#038;il=1\" height=\"100%\" wmode=\"transparent\" quality=\"high\" align=\"middle\" width=\"100%\"><\/embed>","original_url":"http:\/\/frejus.wordpress.com\/2008\/01\/07\/en-frejus-hemos-cumplido-abriendo-espacios-de-comunicacion-en-bien-de-los-trabajadores-judiciales-aqui-los-momentos-de-la-conferencia-de-prensa-de-los-dignos-miembros-del-comite-nacional-de-lucha\/","user":{"user_id":243842,"link":"\/frejus","username":"frejus","_value":"FREJUS"},"autoplay_embed_tag":"<embed allowscriptaccess=\"never\" salign=\"l\" name=\"flashticker\" scale=\"noscale\" src=\"http:\/\/widget-4f.slide.com\/widgets\/slideticker.swf\" type=\"application\/x-shockwave-flash\" flashvars=\"site=widget-4f.slide.com&#038;channel=1873497444987159887&#038;cy=wp&#038;il=1&autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" height=\"100%\" wmode=\"transparent\" quality=\"high\" align=\"middle\" width=\"100%\"><\/embed>","vodpod_id":1368178,"pod_id":250686,"title":"!EN FREJUS HEMOS CUMPLIDO ABRIENDO ESPACIOS DE COMUNICACI\u00d3N EN BIEN DE LOS TRABAJADORES JUDICIALES!\u2026 AQUI LOS MOMENTOS DE LA CONFERENCIA DE PRENSA DE LOS DIGNOS MIEMBROS DEL COMIT\u00c9 NACIONAL DE LU"}},{"video":{"embed_host":"youtube.com","video_id":1906930,"created_at":"Sat, 27 Dec 2008 14:12:03 -0600","description":"FREJUS \n23 de julio del 2008","link":"http:\/\/vodpod.com\/watch\/1252818-programa-periodstico-cuarto-poder-denuncia-al-presidente-de-la-corte-superior-del-callao-e-inmediatamente-sale-denuncia-sin-pruebas-sobre-terrorismo-a-trabajadores-","num_collectors":1,"thumbnails":{"assigned":false,"medium":"http:\/\/img.vpimg.net\/1252818.medium160.jpg","large":"http:\/\/img.vpimg.net\/1252818.large.jpg","small":"http:\/\/img.vpimg.net\/1252818.jpg"},"stats":{"weekly_widget_views":1,"total_views":317,"total_pod_views":277,"weekly_views":11,"total_widget_views":40,"weekly_pod_views":10},"uid":"a0b87cad36be8147453ccadabbb57150f8e8eb0e","updated_at":"Sat, 27 Dec 2008 14:12:03 -0600","embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/Fmkem6mG4kM&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&#038;rel=1&#038;fs=1&#038;showsearch=0\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","original_url":"http:\/\/frejus.wordpress.com\/2008\/07\/23\/denuncian-al-presidente-de-la-corte-superior-del-callao-e-inmediatamente-sale-denuncia-sin-pruebas-sobre-terrorismo-a-trabajadores\/","user":{"user_id":243842,"link":"\/frejus","username":"frejus","_value":"FREJUS"},"autoplay_embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/Fmkem6mG4kM&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&#038;rel=1&#038;fs=1&#038;showsearch=0\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","vodpod_id":1252818,"pod_id":250686,"title":"Programa period\u00edstico \u201cCuarto Poder\u201d denuncia al presidente de la Corte Superior del Callao, e inmediatamente sale denuncia sin pruebas sobre \u201cterrorismo\u201d a trabajadores."}},{"video":{"embed_host":"dailymotion.com","video_id":1906644,"created_at":"Sat, 27 Dec 2008 12:46:12 -0600","description":"FREJUS \n2 de noviembre del 2008\nPosted in * Noticias generales, * Videos Tagged: corrupci\u00f3n poder judicial, derechos laborales, derechos sindicales, poder judicial Per\u00fa, sutrapoj","link":"http:\/\/vodpod.com\/watch\/1252684-escuche-el-enfoque-del-periodista-pedro-morales-de-best-cable-tv-de-como-funciona-el-sistema-laboral-y-la-judicatura-en-el-poder-judicial-peruano-","num_collectors":1,"thumbnails":{"assigned":false,"medium":"http:\/\/img.vpimg.net\/1252684.medium160.jpg","large":"http:\/\/img.vpimg.net\/1252684.large.jpg","small":"http:\/\/img.vpimg.net\/1252684.jpg"},"stats":{"weekly_widget_views":0,"total_views":260,"total_pod_views":229,"weekly_views":5,"total_widget_views":31,"weekly_pod_views":5},"uid":"af3549673389263b287ae32054afc28c816dc242","updated_at":"Sat, 27 Dec 2008 12:46:12 -0600","embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" allowfullscreen=\"true\" type=\"application\/x-shockwave-flash\" src=\"http:\/\/www.dailymotion.com\/swf\/kC65NfBe5wEcwBPnP7\" height=\"100%\" width=\"100%\"><\/embed>","original_url":"http:\/\/frejus.wordpress.com\/2008\/11\/02\/esuche-el-enfoque-del-periodista-pedro-morales-de-best-cable-tv-de-como-funciona-el-sistema-laboral-y-la-judicatura-en-poder-judicial-peruano\/","user":{"user_id":243842,"link":"\/frejus","username":"frejus","_value":"FREJUS"},"autoplay_embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" allowfullscreen=\"true\" type=\"application\/x-shockwave-flash\" src=\"http:\/\/www.dailymotion.com\/swf\/kC65NfBe5wEcwBPnP7&autoPlay=1\" flashvars=\"autoPlay=1\" height=\"100%\" width=\"100%\"><\/embed>","vodpod_id":1252684,"pod_id":250686,"title":"Escuche el enfoque del Periodista Pedro Morales, de Best Cable TV, de como funciona el sistema laboral y la judicatura en el Poder Judicial peruano."}}],"total":20}});
  
  widget1507012576.innerHTML += '<div class="vodpod_placeholder_bottom"></div>';
  widget1507012576.innerHTML += '<img src="http://stats.vodpod.com/stats/widget/250686/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(widget1507012576.parentNode, 'vodpod_footer');
      for (i = 0; i<els.length; i++)
      {
        els[i].style.background = '#606060';
      }
  
      els = vp_getElementsByClassName(widget1507012576.parentNode, 'vodpod_header');
      for (i = 0; i<els.length; i++)
      {
        els[i].style.background = '#606060';
      }
  
      els = vp_getElementsByClassName(widget1507012576.parentNode, 'vodpod_videos_widget');
      for (i = 0; i<els.length; i++)
      {
        els[i].style.border = '2px solid #606060';
      }
  
      els = vp_getElementsByClassName(widget1507012576.parentNode, 'vodpod_video_placeholder1');
      for (i = 0; i<els.length; i++)
      {
        els[i].style.background = '#606060';
      }
  
  
  widget1507012576.style.display = 'block';
}

function createInfoBox1507012576() {
  var img = document.createElement('img');
  img.id = 'popup_image_1507012576';
  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_1507012576';
  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='closeInfoBox1507012576()'>";
  html += "</div>"
  
  container.innerHTML = html;
  
  var header = document.createElement('div');
  header.id = 'popup_header_1507012576';
  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 closeInfoBox1507012576() {
  var image = document.getElementById('popup_image_1507012576');
  var container = document.getElementById('popup_container_1507012576');
  var header = document.getElementById('popup_header_1507012576');
  
  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_loadNextSet1507012576(direction) {
  page1507012576 += direction;
  url = 'http://api.vodpod.com/api/pod/videos.js?pod_id=250686&api_key=js_widget&callback=vp_loadJsonVideos1507012576&per_page=5&page=' + page1507012576 + '&category_id=';

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

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

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(widget1507012576, '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(widget1507012576);
  var widget_width = widget1507012576.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 + widget1507012576.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(widget1507012576, '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_250686&opts=id%3Dfrejus%26tag_id%3DVIDEOS%26title%3DFREJUS%2B-%2Bvideos%26options%5Btheme%5D%3Dsidebar1%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;
    }

}


