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

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


widget4512567220.innerHTML = '';
// Hide the widget, until it has been created
widget4512567220.style.display = 'none';
widget4512567220.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:300px !important; height:380px !important; color:#eee !important; } .vodpod_videos_widget * { font-weight:normal !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:140px !important; height:105px !important; margin:5px !important; cursor:pointer !important; float:left !important; display:inline !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_thumbnail { display:block !important; width:140px !important; height:105px !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_thumbnail img { width:100% !important; height:100% !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:100% !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:1px !important; left:4px !important; height:28px !important; line-height:14px !important; overflow:hidden !important; text-align:left !important; color:#fff !important; text-decoration:none !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:15px !important; padding-left:4px !important; font-weight:bold !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 { clear:both !important; height:1px !important; line-height:1px !important; } .vodpod_videos_widget .vodpod_footer { text-align:right !important; background:#777 !important; padding:2px 4px !important; height:14px !important; margin-top: 15px !important; margin-right: 5px !important; margin-bottom: 0px !important; margin-left: 5px !important; } .vodpod_videos_widget .vodpod_footer a { color:#fff !important; } .vodpod_videos_widget .vodpod_footer .vodpod_see_all { float:right !important; } .vodpod_videos_widget .vodpod_footer .vodpod_powered_by { float:left !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:block !important; position:absolute !important; bottom:20px !important; width:300px !important; height:16px !important; } .vodpod_videos_widget #vodpod_paging #vodpod_paging_prev { float:left !important; display:inline !important; width:65px !important; height:16px !important; cursor:pointer !important; margin-left:5px !important; } .vodpod_videos_widget #vodpod_paging #vodpod_paging_prev.inactive { cursor:default !important; display:none !important; } .vodpod_videos_widget #vodpod_paging #vodpod_paging_prev a { } .vodpod_videos_widget #vodpod_paging #vodpod_paging_next { float:right !important; display:inline !important; width:50px !important; height:16px !important; text-align:right !important; cursor:pointer !important; margin-right:5px !important; } .vodpod_videos_widget #vodpod_paging #vodpod_paging_next.inactive { cursor:default !important; display:none !important; } .vodpod_videos_widget #vodpod_paging #vodpod_paging_next a { } ";
  
  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_createWidget4512567220();

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_createWidget4512567220() {
  
  widget_header = '    <div class=\"vodpod_placeholder_top\"><\/div>\n    <div class=\"vodpod_header\" title=\"My Vodpod\">\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://xiaofengzi.vodpod.com\" target=\"_new\">My Vodpod<\/a><\/div>\n';
  
  widget4512567220.innerHTML += widget_header;
  
  
  video_html = '<div class="vodpod_video_container" id="vodpod_video_container_vodpod_recent_videos_519825">';
  
  widget4512567220.innerHTML += video_html;
    
  footer_html = '<div class="vodpod_footer_separator">&nbsp;</div>\
  <div class="vodpod_footer">\
    <a href="http://xiaofengzi.vodpod.com" target="_new" class="vodpod_see_all" style="">see all 54 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>';

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

  // Load the videos
  vp_loadJsonVideos4512567220({"videos":{"items":[{"video":{"embed_host":"youtube.com","updated_at":"Sun, 04 Oct 2009 08:04:17 -0500","video_id":3568198,"embed_tag":"<embed src=\"http://www.youtube.com/v/TW_ubssbPyg&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=zh_CN&fs=1&\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","thumbnails":{"small":"http://img.vpimg.net/2284635.jpg","large":"http://img.vpimg.net/2284635.large.jpg","assigned":false,"medium":"http://img.vpimg.net/2284635.medium160.jpg"},"pod_id":519825,"description":"Watching video \"CCTV Commercial\"","link":"http://vodpod.com/watch/2284635-cctv-commercial","autoplay_embed_tag":"<embed src=\"http://www.youtube.com/v/TW_ubssbPyg&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=zh_CN&fs=1&\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","stats":{"total_widget_views":1,"weekly_pod_views":2,"total_views":31,"weekly_widget_views":0,"weekly_views":2,"total_pod_views":30},"uid":"e6fa8e7838c6813b00f2e15c34fc15c59adb7a0f","created_at":"Sun, 04 Oct 2009 08:04:17 -0500","vodpod_id":2284635,"user":{"link":"/xiaofengzi","user_id":495543,"_value":"xiaofengzi","username":"xiaofengzi"},"num_collectors":3,"original_url":"http://www.youtube.com/watch?v=TW_ubssbPyg","title":"CCTV Commercial","orig_description":"quite simply in 60 seconds."}},{"video":{"embed_host":"cyanatrendland.com","updated_at":"Fri, 24 Jul 2009 13:18:14 -0500","video_id":3029898,"embed_tag":"<embed type=\"application/x-shockwave-flash\" src=\"http://cyanatrendland.com/wp-content/plugins/flash-video-player/mediaplayer/player.swf\" id=\"n0\" name=\"n0\" quality=\"high\" allowfullscreen=\"true\" allowscriptaccess=\"never\" wmode=\"transparent\" flashvars=\"id=n0&image=http://cyanatrendland.com/mediaplayer/video-player-image.jpg&link=http://cyanatrendland.com&controlbar=bottom&height=485&playlist=none&skin=http://cyanatrendland.com/wp-content/plugins/flash-video-player/skins/thin/thin.swf&width=600&autostart=false&bufferlength=1&displayclick=play&icons=true&linktarget=_blank&logo=http://cyanatrendland.com/mediaplayer/tl-logo.png&mute=false&quality=true&repeat=none&resizing=true&shuffle=false&stretching=none&volume=90&aboutlink=http://cyanatrendland.com&plugins=viral-1&file=http://cyanatrendland.com/wp-content/video/aliceinwonderland-teaser.flv\" width=\"100%\" height=\"100%\"></embed>","thumbnails":{"small":"http://img.vpimg.net/1944739.jpg","large":"http://img.vpimg.net/1944739.large.jpg","assigned":false,"medium":"http://img.vpimg.net/1944739.medium160.jpg"},"pod_id":519825,"description":"","link":"http://vodpod.com/watch/1944739-alice-in-wonderland-by-tim-burton-trailer-trend-land","autoplay_embed_tag":"<embed type=\"application/x-shockwave-flash\" src=\"http://cyanatrendland.com/wp-content/plugins/flash-video-player/mediaplayer/player.swf\" id=\"n0\" name=\"n0\" quality=\"high\" allowfullscreen=\"true\" allowscriptaccess=\"never\" wmode=\"transparent\" flashvars=\"id=n0&image=http://cyanatrendland.com/mediaplayer/video-player-image.jpg&link=http://cyanatrendland.com&controlbar=bottom&height=485&playlist=none&skin=http://cyanatrendland.com/wp-content/plugins/flash-video-player/skins/thin/thin.swf&width=600&autostart=true&bufferlength=1&displayclick=play&icons=true&linktarget=_blank&logo=http://cyanatrendland.com/mediaplayer/tl-logo.png&mute=false&quality=true&repeat=none&resizing=true&shuffle=false&stretching=none&volume=90&aboutlink=http://cyanatrendland.com&plugins=viral-1&file=http://cyanatrendland.com/wp-content/video/aliceinwonderland-teaser.flv\" width=\"100%\" height=\"100%\"></embed>","stats":{"total_widget_views":1,"weekly_pod_views":0,"total_views":4,"weekly_widget_views":0,"weekly_views":0,"total_pod_views":3},"uid":"9c2efd6e6ff142bcace14751b74f7800f8eba5cc","created_at":"Fri, 24 Jul 2009 13:18:14 -0500","vodpod_id":1944739,"user":{"link":"/xiaofengzi","user_id":495543,"_value":"xiaofengzi","username":"xiaofengzi"},"num_collectors":3,"original_url":"http://cyanatrendland.com/2009/07/22/alice-in-wonderland-by-tim-burton-trailer/","title":"VIDEO | Trend.Land"}},{"video":{"embed_host":"vimeo.com","updated_at":"Wed, 22 Jul 2009 07:47:16 -0500","video_id":3010938,"embed_tag":"<embed type=\"application/x-shockwave-flash\" src=\"http://vimeo.com//moogaloop_local.swf?ver=26771\" width=\"100%\" height=\"100%\"  id=\"vimeo_clip_5699275\" name=\"vimeo_clip_5699275\" bgcolor=\"#ffffff\" quality=\"high\" allowscriptaccess=\"never\" allowfullscreen=\"true\" scalemode=\"showAll\" wmode=\"transparent\" flashvars=\"clip_id=5699275&server=vimeo.com&autoplay=0&fullscreen=1&md5=0&show_portrait=0&show_title=0&show_byline=0&context=user:578684&context_id=&force_embed=0&multimoog=&color=00ADEF&force_info=undefined\"></embed>","thumbnails":{"small":"http://img.vpimg.net/1936801.jpg","large":"http://img.vpimg.net/1936801.large.jpg","assigned":false,"medium":"http://img.vpimg.net/1936801.medium160.jpg"},"pod_id":519825,"description":"Watching \"I'L Go Crazy Yew by U2\" at Vodpod\noye~sth just missed ...","link":"http://vodpod.com/watch/1936801-u2-ill-go-crazy-if-i-dont-go-crazy-tonight","autoplay_embed_tag":"<embed type=\"application/x-shockwave-flash\" src=\"http://vimeo.com//moogaloop_local.swf?ver=26771\" width=\"100%\" height=\"100%\"  id=\"vimeo_clip_5699275\" name=\"vimeo_clip_5699275\" bgcolor=\"#ffffff\" quality=\"high\" allowscriptaccess=\"never\" allowfullscreen=\"true\" scalemode=\"showAll\" wmode=\"transparent\" flashvars=\"clip_id=5699275&server=vimeo.com&autoplay=1&fullscreen=1&md5=0&show_portrait=0&show_title=0&show_byline=0&context=user:578684&context_id=&force_embed=0&multimoog=&color=00ADEF&force_info=undefined\"></embed>","stats":{"total_widget_views":1,"weekly_pod_views":0,"total_views":1,"weekly_widget_views":0,"weekly_views":0,"total_pod_views":0},"uid":"ffe68146789ab6ff3df4ad735597c917adfd181a","created_at":"Wed, 22 Jul 2009 07:47:16 -0500","vodpod_id":1936801,"user":{"link":"/xiaofengzi","user_id":495543,"_value":"xiaofengzi","username":"xiaofengzi"},"num_collectors":27,"original_url":"http://vimeo.com/5699275?hd=1","title":"I'L Go Crazy Yew by U2","orig_description":"Daily proportions inspiration off"}},{"video":{"embed_host":"youtube.com","updated_at":"Sun, 19 Jul 2009 05:28:08 -0500","video_id":2987141,"embed_tag":"<embed src=\"http://www.youtube.com/v/YskygegTjAU&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>","thumbnails":{"small":"http://img.vpimg.net/1735530.jpg","large":"http://img.vpimg.net/1735530.large.jpg","assigned":false,"medium":"http://img.vpimg.net/1735530.medium160.jpg"},"pod_id":519825,"description":"Watching \"TomTom for iPhone - turn-by-turn navigation for iPhone\" at Vodpod\n\nWish it will be on road soon","link":"http://vodpod.com/watch/1735530-apple-partners-with-tomtom-to-bring-real-navigation-to-iphone","autoplay_embed_tag":"<embed src=\"http://www.youtube.com/v/YskygegTjAU&autoplay=1&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>","stats":{"total_widget_views":0,"weekly_pod_views":0,"total_views":1,"weekly_widget_views":0,"weekly_views":0,"total_pod_views":1},"uid":"bc9fc134b19a87a11735052f32fe220df6b95a99","created_at":"Sun, 19 Jul 2009 05:28:08 -0500","vodpod_id":1735530,"user":{"link":"/xiaofengzi","user_id":495543,"_value":"xiaofengzi","username":"xiaofengzi"},"num_collectors":7,"original_url":"http://www.engadget.com/2009/06/08/apple-partners-with-tomtom-to-bring-real-navigation-to-iphone/","title":"TomTom for iPhone - turn-by-turn navigation for iPhone","orig_description":"See http://iphone.tomtom.com\r\nTomTom navigation is now fully optimized to work with your iPhone 3G. All you need is:\r\n* the TomTom app, including the latest maps (coming soon to the iTunes App Store)..."}},{"video":{"embed_host":"youtube.com","updated_at":"Sun, 19 Jul 2009 05:23:26 -0500","video_id":2987111,"embed_tag":"<embed src=\"http://www.youtube.com/v/sqnsUJMawGE&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=zh_CN&fs=1&\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","thumbnails":{"small":"http://img.vpimg.net/1923734.jpg","large":"http://img.vpimg.net/1923734.large.jpg","assigned":false,"medium":"http://img.vpimg.net/1923734.medium160.jpg"},"pod_id":519825,"description":"Watching \"Interactive Reaction 2009\" at Vodpod\nFrom Google Chrome icon project","link":"http://vodpod.com/watch/1923734-interactive-reaction-2009","autoplay_embed_tag":"<embed src=\"http://www.youtube.com/v/sqnsUJMawGE&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=zh_CN&fs=1&\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"></embed>","stats":{"total_widget_views":2,"weekly_pod_views":1,"total_views":10,"weekly_widget_views":0,"weekly_views":1,"total_pod_views":8},"uid":"8e844bade7fd5bbd8d0d7005042a3f4acf7fff5c","created_at":"Sun, 19 Jul 2009 05:23:26 -0500","vodpod_id":1923734,"user":{"link":"/xiaofengzi","user_id":495543,"_value":"xiaofengzi","username":"xiaofengzi"},"num_collectors":1,"original_url":"http://www.youtube.com/watch?v=sqnsUJMawGE","title":"Interactive Reaction 2009","orig_description":"A surprising art installation gives visitors a peak into the Internet experience.  A Chrome Short by Imaginary Forces. http://www.imaginaryforces...."}},{"video":{"embed_host":"vimeo.com","updated_at":"Sat, 18 Jul 2009 18:00:37 -0500","video_id":2984555,"embed_tag":"<embed wmode=\"transparent\" src=\"http://vimeo.com/moogaloop.swf?clip_id=4461483&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1\" type=\"application/x-shockwave-flash\" allowfullscreen=\"true\" allowscriptaccess=\"never\" width=\"100%\" height=\"100%\" ></embed>","thumbnails":{"small":"http://img.vpimg.net/1922239.jpg","large":"http://img.vpimg.net/1922239.large.jpg","assigned":false,"medium":"http://img.vpimg.net/1922239.medium160.jpg"},"pod_id":519825,"description":"Watching \"White Rabbits \"Percussion Gun\"\" at Vodpod\n","link":"http://vodpod.com/watch/1922239-white-rabbits-percussion-gun","autoplay_embed_tag":"<embed wmode=\"transparent\" src=\"http://vimeo.com/moogaloop.swf?clip_id=4461483&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;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>","stats":{"total_widget_views":1,"weekly_pod_views":1,"total_views":47,"weekly_widget_views":0,"weekly_views":1,"total_pod_views":46},"uid":"a7109fedf08039e17ea42ee0784a0d33657434ba","created_at":"Sat, 18 Jul 2009 18:00:37 -0500","vodpod_id":1922239,"user":{"link":"/xiaofengzi","user_id":495543,"_value":"xiaofengzi","username":"xiaofengzi"},"num_collectors":5,"original_url":"http://66.196.80.202/babelfish/translate_url_content?.intl=fr&lp=fr_en&trurl=http%3a%2f%2fwww.andrewdrozpalermo.com%2f","title":"White Rabbits \"Percussion Gun\""}}],"total":54}});
  
  widget4512567220.innerHTML += '<div class="vodpod_placeholder_bottom"></div>';
  widget4512567220.innerHTML += '<img src="http://stats.vodpod.com/stats/widget/519825/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 = ''
  
  
  widget4512567220.style.display = 'block';
}

function createInfoBox4512567220() {
  var img = document.createElement('img');
  img.id = 'popup_image_4512567220';
  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_4512567220';
  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='closeInfoBox4512567220()'>";
  html += "</div>"
  
  container.innerHTML = html;
  
  var header = document.createElement('div');
  header.id = 'popup_header_4512567220';
  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 closeInfoBox4512567220() {
  var image = document.getElementById('popup_image_4512567220');
  var container = document.getElementById('popup_container_4512567220');
  var header = document.getElementById('popup_header_4512567220');
  
  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_loadNextSet4512567220(direction) {
  page4512567220 += direction;
  url = 'http://api.vodpod.com/api/pod/videos.js?pod_id=519825&api_key=js_widget&callback=vp_loadJsonVideos4512567220&per_page=6&page=' + page4512567220 + '&category_id=';

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

function vp_loadJsonVideos4512567220(json) {
  video_container = vp_getElementsByClassName(widget4512567220, 'vodpod_video_container')[0]; //document.getElementById('vodpod_video_container_xiaofengzi');
  video_container.innerHTML = '';
  per_page = 6;
  var next_node = document.getElementById('vodpod_paging_next');
  var prev_node = document.getElementById('vodpod_paging_prev');
  
  if (next_node != null) {
    if (json.videos.total > page4512567220*per_page) {
      next_node.className = 'active';
    } else {
      next_node.className = 'inactive';
    }
  }
  
  if (prev_node != null) {
    if (page4512567220 > 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 + (page4512567220 - 1) * per_page;
      html = vp_createVideo(video);
      
      video_container.innerHTML += html;
    }
  }
  
  vp_fixIePngs(widget4512567220);
}

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(widget4512567220, '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(widget4512567220);
  var widget_width = widget4512567220.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 + widget4512567220.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(widget4512567220, '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_519825&opts=id%3Dxiaofengzi%26options%5Btheme%5D%3Dsidebar_doublewide%26tag_id%3Dlatest%26title%3DMy%2BVodpod%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;
    }

}