function popup(element, topoffset){
  $(element).style.position = 'absolute';
  if ($(element).getStyle('display')=='none'){
    $$('.popup').each(function(p){
      $(p).hide();
    });	      
    var el = Element.getDimensions($(element));
    var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
    if (topoffset) top += topoffset; else top += 200
    $(element).style.top = (top) + 'px';
    $(element).style.left = (($('content-wrapper').offsetWidth - el.width) / 2) + 'px';
  }
  Effect.toggle($(element), 'appear', { duration: 0.5 });
}

document.observe('dom:loaded', function(e){
	var template = '<object width="380" height="308">';
	template += '<param name="movie" value="http://www.youtube.com/v/#{video}&hl=en&fs=1"></param>';
	template += '<param name="allowFullScreen" value="true"></param>';
	template += '<param name="allowscriptaccess" value="always"></param>';
	template += '<embed src="http://www.youtube.com/v/#{video}&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="380" height="308"></embed>';
	template += '</object>';
	template = new Template(template);
	var re = new RegExp(/http:\/\/[\w]*.youtube.com\/watch[?][v]=([\w]{11})([^<\s]*)/);
	var match = re.exec($$('body')[0].innerHTML);
	
	if(match){
		var obj = {video: match[1]};
		$$('body')[0].innerHTML = $$('body')[0].innerHTML.replace(re, template.evaluate(obj));
	}
});