// JavaScript Document
	if (!window.demo_path) window.demo_path = '';
	var demo_path = window.demo_path;

function closePopup(){
	if($('Bover')){
		$('Bover').destroy();
		$('Bbox').destroy();

	}
}
function openPopup(urladdr){

	var newoverlay = new Element('div', {'id': 'Bover'}).inject(document.body).setOpacity(0);
	var newbody = new Element('div', {'id': 'Bbox'}).inject(document.body);
	var maincontent = new Element('div', {'id': 'Bcont'}).inject(newbody);
	var ajaxcontent = new Element('div').inject(maincontent);
	var closebox = new Element('div', {'id': 'Bclose'}).inject(maincontent);
	/* Control Overlayer */
	var wsize = window.getSize();
	var nbody = newbody.getSize();
	var totalw=nbody.x-2;
	
	newoverlay.setStyles({'top': window.getScrollTop(), 'height': wsize.y});
	
	var bodywidth = nbody.x/2;
	newbody.setStyles({'left': (wsize.x/2)-bodywidth});	
	
	var activateover = new Fx.Tween(newoverlay, {duration:500});
	
	/* Control Body */
ajaxcontent.setOpacity(0);
maincontent.setOpacity(0);
	
	var mcFX = new Fx.Morph(maincontent, {duration: 800});
		
	var req = new Request.HTML({url:demo_path+urladdr, 
			onSuccess: function(html) {
					
				ajaxcontent.set('text', '');
				ajaxcontent.adopt(html);
							
					var totalhca=ajaxcontent.getSize();
					var totalh=totalhca.y;					
									
					mcFX.start({
						'height': totalh,
						'width': totalw,
						'margin-top': 0,
						'opacity': '1'
						}).chain(function(){
						
							mcFX.start({
								'background-color': '#FFFFFF'
							});
							
								ajaxcontent.setOpacity(1);
					});

			},
			//Our request will most likely succeed, but just in case, we'll add an
			//onFailure method which will let the user know what happened.
			onFailure: function() {
				ajaxcontent.set('text', 'The request failed.');
			}
	});

	
	activateover.start('opacity', '0', '0.7').chain(function(){
	req.send();

	});
		
	newoverlay.onclick = function(){
		closePopup();
	}
	closebox.onclick = function(){
		closePopup();
	}
	
}

window.addEvent('resize',function(){
	if($('Bover')){
		var wsize = window.getSize();
		if(wsize.x>990){
			$('Bover').setStyles({'top': window.getScrollTop(), 'width': '100%', 'height': wsize.y});
		} else {
			$('Bover').setStyles({'top': window.getScrollTop(), 'width': '990px', 'height': wsize.y});
		}
		var nbody = $('Bbox').getSize();
		var bodywidth = nbody.x/2;
		$('Bbox').setStyles({'left': (wsize.x/2)-bodywidth});	
	}
	
});

window.addEvent('scroll',function(){
	if($('Bover')){
		var wsize = window.getSize();
		$('Bover').setStyles({'top': window.getScrollTop(), 'height': wsize.y});
	}
});