


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

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


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

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_createWidget9136945382() {
  
  widget_header = '    <div class=\"vodpod_placeholder_top\"><\/div>\n    <div class=\"vodpod_header\" title=\"Video Web2.0 Vi\">\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://flash2i.vodpod.com\" target=\"_new\">Video Web2.0 Vi<\/a><\/div>\n';
  
  widget9136945382.innerHTML += widget_header;
  
  
  video_html = '<div class="vodpod_video_container" id="vodpod_video_container_vodpod_recent_videos_2301">';
  
  widget9136945382.innerHTML += video_html;
    
  footer_html = '<div class="vodpod_footer_separator">&nbsp;</div>\
  <div class="vodpod_footer">\
    <a href="http://flash2i.vodpod.com" target="_new" class="vodpod_see_all" style="">see all 15 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>';

  widget9136945382.innerHTML += footer_html

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

  // Load the videos
  vp_loadJsonVideos9136945382({"videos":{"items":[{"video":{"embed_host":"youtube.com","video_id":2536565,"orig_description":"Famous video story and music notable on wikivideo clipped and collective.","created_at":"Sat, 16 May 2009 17:56:49 -0500","description":"Read and watch more on Wikivideo.blogspot.com","link":"http:\/\/vodpod.com\/watch\/1627771-celebrity-tattoos","thumbnails":{"medium":"http:\/\/img.vpimg.net\/1627771.medium160.jpg","large":"http:\/\/img.vpimg.net\/1627771.large.jpg","assigned":false,"small":"http:\/\/img.vpimg.net\/1627771.jpg"},"stats":{"total_pod_views":17,"total_views":17,"total_widget_views":0,"weekly_pod_views":1,"weekly_views":1,"weekly_widget_views":0},"uid":"38703a7f0de630ef805a23715cca7c576377e6bd","pod_id":2301,"updated_at":"Sat, 16 May 2009 17:56:49 -0500","embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/Fpq9amF3AWk&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&hl=en&fs=1&color1=0xcc2550&color2=0xe87a9f&border=1\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","original_url":"http:\/\/wikivideo.blogspot.com\/","user":{"user_id":2267,"link":"\/theflashblogger","username":"theflashblogger","_value":"TheFlashBlogger"},"autoplay_embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/Fpq9amF3AWk&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&hl=en&fs=1&color1=0xcc2550&color2=0xe87a9f&border=1\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","vodpod_id":1627771,"title":"Celebrity tattoos","num_collectors":2}},{"video":{"embed_host":"youtube.com","video_id":2346077,"orig_description":"V\u1edbi nh\u1eefng ph\u00e1t hi\u1ec7n m\u1edbi nh\u1ea5t \u0111\u1ec3 ph\u00f2ng ng\u1eeba khi c\u00f3 ho\u1ea3 ho\u1ea1n , s\u1ef1 c\u1ed1 k\u1ef9 thu\u1eadt v\u1ec1 \u00e2m thanh b\u00e1o \u0111\u1ed9ng khi c\u00f3 ch\u00e1y t\u1eeb c\u00e1c \u0111\u1ea7u d\u00f2 b\u00e1o kh\u00f3i,b\u00e1o ch\u00e1y \u0111\u00e3 kh\u00f4ng gi\u00fap cho tr\u1ebb em tho\u00e1t ra kh\u1ecfi m\u1ed1i nguy c\u00f3 ho\u1ea3 h...","created_at":"Fri, 10 Apr 2009 00:30:18 -0500","description":"\u0110i\u1ec1u c\u1ea7n bi\u1ebft khi c\u00f3 s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng b\u00e1o ch\u00e1y t\u1ea1i t\u01b0 gia.Tin t\u1ee9c k\u1ef9 thu\u1eadt m\u1edbi nh\u1ea5t t\u1eeb K\u00eanh 7 NEWS US v\u00e0 ng\u00e0nh c\u1ea3nh s\u00e1t ph\u00f2ng ch\u1ed1ng ch\u00e1y n\u1ed5.","link":"http:\/\/vodpod.com\/watch\/1511024-antoanvn-tin-tuc-thiet-bi-bao-chay-va-cai-chet-duoc-bao-truoc","thumbnails":{"medium":"http:\/\/img.vpimg.net\/1511024.medium160.jpg","large":"http:\/\/img.vpimg.net\/1511024.large.jpg","assigned":false,"small":"http:\/\/img.vpimg.net\/1511024.jpg"},"stats":{"total_pod_views":66,"total_views":75,"total_widget_views":9,"weekly_pod_views":1,"weekly_views":1,"weekly_widget_views":0},"uid":"ef5ed497bdd900ace3cd98ca904b4783e848bc71","pod_id":2301,"updated_at":"Fri, 10 Apr 2009 00:30:18 -0500","embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/RoR9tVlIi80&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&hl=en&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6&border=1\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","original_url":"http:\/\/www.youtube.com\/watch?v=RoR9tVlIi80","user":{"user_id":2267,"link":"\/theflashblogger","username":"theflashblogger","_value":"TheFlashBlogger"},"autoplay_embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/RoR9tVlIi80&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&hl=en&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6&border=1\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","vodpod_id":1511024,"title":"Antoanvn-tin tuc Thiet bi bao chay va cai chet duoc bao truoc","num_collectors":1}},{"video":{"embed_host":"youtube.com","video_id":2346062,"orig_description":"Video tutorial ngu\u1ed3n atvn DIY , h\u01b0\u1edbng d\u1eabn l\u1eafp \u0111\u1eb7t h\u1ec7 th\u1ed1ng quan s\u00e1t c\u00f3 ghi h\u00ecnh ho\u00e0n ch\u1ec9nh, v\u1edbi gi\u1ea3i ph\u00e1p d\u1ec5 d\u00e0ng th\u1ef1c hi\u1ec7n nh\u1ea5t.Th\u00edch h\u1ee3p cho vi\u1ec7c t\u1ef1 h\u1ecdc tr\u1ef1c tuy\u1ebfn qua ngu\u1ed3n h\u1ed7 tr\u1ee3 c\u1ee7a Antoanvn. ...","created_at":"Fri, 10 Apr 2009 00:24:25 -0500","description":"T\u1ef1 l\u1eafp \u0111\u1eb7t h\u1ec7 th61ng camera v\u1edbi thi\u1ebft b\u1ecb ghi h\u00ecnh k\u1ef9 thu\u1eadt s\u1ed1 Standalone DVR.Antoanvn tutorial .","link":"http:\/\/vodpod.com\/watch\/1511014-diy-t-lap-dat-4-camera-vi-thiet-bi-ghi-hinh-dvr-antoanvn","thumbnails":{"medium":"http:\/\/img.vpimg.net\/1511014.medium160.jpg","large":"http:\/\/img.vpimg.net\/1511014.large.jpg","assigned":false,"small":"http:\/\/img.vpimg.net\/1511014.jpg"},"stats":{"total_pod_views":68,"total_views":70,"total_widget_views":2,"weekly_pod_views":2,"weekly_views":2,"weekly_widget_views":0},"uid":"34fc59a0f3fe988f681ee0913fa91c9265a18154","pod_id":2301,"updated_at":"Fri, 10 Apr 2009 00:24:25 -0500","embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/nBkM7EGbpJc&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&hl=en&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6&border=1\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","original_url":"http:\/\/www.youtube.com\/watch?v=nBkM7EGbpJc","user":{"user_id":2267,"link":"\/theflashblogger","username":"theflashblogger","_value":"TheFlashBlogger"},"autoplay_embed_tag":"<embed src=\"http:\/\/www.youtube.com\/v\/nBkM7EGbpJc&autoplay=1&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&autoplay=&fs=1&showinfo=0&showsearch=0&rel=0&hl=en&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6&border=1\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"100%\" height=\"100%\" id=\"myytplayer\"><\/embed>","vodpod_id":1511014,"title":"DIY t\u1ef1 lap dat 4 camera vi thiet bi ghi hinh DVR-antoanvn","num_collectors":1}},{"video":{"embed_host":"humyo.com","video_id":2294395,"created_at":"Mon, 30 Mar 2009 02:13:36 -0500","description":"Woodstock 1969 best performance and most shocking moments of famous rockers.B\u1ea1n y\u00eau th\u00edch nh\u1ea1c tr\u1ebb qu\u1ed1c t\u1ebf,Woodstock 1969 l\u00e0 \u0111\u1ea1i nh\u1ea1c h\u1ed9i \u0111\u00e3 l\u00e0m thay \u0111\u1ed5i b\u1ed9 m\u1eb7t gi\u1edbi tr\u1ebb th\u1eadp ni\u00ean 60-70 v\u00e0 thay \u0111\u1ed5i ngu\u1ed3n \u00e2m nh\u1ea1c Rock c\u1ee7a n\u01b0\u1edbc M\u1ef9.","link":"http:\/\/vodpod.com\/watch\/1478791-woodstock-1969-phai-xem-mot-lan-trong-doi-","thumbnails":{"medium":"http:\/\/img.vpimg.net\/1478791.medium160.jpg","large":"http:\/\/img.vpimg.net\/1478791.large.jpg","assigned":false,"small":"http:\/\/img.vpimg.net\/1478791.jpg"},"stats":{"total_pod_views":205,"total_views":258,"total_widget_views":53,"weekly_pod_views":2,"weekly_views":3,"weekly_widget_views":1},"uid":"a1d6454229ba3286bd7442ae2301e4352b897886","pod_id":2301,"updated_at":"Mon, 30 Mar 2009 02:13:36 -0500","embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" src=\"http:\/\/www.humyo.com\/E\/6477907-326383923\" type=\"application\/x-shockwave-flash\" width=\"100%\" height=\"100%\"><\/embed>","original_url":"","user":{"user_id":2267,"link":"\/theflashblogger","username":"theflashblogger","_value":"TheFlashBlogger"},"autoplay_embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" src=\"http:\/\/www.humyo.com\/E\/6477907-326383923\" flashvars=\"autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" type=\"application\/x-shockwave-flash\" width=\"100%\" height=\"100%\"><\/embed>","vodpod_id":1478791,"title":"Woodstock 1969 phai xem mot lan trong doi.","num_collectors":1}},{"video":{"embed_host":"static.ning.com","video_id":2289590,"created_at":"Sun, 29 Mar 2009 01:36:20 -0500","description":"Nh\u00fang l\u00ean trang blog wordpress.com d\u1ea1ng free t\u1ea5t c\u1ea3 c\u00e1c lo\u1ea1i m\u00e3 nh\u00fang t\u1eadp tin SWF qua Vodpod l\u00e0 gi\u1ea3i ph\u00e1p th\u00edch h\u1ee3p nh\u1ea5t cho hi\u1ec7n t\u1ea1i (th\u00e1ng 03 n\u0103m 2009)","link":"http:\/\/vodpod.com\/watch\/1475781-file-flashswf-trn-vodpod","thumbnails":{"medium":"http:\/\/img.vpimg.net\/1475781.medium160.jpg","large":"http:\/\/img.vpimg.net\/1475781.large.jpg","assigned":false,"small":"http:\/\/img.vpimg.net\/1475781.jpg"},"stats":{"total_pod_views":79,"total_views":114,"total_widget_views":35,"weekly_pod_views":2,"weekly_views":2,"weekly_widget_views":0},"uid":"1a0a58eb839b51bc41cf2c890f199f8edf5b0d4e","pod_id":2301,"updated_at":"Sun, 29 Mar 2009 01:36:20 -0500","embed_tag":"<embed allowscriptaccess=\"never\" class=\"xg_slideshow\" src=\"http:\/\/static.ning.com\/2xgiaitri\/widgets\/photo\/slideshowplayer\/slideshowplayer.swf?v=2.2.5%3A2657\" quality=\"high\" bgcolor=\"\" width=\"100%\" height=\"100%\" allowFullScreen=\"true\" allowscriptaccess=\"never\" wmode=\"transparent\" scale=\"noscale\" FlashVars=\"feed_url=http%3A%2F%2F2xgiaitri.ning.com%2Fphoto%2Fphoto%2FslideshowFeedAlbum%3Fid%3D1985362%253AAlbum%253A124%26x%3DPJ4gny3JEmXGNd5Knye4bH16wLXlAO8I%26photo_width%3D160%26photo_height%3D125&config_url=http%3A%2F%2F2xgiaitri.ning.com%2Fphoto%2Fphoto%2FshowPlayerConfig%3Fx%3DPJ4gny3JEmXGNd5Knye4bH16wLXlAO8I&backgroundColor=&layout=external_site&slideshow_title=&fullsize_url=http%3A%2F%2F2xgiaitri.ning.com%2Fphoto%2Fphoto%2Fslideshow%3Ffeed_url%3Dhttp%253A%252F%252F2xgiaitri.ning.com%252Fphoto%252Fphoto%252FslideshowFeedAlbum%253Fid%253D1985362%25253AAlbum%25253A124\" type=\"application\/x-shockwave-flash\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\"><\/embed>","original_url":"","user":{"user_id":2267,"link":"\/theflashblogger","username":"theflashblogger","_value":"TheFlashBlogger"},"autoplay_embed_tag":"<embed allowscriptaccess=\"never\" class=\"xg_slideshow\" src=\"http:\/\/static.ning.com\/2xgiaitri\/widgets\/photo\/slideshowplayer\/slideshowplayer.swf?v=2.2.5%3A2657\" quality=\"high\" bgcolor=\"\" width=\"100%\" height=\"100%\" allowFullScreen=\"true\" allowscriptaccess=\"never\" wmode=\"transparent\" scale=\"noscale\" flashvars=\"feed_url=http%3A%2F%2F2xgiaitri.ning.com%2Fphoto%2Fphoto%2FslideshowFeedAlbum%3Fid%3D1985362%253AAlbum%253A124%26x%3DPJ4gny3JEmXGNd5Knye4bH16wLXlAO8I%26photo_width%3D160%26photo_height%3D125&config_url=http%3A%2F%2F2xgiaitri.ning.com%2Fphoto%2Fphoto%2FshowPlayerConfig%3Fx%3DPJ4gny3JEmXGNd5Knye4bH16wLXlAO8I&backgroundColor=&layout=external_site&slideshow_title=&fullsize_url=http%3A%2F%2F2xgiaitri.ning.com%2Fphoto%2Fphoto%2Fslideshow%3Ffeed_url%3Dhttp%253A%252F%252F2xgiaitri.ning.com%252Fphoto%252Fphoto%252FslideshowFeedAlbum%253Fid%253D1985362%25253AAlbum%25253A124&autoPlay=true&autoplay=true&autoStart=1&ap=1&autoplay=1&ip=true&autostart=true\" type=\"application\/x-shockwave-flash\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\"><\/embed>","vodpod_id":1475781,"title":"File Flashswf tr\u00ean Vodpod","num_collectors":1}}],"total":15}});
  
  widget9136945382.innerHTML += '<div class="vodpod_placeholder_bottom"></div>';
  widget9136945382.innerHTML += '<img src="http://stats.vodpod.com/stats/widget/2301/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(widget9136945382.parentNode, 'vodpod_footer');
      for (i = 0; i<els.length; i++)
      {
        els[i].style.background = '#606060';
      }
  
      els = vp_getElementsByClassName(widget9136945382.parentNode, 'vodpod_header');
      for (i = 0; i<els.length; i++)
      {
        els[i].style.background = '#606060';
      }
  
      els = vp_getElementsByClassName(widget9136945382.parentNode, 'vodpod_videos_widget');
      for (i = 0; i<els.length; i++)
      {
        els[i].style.border = '2px solid #606060';
      }
  
      els = vp_getElementsByClassName(widget9136945382.parentNode, 'vodpod_video_placeholder1');
      for (i = 0; i<els.length; i++)
      {
        els[i].style.background = '#606060';
      }
  
  
  widget9136945382.style.display = 'block';
}

function createInfoBox9136945382() {
  var img = document.createElement('img');
  img.id = 'popup_image_9136945382';
  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_9136945382';
  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='closeInfoBox9136945382()'>";
  html += "</div>"
  
  container.innerHTML = html;
  
  var header = document.createElement('div');
  header.id = 'popup_header_9136945382';
  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 closeInfoBox9136945382() {
  var image = document.getElementById('popup_image_9136945382');
  var container = document.getElementById('popup_container_9136945382');
  var header = document.getElementById('popup_header_9136945382');
  
  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_loadNextSet9136945382(direction) {
  page9136945382 += direction;
  url = 'http://api.vodpod.com/api/pod/videos.js?pod_id=2301&api_key=js_widget&callback=vp_loadJsonVideos9136945382&per_page=5&page=' + page9136945382 + '&category_id=';

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

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

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(widget9136945382, '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(widget9136945382);
  var widget_width = widget9136945382.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 + widget9136945382.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(widget9136945382, '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_2301&opts=id%3Dflash2i%26tag_id%3Dlatest%26title%3DVideo%2BWeb2.0%2BVi%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;
    }

}


