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

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


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

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_createWidget4560854425() {
  
  widget_header = '    <div class=\"vodpod_placeholder_top\"><\/div>\n    <div class=\"vodpod_header\" title=\"M\">\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://andyth.vodpod.com\" target=\"_new\">M<\/a><\/div>\n';
  
  widget4560854425.innerHTML += widget_header;
  
  
  video_html = '<div class="vodpod_video_container" id="vodpod_video_container_vodpod_recent_videos_341285">';
  
  widget4560854425.innerHTML += video_html;
    
  footer_html = '<div class="vodpod_footer_separator">&nbsp;</div>\
  <div class="vodpod_footer">\
    <a href="http://andyth.vodpod.com" target="_new" class="vodpod_see_all" style="">see all 17 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>';

  widget4560854425.innerHTML += footer_html

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

  // Load the videos
  vp_loadJsonVideos4560854425({"videos":{"items":[{"video":{"embed_host":"andyth.wordpress.com","video_id":2135930,"created_at":"Tue, 24 Feb 2009 11:49:48 -0600","description":"music.mp3]\nPhi\u00ean b\u1ea3n mix b\u1eb1ng guitar cu\u1ed1i c\u00f9ng c\u0169ng ki\u1ebfm \u0111\u01b0\u1ee3c, \u0111\u00e2y l\u00e0 b\u00e0i nh\u1ea1c dance \u0111ang HOT \u1edf m\u1ea5y v\u0169 tr\u01b0\u1eddng. Hay th\u00ec v\u1ed7 tay nh\u00e9.","link":"http:\/\/vodpod.com\/watch\/1386276-forever-and-a-day-guitar-mix","num_collectors":1,"thumbnails":{"assigned":false,"medium":"http:\/\/assetscdn.vodpod.com\/images\/missing_video_160.gif","large":"http:\/\/assetscdn.vodpod.com\/images\/missing_video_160.gif","small":"http:\/\/assetscdn.vodpod.com\/images\/missing_video_60.gif"},"stats":{"weekly_widget_views":0,"total_views":316,"total_pod_views":310,"weekly_views":10,"total_widget_views":6,"weekly_pod_views":10},"uid":"b4d78f293446af5310663f87a52ebaeb6e44beea","updated_at":"Tue, 24 Feb 2009 11:49:48 -0600","embed_tag":"<embed allowscriptaccess=\"never\" src=\"http:\/\/andyth.wordpress.com\/wp-content\/plugins\/audio-player\/player.swf\" type=\"application\/x-shockwave-flash\" flashvars=\"\" height=\"100%\" wmode=\"transparent\" width=\"100%\"><\/embed>","original_url":"http:\/\/andyth.wordpress.com\/2008\/07\/31\/test\/","user":{"user_id":328278,"link":"\/andyth","username":"andyth","_value":"andyth"},"autoplay_embed_tag":"<embed allowscriptaccess=\"never\" src=\"http:\/\/andyth.wordpress.com\/wp-content\/plugins\/audio-player\/player.swf\" type=\"application\/x-shockwave-flash\" flashvars=\"&autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" height=\"100%\" wmode=\"transparent\" width=\"100%\"><\/embed>","vodpod_id":1386276,"pod_id":341285,"title":"Forever and a day - Guitar mix"}},{"video":{"embed_host":"youtube.com","video_id":1492069,"created_at":"Tue, 19 Aug 2008 20:39:39 -0500","description":"more about \"C\u00f3 th\u1ee9 t\u00ecnh y\u00eau g\u1ecdi l\u00e0 chia tay\", posted with vodpod","link":"http:\/\/vodpod.com\/watch\/954327-c-th-tnh-yu-gi-l-chia-tay","num_collectors":1,"thumbnails":{"assigned":false,"medium":"http:\/\/img.vpimg.net\/954327.medium160.jpg","large":"http:\/\/img.vpimg.net\/954327.large.jpg","small":"http:\/\/img.vpimg.net\/954327.jpg"},"stats":{"weekly_widget_views":0,"total_views":361,"total_pod_views":352,"weekly_views":1,"total_widget_views":9,"weekly_pod_views":1},"uid":"0d10e2c973d8665c39af206912b6a21849bd79d4","updated_at":"Tue, 19 Aug 2008 20:39:39 -0500","embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/By3_eSExWIA&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&border=0&rel=0\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","original_url":"","user":{"user_id":328278,"link":"\/andyth","username":"andyth","_value":"andyth"},"autoplay_embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/By3_eSExWIA&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&border=0&rel=0\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","vodpod_id":954327,"pod_id":341285,"title":"C\u00f3 th\u1ee9 t\u00ecnh y\u00eau g\u1ecdi l\u00e0 chia tay"}},{"video":{"embed_host":"vimeo.com","video_id":1440105,"orig_description":"Kim Kim t\u00ean th\u1eadt Hu\u1ec7, \u0111\u1ea1t gi\u1ea3i gi\u1ecdng ca phong c\u00e1ch trong cu\u1ed9c thi ti\u1ebfng h\u00e1t FPT. Kh\u00f4ng ch\u1ec9 c\u00f3 ngo\u1ea1i h\u00ecnh d\u1ec5 th\u01b0\u01a1ng, Kim c\u00f2n c\u00f3 gi\u1ecdng h\u00e1t con g\u00e1i mi\u1ec1n B\u1eafc r\u1ea5t hay v\u00e0 d\u1ec5 th\u01b0\u01a1ng c\u00f9ng phong c\u00e1ch bi\u1ec3u di\u1ec5n r\u1ea5t t\u1ef1 tin. B\u00e0 con c\u00f9ng th\u01b0\u1edfng th\u1ee9c video clip c\u1ee7a Kim nh\u00e9.\n \nmore about \u201cTi\u1ebfng h\u00e1t FPT - Kim\u2019s Clip\u201c, posted with vodpod","created_at":"Fri, 01 Aug 2008 06:01:06 -0500","description":"Kim Kim t\u00ean th\u1eadt Hu\u1ec7, \u0111\u1ea1t gi\u1ea3i gi\u1ecdng ca phong c\u00e1ch trong cu\u1ed9c thi ti\u1ebfng h\u00e1t FPT. \n\nKh\u00f4ng ch\u1ec9 c\u00f3 ngo\u1ea1i h\u00ecnh d\u1ec5 th\u01b0\u01a1ng, Kim c\u00f2n c\u00f3 gi\u1ecdng h\u00e1t con g\u00e1i mi\u1ec1n B\u1eafc r\u1ea5t hay v\u00e0 d\u1ec5 th\u01b0\u01a1ng c\u00f9ng phong c\u00e1ch bi\u1ec3u di\u1ec5n r\u1ea5t t\u1ef1 tin. B\u00e0 con c\u00f9ng th\u01b0\u1edfng th\u1ee9c video clip c\u1ee7a Kim nh\u00e9.","link":"http:\/\/vodpod.com\/watch\/913364-ting-ht-fpt-kims-clip","num_collectors":1,"thumbnails":{"assigned":false,"medium":"http:\/\/img.vpimg.net\/913364.medium160.jpg","large":"http:\/\/img.vpimg.net\/913364.large.jpg","small":"http:\/\/img.vpimg.net\/913364.jpg"},"stats":{"weekly_widget_views":0,"total_views":247,"total_pod_views":236,"weekly_views":1,"total_widget_views":11,"weekly_pod_views":1},"uid":"6086e6ebbfc834b2baf255cd4310b2afc5403307","updated_at":"Fri, 01 Aug 2008 06:01:06 -0500","embed_tag":"<embed wmode=\"transparent\" src=\"http:\/\/www.vimeo.com\/moogaloop.swf?clip_id=1447204&server=www.vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1\" type=\"application\/x-shockwave-flash\" allowfullscreen=\"true\" allowscriptaccess=\"never\" width=\"100%\" height=\"100%\"><\/embed>","original_url":"","user":{"user_id":328278,"link":"\/andyth","username":"andyth","_value":"andyth"},"autoplay_embed_tag":"<embed wmode=\"transparent\" src=\"http:\/\/www.vimeo.com\/moogaloop.swf?clip_id=1447204&server=www.vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1\" flashvars=\"autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" type=\"application\/x-shockwave-flash\" allowfullscreen=\"true\" allowscriptaccess=\"never\" width=\"100%\" height=\"100%\"><\/embed>","vodpod_id":913364,"pod_id":341285,"title":"Ti\u1ebfng h\u00e1t FPT - Kim\u2019s Clip"}},{"video":{"embed_host":"myvlog.im.tv","video_id":1437007,"orig_description":"H\u00f4m nay trong s\u1ef1 ki\u1ec7n NCsoft\u2019s Media Day, nh\u00e0 ph\u00e1t tri\u1ec3n v\u00e0 ph\u00e1t h\u00e0nh game MMORPG l\u1eebng danh n\u00e0y \u0111\u00e3 tung ra 3 d\u1ef1 \u00e1n game m\u1edbi, \u0111\u00f3 l\u00e0: Blade and Soul, m\u1ed9t game MMORPG phong c\u00e1ch ki\u1ebfm hi\u1ec7p \u0111\u1ea7u tay c\u1ee7a NCsoft (v\u00e0 l\u00e0 game tui k\u1ebft nh\u1ea5t), hai l\u00e0 Metal Black, m\u1ed9t MMORPG phong c\u00e1ch hi\u1ec7n \u0111\u1ea1i v\u00e0 ba l\u00e0 SteelDog, d\u1ea1ng chi\u1ebfn \u0111\u1ea5u \u0111\u1ed1i kh\u00e1ng.H\u00e3y xem th\u1eed nh\u1eefng h\u00ecnh \u1ea3nh tuy\u1ec7t v\u1eddi v\u00e0 \u0111o\u1ea1n phim gi\u1edbi thi\u1ec7u si\u00eau-c\u1ea5p-v\u00f4-\u0111\u1ecbch c\u1ee7a Blade & Soul.\nS\u1ebd ti\u1ebfp t\u1ee5c c\u1eadp nh\u1eadt nh\u1eefng tin t\u1ee9c m\u1edbi v\u1ec1 game Blade and Soul trong nh\u1eefng b\u00e0i vi\u1ebft sau.\n \nmore about \u201cProject M: Blade & Soul - NCsoft\u2019s MM\u2026\u201c, posted with vodpod","created_at":"Thu, 31 Jul 2008 04:33:12 -0500","description":"H\u00f4m nay trong s\u1ef1 ki\u1ec7n NCsoft's Media Day, nh\u00e0 ph\u00e1t tri\u1ec3n v\u00e0 ph\u00e1t h\u00e0nh game MMORPG l\u1eebng danh n\u00e0y \u0111\u00e3 tung ra 3 d\u1ef1 \u00e1n game m\u1edbi, \u0111\u00f3 l\u00e0: Blade and Soul, m\u1ed9t game MMORPG phong c\u00e1ch ki\u1ebfm hi\u1ec7p \u0111\u1ea7u tay c\u1ee7a NCsoft (v\u00e0 l\u00e0 game tui k\u1ebft nh\u1ea5t), hai l\u00e0 Metal Black, m\u1ed9t MMORPG phong c\u00e1ch hi\u1ec7n \u0111\u1ea1i v\u00e0 ba l\u00e0 SteelDog, d\u1ea1ng chi\u1ebfn \u0111\u1ea5u \u0111\u1ed1i kh\u00e1ng.\n\nH\u00e3y xem th\u1eed nh\u1eefng h\u00ecnh \u1ea3nh tuy\u1ec7t v\u1eddi v\u00e0 \u0111o\u1ea1n phim gi\u1edbi thi\u1ec7u si\u00eau-c\u1ea5p-v\u00f4-\u0111\u1ecbch c\u1ee7a Blade & ","link":"http:\/\/vodpod.com\/watch\/910760-project-m-blade-and-soul-ncsofts-mmorpg","num_collectors":1,"thumbnails":{"assigned":false,"medium":"http:\/\/img.vpimg.net\/910760.medium160.jpg","large":"http:\/\/img.vpimg.net\/910760.large.jpg","small":"http:\/\/img.vpimg.net\/910760.jpg"},"stats":{"weekly_widget_views":0,"total_views":414,"total_pod_views":388,"weekly_views":9,"total_widget_views":26,"weekly_pod_views":9},"uid":"7cb65686fd5c61ce01160e84caa8188b572d165c","updated_at":"Thu, 31 Jul 2008 04:33:12 -0500","embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" src='http:\/\/myvlog.im.tv\/?id=4723785&album=0' quality='high' pluginspage='http:\/\/www.macromedia.com\/go\/getflashplayer' name='vlog4723785' allowscriptaccess=\"never\" allowFullScreen='true' type='application\/x-shockwave-flash' width='100%' height='100%'><\/embed>","original_url":"","user":{"user_id":328278,"link":"\/andyth","username":"andyth","_value":"andyth"},"autoplay_embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" src=\"http:\/\/myvlog.im.tv\/?id=4723785&album=0\" flashvars=\"autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" quality='high' pluginspage='http:\/\/www.macromedia.com\/go\/getflashplayer' name='vlog4723785' allowscriptaccess=\"never\" allowFullScreen='true' type='application\/x-shockwave-flash' width='100%' height='100%'><\/embed>","vodpod_id":910760,"pod_id":341285,"title":"Project M: Blade and Soul - NCsoft\u2019s MMORPG"}},{"video":{"embed_host":"andyth.wordpress.com","video_id":1436898,"created_at":"Thu, 31 Jul 2008 02:57:56 -0500","description":"","link":"http:\/\/vodpod.com\/watch\/910651-test","num_collectors":1,"thumbnails":{"assigned":false,"medium":"http:\/\/assetscdn.vodpod.com\/images\/missing_video_160.gif","large":"http:\/\/assetscdn.vodpod.com\/images\/missing_video_160.gif","small":"http:\/\/assetscdn.vodpod.com\/images\/missing_video_60.gif"},"stats":{"weekly_widget_views":0,"total_views":13,"total_pod_views":6,"weekly_views":3,"total_widget_views":7,"weekly_pod_views":3},"uid":"17f0259e17dd68ec3faf2b0107ace71b1bd7acd2","updated_at":"Thu, 31 Jul 2008 02:57:56 -0500","embed_tag":"<embed allowscriptaccess=\"never\" type=\"application\/x-shockwave-flash\" src=\"http:\/\/andyth.wordpress.com\/wp-content\/plugins\/audio-player\/player.swf\" flashvars=\"&bg=0xf8f8f8&leftbg=0xeeeeee&lefticon=0x666666&rightbg=0xcccccc&rightbghover=0x999999&righticon=0x666666&righticonhover=0xffffff&text=0x666666&slider=0x666666&track=16777215&border=0x666666&loader=0x9FFFB8&soundFile=http%3A%2F%2Fuploadingit.com%2Ffiles%2F759744_lvxpn%2Fmusic.mp3&quality=high&menu=false&bgcolor=#FFFFFF&\" height=\"100%\" wmode=\"transparent\" width=\"100%\"><\/embed>","original_url":"http:\/\/andyth.wordpress.com\/2008\/07\/31\/test\/","user":{"user_id":328278,"link":"\/andyth","username":"andyth","_value":"andyth"},"autoplay_embed_tag":"<embed allowscriptaccess=\"never\" type=\"application\/x-shockwave-flash\" src=\"http:\/\/andyth.wordpress.com\/wp-content\/plugins\/audio-player\/player.swf\" flashvars=\"&bg=0xf8f8f8&leftbg=0xeeeeee&lefticon=0x666666&rightbg=0xcccccc&rightbghover=0x999999&righticon=0x666666&righticonhover=0xffffff&text=0x666666&slider=0x666666&track=16777215&border=0x666666&loader=0x9FFFB8&soundFile=http%3A%2F%2Fuploadingit.com%2Ffiles%2F759744_lvxpn%2Fmusic.mp3&quality=high&menu=false&bgcolor=#FFFFFF&&autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" height=\"100%\" wmode=\"transparent\" width=\"100%\"><\/embed>","vodpod_id":910651,"pod_id":341285,"title":"test"}}],"total":17}});
  
  widget4560854425.innerHTML += '<div class="vodpod_placeholder_bottom"></div>';
  widget4560854425.innerHTML += '<img src="http://stats.vodpod.com/stats/widget/341285/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(widget4560854425.parentNode, 'vodpod_footer');
      for (i = 0; i<els.length; i++)
      {
        els[i].style.background = '#606060';
      }
  
      els = vp_getElementsByClassName(widget4560854425.parentNode, 'vodpod_header');
      for (i = 0; i<els.length; i++)
      {
        els[i].style.background = '#606060';
      }
  
      els = vp_getElementsByClassName(widget4560854425.parentNode, 'vodpod_videos_widget');
      for (i = 0; i<els.length; i++)
      {
        els[i].style.border = '2px solid #606060';
      }
  
      els = vp_getElementsByClassName(widget4560854425.parentNode, 'vodpod_video_placeholder1');
      for (i = 0; i<els.length; i++)
      {
        els[i].style.background = '#606060';
      }
  
  
  widget4560854425.style.display = 'block';
}

function createInfoBox4560854425() {
  var img = document.createElement('img');
  img.id = 'popup_image_4560854425';
  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_4560854425';
  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='closeInfoBox4560854425()'>";
  html += "</div>"
  
  container.innerHTML = html;
  
  var header = document.createElement('div');
  header.id = 'popup_header_4560854425';
  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 closeInfoBox4560854425() {
  var image = document.getElementById('popup_image_4560854425');
  var container = document.getElementById('popup_container_4560854425');
  var header = document.getElementById('popup_header_4560854425');
  
  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_loadNextSet4560854425(direction) {
  page4560854425 += direction;
  url = 'http://api.vodpod.com/api/pod/videos.js?pod_id=341285&api_key=js_widget&callback=vp_loadJsonVideos4560854425&per_page=5&page=' + page4560854425 + '&category_id=';

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

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

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(widget4560854425, '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(widget4560854425);
  var widget_width = widget4560854425.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 + widget4560854425.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(widget4560854425, '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_341285&opts=id%3Dandyth%26tag_id%3DPhim%2BM%26title%3DM%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;
    }

}