


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


var widget1777259548 = document.getElementById('vodpod_widget_5584695');
if (widget1777259548 == null)
{
  widget1777259548 = document.getElementById('vodpod_recent_videos');
}
var vp_widget_id = widget1777259548.id;
var vp_iframe;


widget1777259548.innerHTML = '';
// Hide the widget, until it has been created
widget1777259548.style.display = 'none';
widget1777259548.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:178px !important; color:#666 !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; border:none !important; text-align:left !important; } .vodpod_videos_widget a { color:#00adef !important; text-decoration:none !important; margin:0px !important; padding:0px !important; border:none !important; } .vodpod_videos_widget img { border:none !important; margin:0px !important; padding:0px !important; } .vodpod_videos_widget a:hover { text-decoration:underline !important; } .vodpod_videos_widget .vodpod_placeholder_top { background:url(http://assetscdn.vodpod.com/images/widget/top_178px_white.gif) no-repeat !important; height:4px !important; overflow:hidden !important; width:100% !important; } .vodpod_videos_widget .vodpod_placeholder_bottom { background:url(http://assetscdn.vodpod.com/images/widget/bottom_178px_white.gif) no-repeat !important; height:4px !important; width:100% !important; } .vodpod_videos_widget .vodpod_header { display:block !important; padding:15px 0 15px 0 !important; overflow:hidden !important; background:#fff !important; width:176px !important; border-right:1px solid #e7e7e7 !important; border-left:1px solid #e7e7e7 !important; } .vodpod_videos_widget .vodpod_header img.vodpod_header_logo { margin:0 4px 0 8px !important; width:17px !important; height:17px !important; float:left !important; } .vodpod_videos_widget .vodpod_header a { color:#666 !important; float:left !important; width:135px !important; font-size:14px !important; } .vodpod_videos_widget .vodpod_video_container { background:#fff !important; border-right:1px solid #e7e7e7 !important; border-left:1px solid #e7e7e7 !important; width:176px !important; } .vodpod_videos_widget .vodpod_video { position:relative !important; width:160px !important; height:130px !important; padding:0px !important; margin:0 0 0 6px !important; cursor:pointer !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_thumbnail { display:block !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_thumbnail img { width:160px !important; height:120px !important; border:1px solid #656565 !important; } .vodpod_videos_widget .vodpod_video_placeholder2 { background: url(http://assetscdn.vodpod.com/images/widget/overlay.png) no-repeat !important; width:160px !important; height:120px !important; position:absolute !important; left: 1px !important; top: 1px !important; display: none !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_title_shading { display:block !important; height:40px !important; width:162px !important; line-height:14px !important; overflow:hidden !important; text-align:left !important; color:#f7d221 !important; position:absolute !important; bottom:8px !important; left:0 !important; } .vodpod_videos_widget .vodpod_video .vodpod_video_title { display:block !important; padding:7px 7px 0 7px !important; font-weight:normal !important; font-size:12px !important; height:30px !important; width:148px !important; line-height:14px !important; overflow:hidden !important; text-align:left !important; color:#f7d221 !important; position:absolute !important; bottom:16px !important; left:0 !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_footer_separator { display:none !important; } .vodpod_videos_widget .vodpod_footer { background:#fff !important; text-align:right !important; padding:10px !important; border-right:1px solid #e7e7e7 !important; border-left:1px solid #e7e7e7 !important; width:156px !important; height:40px !important; } .vodpod_videos_widget .vodpod_footer img.powered_by { margin-top:8px !important; } .vodpod_videos_widget .vodpod_footer img.vp_widget_info { float:left !important; } .vodpod_videos_widget .vodpod_footer a { color:#fff !important; } .vodpod_videos_widget .vodpod_footer .vodpod_see_all { color:#00aeef !important; font-size:11px !important; } .vodpod_videos_widget .vodpod_footer #vodpod_footer_clear { clear:both !important; } .vodpod_videos_widget .vodpod_video_index { width:21px !important; height:14px !important; background: url(http://assetscdn.vodpod.com/images/widget/index_bg.gif) !important; position:absolute !important; display:block !important; left:7px !important; bottom:3px !important; line-height:14px !important; text-align:center !important; color:#fff !important; font-size:11px !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_popup_container p { margin-bottom:1em !important; font-size:12px !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_createWidget1777259548();

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_createWidget1777259548() {
  
  widget_header = '    <div class=\"vodpod_placeholder_top\"><\/div>\n    <div class=\"vodpod_header\" title=\"klessblog\'s videos\">\n    <img src=\"http://assetscdn.vodpod.com/images/widget/logo_17px_white.gif\" class=\"vodpod_header_logo vodpod_png\" style=\"width:14px;height:14px;\" />\n    <a href=\"http://klessblog.vodpod.com\" target=\"_new\">klessblog\'s videos<\/a><\/div>\n';
  
  widget1777259548.innerHTML += widget_header;
  
  
  video_html = '<div class="vodpod_video_container" id="vodpod_video_container_vodpod_widget_5584695">';
  
  widget1777259548.innerHTML += video_html;
    
  footer_html = '<div class="vodpod_footer_separator">&nbsp;</div>\
  <div class="vodpod_footer">\
    <a href="http://klessblog.vodpod.com" target="_new" class="vodpod_see_all" style="">see all 311 videos &gt;</a>';

  footer_html += '';
  
  
    footer_html += '\n <a href=\"javascript:createInfoBox1777259548()\"><img src=\"http://assetscdn.vodpod.com/images/widget/info.gif\" class=\"vp_widget_info\"><\/a>\n <a href=\"http://vodpod.com/widgets?r=widget\"><img src=\"http://assetscdn.vodpod.com/images/widget/powered_by_vp_white.png\" class=\"powered_by\"><\/a>\n '
  
  
  footer_html += '<div id="vodpod_footer_clear"></div></div>';

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

  // Load the videos
  vp_loadJsonVideos1777259548({"videos":{"items":[{"video":{"updated_at":"Sat, 06 Feb 2010 01:30:00 -0600","vodpod_id":2998837,"num_collectors":1,"original_url":"http://klessblog.blogspot.com/2010/02/online-video-platform-summit-building.html","description":"In this final video from the Online Video Platform Summit, this panel discusses how interactive video experiences build value and engagement with online viewers. Interactivity by definition, is where a user can control their viewing experience, comment on it and actively contribute to it. The web evolved from text and image to interactive social media experiences. Social media interactivity can transform the passive, lean-back viewing experience into more of an active lean-in, engaged experience. A few examples are by customizing video players with clickable objects, comments, real-time chat, live audio and video, exploratory interactive video and virtual worlds, online gaming, and video remixes.                           Building Value With Real Interactivity                                                                                                                                                                                                                                                          Moderator: Tim Siglin, Chairman, Braintrust Digital Alex Blum, CEO, KickApps Scott Broomfield, Co-Founder and CEO, Veeple Michael Dale, Open Media Developer, Wikimedia Foundation Rainer Cvillink, Evangelist, Livestream                                                                         Video is more than just a one-way communication medium. At its best, it actively engages viewers in a lean-forward experience by allowing them to interact with the content in a unique way, including the ability to comment, rate, and share it across social networks; explore clickable objects within the video player; and even remix their own video responses using webcams or mobile devices. Live video streaming can offer even more functionality and an even higher level of interaction through real-time chat, live comment streams, and status updates. Our speakers will show examples of what you can do to make your video more of a targeted and personalized experience and discuss why you ","link":"http://vodpod.com/watch/2998837-online-video-platform-summit-building-value-with-real-interactivity","stats":{"weekly_views":0,"total_pod_views":1,"total_widget_views":0,"weekly_pod_views":0,"total_views":1,"weekly_widget_views":0},"uid":"aa107cda586641c619717cc12e25881f027cd961","pod_id":303159,"created_at":"Sat, 06 Feb 2010 01:30:00 -0600","video_id":4676783,"embed_host":"c.brightcove.com","user":{"link":"/klessblog","_value":"klessblog","username":"klessblog","user_id":292751},"embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" name=\"flashObj\" bgcolor=\"#FFFFFF\" src=\"http://c.brightcove.com/services/viewer/federated_f8/1344656541\" type=\"application/x-shockwave-flash\" swliveconnect=\"true\" pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" flashvars=\"videoId=63364919001&amp;playerId=1344656541&amp;viewerSecureGatewayURL=https://console.brightcove.com/services/amfgateway&amp;servicesURL=http://services.brightcove.com/services&amp;cdnURL=http://admin.brightcove.com&amp;domain=embed&amp;autoStart=false&amp;\" height=\"100%\" seamlesstabbing=\"false\" base=\"http://admin.brightcove.com\" width=\"100%\"></embed>","thumbnails":{"assigned":false,"medium":"http://img.vpimg.net/2998837.medium160.jpg","small":"http://img.vpimg.net/2998837.jpg","large":"http://img.vpimg.net/2998837.large.jpg"},"autoplay_embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" name=\"flashObj\" bgcolor=\"#FFFFFF\" src=\"http://c.brightcove.com/services/viewer/federated_f8/1344656541\" type=\"application/x-shockwave-flash\" swliveconnect=\"true\" pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" flashvars=\"videoId=63364919001&amp;playerId=1344656541&amp;viewerSecureGatewayURL=https://console.brightcove.com/services/amfgateway&amp;servicesURL=http://services.brightcove.com/services&amp;cdnURL=http://admin.brightcove.com&amp;domain=embed&amp;autoStart=true&amp;\" height=\"100%\" seamlesstabbing=\"false\" base=\"http://admin.brightcove.com\" width=\"100%\"></embed>","title":"Online Video Platform Summit: Building Value with Real Interactivity"}},{"video":{"updated_at":"Thu, 04 Feb 2010 01:24:00 -0600","vodpod_id":2986650,"num_collectors":1,"original_url":"http://klessblog.blogspot.com/2010/02/online-video-platform-summit-redefining.html","description":"Established methods of monetizing online video content include: advertisement, sponsorship, merchandising, licensing and acquisition, paid syndication, subscription and pay-per-view, product placement and branded entertainment. And in many cases, businesses may use video as marketing tool for lead generation and sales to promote their products, goods and services and extend brand message. But the question of how to most effectively monetize online video and what revenues to expect, tend to be more difficult to answer for many online video publishers. I led a panel discussion on Redefining Monetization at the Online Video Platform Summit that featured a diverse panel with Benjamin Wayne, CEO of Fliqz, Peter Csathy, CEO of Sorenson Media, Kevin Nalty of Nalts Consulting, and Teg Grenager, co-founder of Adap.tv who debated the viability of advertising in online video and the true value of online video as a marketing tool.    Redefining Monetization Different organizations have different goals and business models when it comes to monetization. Some monetize their video content directly with advertising through pre-rolls, post-rolls, overlays and product endorsements or by a pay-per-view or subscription model. But most organizations will benefit by using video as a way to build value by driving sales, highlighting products, expanding brand awareness, and increasing customer engagement. This panel discussion will look at monetization from all the angles, address the different needs of B2B and B2C initiatives, and show examples of successful monetization practices.  Moderator: Larry Kless, Founder, President, OnlineVideoPublishing.com Peter Csathy, President & CEO, Sorenson Media Teg Grenager, VP of Product and Marketing & Co-Founder, Adap.tv Inc. Kevin Nalty, Consultant, Nalts Consulting Benjamin Wayne, CEO, Fliqz   Highlights from the Panel  Benjamin Wayne noted that until recent years video tended to be viewed in narrow terms of monetizing the video stream, and while ad","link":"http://vodpod.com/watch/2986650-online-video-platform-summit-redefining-monetization","stats":{"weekly_views":0,"total_pod_views":1,"total_widget_views":0,"weekly_pod_views":0,"total_views":1,"weekly_widget_views":0},"uid":"b6a5fa41793860b19d80b9f454e060bbb0f7808a","pod_id":303159,"created_at":"Thu, 04 Feb 2010 01:24:00 -0600","video_id":4657474,"embed_host":"c.brightcove.com","user":{"link":"/klessblog","_value":"klessblog","username":"klessblog","user_id":292751},"embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" name=\"flashObj\" bgcolor=\"#FFFFFF\" src=\"http://c.brightcove.com/services/viewer/federated_f8/1344656541\" type=\"application/x-shockwave-flash\" swliveconnect=\"true\" pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" flashvars=\"videoId=62825685001&amp;playerId=1344656541&amp;viewerSecureGatewayURL=https://console.brightcove.com/services/amfgateway&amp;servicesURL=http://services.brightcove.com/services&amp;cdnURL=http://admin.brightcove.com&amp;domain=embed&amp;autoStart=false&amp;\" height=\"100%\" seamlesstabbing=\"false\" base=\"http://admin.brightcove.com\" width=\"100%\"></embed>","thumbnails":{"assigned":false,"medium":"http://img.vpimg.net/2986650.medium160.jpg","small":"http://img.vpimg.net/2986650.jpg","large":"http://img.vpimg.net/2986650.large.jpg"},"autoplay_embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" name=\"flashObj\" bgcolor=\"#FFFFFF\" src=\"http://c.brightcove.com/services/viewer/federated_f8/1344656541\" type=\"application/x-shockwave-flash\" swliveconnect=\"true\" pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" flashvars=\"videoId=62825685001&amp;playerId=1344656541&amp;viewerSecureGatewayURL=https://console.brightcove.com/services/amfgateway&amp;servicesURL=http://services.brightcove.com/services&amp;cdnURL=http://admin.brightcove.com&amp;domain=embed&amp;autoStart=true&amp;\" height=\"100%\" seamlesstabbing=\"false\" base=\"http://admin.brightcove.com\" width=\"100%\"></embed>","title":"Online Video Platform Summit: Redefining Monetization"}},{"video":{"updated_at":"Tue, 02 Feb 2010 23:54:00 -0600","vodpod_id":2979115,"num_collectors":1,"original_url":"http://klessblog.blogspot.com/2010/02/online-video-platform-summit-online.html","description":"This is the second Online Video Platform Showcase from day two of the Online Video Platform Summit, featuring Multicast Media, Datpresenter, Sorenson 360, and Ooyala. As in the previous showcase from day one, each of these providers differentiate themselves through a range of features, pricing, customer value and market focus. While they differ, they each offer a similar solution as a Software as a Service (SaaS) model with key capabilities in media management, encoding, publishing, distribution, analytics and monetization. Watch the video to learn more, and visit their websites for more information and free trials.  Online Video Platform Showcase - Day 2  Lou Schwartz, Chairman and CEO, Multicast Media Technologies, Inc. Datpresenter, represented by IdaRose Sylvester, Co-founder of Silicon Valley Link David Dudas, VP of Product Management, Sorenson Media Sean Knapp, Co-Founder & CTO, Ooyala  For the latest updates on these OVPs, follow them on Twitter: Multicast MediaDatpresenterSorenson MediaOoyalaSee these related posts: Online Video Platform Summit - Multicast Media to Showcase Multicast Media SuiteOnline Video Platform Summit - Ooyala to Showcase Video Publishing, Analytics and Monetization PlatformOnline Video Platform Summit - Sorenson Media to Showcase Squeeze 6 and Sorenson 360 Video Delivery Network.","link":"http://vodpod.com/watch/2979115-online-video-platform-summit-online-video-platform-showcase-day-2-multicast-media-datpresenter-sorenson-media-ooyala","stats":{"weekly_views":2,"total_pod_views":3,"total_widget_views":0,"weekly_pod_views":2,"total_views":3,"weekly_widget_views":0},"uid":"9e514ebf08332db73182a939231d7d4d430ed54c","pod_id":303159,"created_at":"Tue, 02 Feb 2010 23:54:00 -0600","video_id":4646236,"embed_host":"c.brightcove.com","user":{"link":"/klessblog","_value":"klessblog","username":"klessblog","user_id":292751},"embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" name=\"flashObj\" bgcolor=\"#FFFFFF\" src=\"http://c.brightcove.com/services/viewer/federated_f8/1344656541\" type=\"application/x-shockwave-flash\" swliveconnect=\"true\" pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" flashvars=\"videoId=62350199001&amp;playerId=1344656541&amp;viewerSecureGatewayURL=https://console.brightcove.com/services/amfgateway&amp;servicesURL=http://services.brightcove.com/services&amp;cdnURL=http://admin.brightcove.com&amp;domain=embed&amp;autoStart=false&amp;\" height=\"100%\" seamlesstabbing=\"false\" base=\"http://admin.brightcove.com\" width=\"100%\"></embed>","thumbnails":{"assigned":false,"medium":"http://img.vpimg.net/2979115.medium160.jpg","small":"http://img.vpimg.net/2979115.jpg","large":"http://img.vpimg.net/2979115.large.jpg"},"autoplay_embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" name=\"flashObj\" bgcolor=\"#FFFFFF\" src=\"http://c.brightcove.com/services/viewer/federated_f8/1344656541\" type=\"application/x-shockwave-flash\" swliveconnect=\"true\" pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" flashvars=\"videoId=62350199001&amp;playerId=1344656541&amp;viewerSecureGatewayURL=https://console.brightcove.com/services/amfgateway&amp;servicesURL=http://services.brightcove.com/services&amp;cdnURL=http://admin.brightcove.com&amp;domain=embed&amp;autoStart=true&amp;\" height=\"100%\" seamlesstabbing=\"false\" base=\"http://admin.brightcove.com\" width=\"100%\"></embed>","title":"Online Video Platform Summit: Online Video Platform Showcase, Day 2 - Multicast Media, Datpresenter, Sorenson Media, Ooyala"}},{"video":{"updated_at":"Sun, 31 Jan 2010 23:28:00 -0600","vodpod_id":2964877,"num_collectors":1,"original_url":"http://klessblog.blogspot.com/2010/01/online-video-platform-summit-optimizing.html","description":"One of the most challenging areas for online video publishers is to optimize their video to be more discoverable by search engines, and for businesses, this is critical to bring new traffic and customers to their web sites. Publishing video content in a way that it can be easily indexed by search engines has been proven to increase higher first-page Google rankings. It's not smoke and mirrors, and it's done through video search engine optimization (VSEO) which, as my good friend and publisher of ReelSEO, Mark Robertson says is, \"video SEO purely an extension of SEO.\"  Search engine optimization (SEO) is defined as: \"The process of making a site and its content highly relevant for both search engines and searchers. SEO includes technical tasks to make it easier for search engines to find and index a site for the appropriate keywords, as well as marketing-focused tasks to make a site more appealing to users. Successful search marketing helps a site gain top positioning for relevant words and phrases.\" - Search Engine Watch SEM GlossaryWhile traditional SEO techniques are focused on text-based search, the rules are different for video search since it can't be discovered on its own by search engines. Nico McLane attempted to uncover the mystery behind VSEO in her Streaming Media article, In Search of Video SEO That Works, and concluded that the secret's in the sauce and no two recipes are the same. Mark Robertson says that despite the hype, there is still a general lack of understanding when it summed it up this way: \u201cVideo SEO is not a means in and of itself, it is a strategy and a set of best practices that need to be combined with best practices for producing, publishing, and syndicating online video content.  It  is the application of SEO best practices when publishing online video content to ensure maximum visibility across search engines and ultimately, your target audience.  Ultimately, the ROI depends on many factors but is similar to that which can be achieve","link":"http://vodpod.com/watch/2964877-online-video-platform-summit-optimizing-video-search-and-discoverability","stats":{"weekly_views":0,"total_pod_views":2,"total_widget_views":0,"weekly_pod_views":0,"total_views":2,"weekly_widget_views":0},"uid":"7446d0f9b6813d4b33fed6dd73c3ccf6eb6d6291","pod_id":303159,"created_at":"Sun, 31 Jan 2010 23:28:00 -0600","video_id":4624888,"embed_host":"c.brightcove.com","user":{"link":"/klessblog","_value":"klessblog","username":"klessblog","user_id":292751},"embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" name=\"flashObj\" bgcolor=\"#FFFFFF\" src=\"http://c.brightcove.com/services/viewer/federated_f8/1344656541\" type=\"application/x-shockwave-flash\" swliveconnect=\"true\" pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" flashvars=\"videoId=62195646001&amp;playerId=1344656541&amp;viewerSecureGatewayURL=https://console.brightcove.com/services/amfgateway&amp;servicesURL=http://services.brightcove.com/services&amp;cdnURL=http://admin.brightcove.com&amp;domain=embed&amp;autoStart=false&amp;\" height=\"100%\" seamlesstabbing=\"false\" base=\"http://admin.brightcove.com\" width=\"100%\"></embed>","thumbnails":{"assigned":false,"medium":"http://img.vpimg.net/2964877.medium160.jpg","small":"http://img.vpimg.net/2964877.jpg","large":"http://img.vpimg.net/2964877.large.jpg"},"autoplay_embed_tag":"<embed allowscriptaccess=\"never\" wmode=\"transparent\" name=\"flashObj\" bgcolor=\"#FFFFFF\" src=\"http://c.brightcove.com/services/viewer/federated_f8/1344656541\" type=\"application/x-shockwave-flash\" swliveconnect=\"true\" pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" flashvars=\"videoId=62195646001&amp;playerId=1344656541&amp;viewerSecureGatewayURL=https://console.brightcove.com/services/amfgateway&amp;servicesURL=http://services.brightcove.com/services&amp;cdnURL=http://admin.brightcove.com&amp;domain=embed&amp;autoStart=true&amp;\" height=\"100%\" seamlesstabbing=\"false\" base=\"http://admin.brightcove.com\" width=\"100%\"></embed>","title":"Online Video Platform Summit: Optimizing Video Search and Discoverability"}}],"total":311}});
  
  widget1777259548.innerHTML += '<div class="vodpod_placeholder_bottom"></div>';
  widget1777259548.innerHTML += '<img src="http://stats.vodpod.com/stats/widget/303159/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 = ''
  
  
  widget1777259548.style.display = 'block';
}

