function changeBodyStyle($newID) {
	document.getElementsByTagName('body')[0].className=$newID;
}



$(function() {		
	
	$('.missingFlash').html("<div class='missingFlashInner'><div class='missingFlashText'><h5>Missing Flash Player</h5><p>Either you don't have flash installed, it is an old version, or javascript is disabled. Check that stuff out and try again :)</p><p>You can try and download a new version <a href='http://get.adobe.com/flashplayer/'>here</a> if you want.</p></div></div>");
	
	// setup triggers
	$("button[rel]").each(function(i) {
		
		
		$(this).overlay({
			
			// common configuration for each overlay
			oneInstance: false, 
			closeOnClick: false,
			speed: 'fast',
			preload: false,
			expose: {color:'#354d71',closeOnClick:false},
			finish: {top:'center', left:'center'},
			start: {top:'center', left:'center'},
			onBeforeLoad: function() {
				//$("#rap").css('visible': false );	//this.getContent().css('spacing','10px');
				//$("#rap").css({width:'100px'});
				//alert( $("#rap") );
				//alert(c.offset().top);				
				var c = this.getContent();
				c.appendTo('body');				
				//c.css({position:"fixed"});
			}
			
			}
		);			
	});
	
});