var mzPopup=new Class({

	options: {
		usepopback:true,
		popback:'pop_sfondo',
		height:400,
		width:500
	}, 

	initialize: function(element,options){

		this.setOptions(options);
	
		this.popup=$(element);
		this.popupback= (this.options.usepopback) ? $(this.options.popback) : null;
		
	},
	
	show: function(options,url){
	
		var alloptions=$merge(this.options,options);
		
		if(alloptions.usepopback) this.popupback.setStyles({'display':'block','width':window.getScrollWidth()+'px','height':window.getScrollHeight()+'px'})
		this.popup.setStyles({ 'display': 'block', width: alloptions.width + 'px', height: alloptions.height + 'px', left: (alloptions.left) ? alloptions.left : '50%', top: (alloptions.top) ? alloptions.top : '50%', 'margin-left': (alloptions.left) ? '0px' : '-' + (Math.floor(alloptions.width / 2)) + 'px', 'margin-top': (alloptions.top) ? '0px' : '-' + (Math.floor(alloptions.height / 2)) + 'px' })
		
		if(url) this.load(url,alloptions.complete_func);
	},

	hide: function(reset){
		
		reset = (reset==false) ? false : true;
		
		this.popup.setStyles({'display':'none',width:'0px',height:'0px',left:'0px',top:'0px','margin-left':'0px','margin-top':'0px'})
		if(this.popupback) this.popupback.setStyles({'display':'none','width':'0px','height':'0px'})
		
		if (reset) this.popup.empty();
		
	},
	
	load: function(url,complete_func){

		new Ajax(unescape(url), {
			method: 'get',
			evalScripts: true,
			update: this.popup,
			onComplete: (complete_func==undefined) ? function(){} : complete_func
		}).request();
	
	},
	
	setHTML: function(txt){
		this.popup.empty().setHTML(txt);
	}
	
});

mzPopup.implement(new Options);