function createInfoBox1777259548() {
  var img = document.createElement('img');
  img.id = 'popup_image_1777259548';
  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_1777259548';
  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='closeInfoBox1777259548()'>";
  html += "</div>"
  
  container.innerHTML = html;
  
  var header = document.createElement('div');
  header.id = 'popup_header_1777259548';
  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 closeInfoBox1777259548() {
  var image = document.getElementById('popup_image_1777259548');
  var container = document.getElementById('popup_container_1777259548');
  var header = document.getElementById('popup_header_1777259548');
  
  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_loadNextSet1777259548(direction) {
  page1777259548 += direction;
  url = 'http://api.vodpod.com/api/pod/videos.js?pod_id=303159&api_key=js_widget&callback=vp_loadJsonVideos1777259548&per_page=4&page=' + page1777259548 + '&category_id=';

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

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

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(widget1777259548, '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(widget1777259548);
  var widget_width = widget1777259548.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 + widget1777259548.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(widget1777259548, '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) {
  
    
    if (!isIE)
      vp_getElementsByClassName(container, 'vodpod_video_placeholder2')[0].style.display = 'block';
  
  
}

function vp_videoMouseOut(container) {
  
    
    vp_getElementsByClassName(container, 'vodpod_video_placeholder2')[0].style.display = 'none';
  
  
}

function vp_getCode() {
  var tag_src = 'http://widgets.vodpod.com/javascripts/get_widget_code?div_id=vodpod_widget_5584695&opts=id%3D303159%26v%3D2%26title%3Dklessblog%2527s%2520videos%26options%5Btheme%5D%3Dsidebar4_white%26tag_id%3Dlatest%26options%5Bdiv_id%5D%3Dvodpod_widget_5584695';
  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;
    }

}


