// JavaScript Document
HoverBox = new Class({
	initialize:function() {

	},
	show:function(func, iframe) {
		
		this.overlay = new Element('div', {id:'overlay', styles:{'display':'none'}}).injectInside(document.body);
		this.modal = new Element('div', {id:'modal', styles:{'display':'none'}}).injectInside(document.body);
		this.outerbox =new Element('div', {id:'outerbox'}).injectInside(this.modal);
		this.boxtop = new Element('div', {id:'boxtop'}).injectInside(this.outerbox);
		this.boxboddy = new Element('div', {id:'boxboddy'}).injectInside(this.outerbox);
		this.boxbottom = new Element('div', {id:'boxbottom'}).injectInside(this.outerbox);
		
		//this.box = new Element('div', {id:'box'}).injectInside(this.boxboddy);		
		
 		this.botones = new Element('div', {id:'hb-botones'}).injectInside(this.boxboddy);	
		
		this.close = new Element('a', {href:'#', onclick:'return false'});
		this.close.className = 'close';
		this.close.injectInside(this.botones);
		
		this.contenido = new Element('div', {id:'hb-contenido'}).injectInside(this.boxboddy);		
		
		
		this.close.addEvent('click', function(ev) {myHB.hide()});
		
		this.sizebox();
		this.overlay.style.display = 'block';
		this.overlay.style.display = 'block';
		
		
		this.modal.style.display = 'block';
		
		document.body.className = "body-overlayed";
		
		
		
		if(iframe) {
			this.iframe = new Element('iframe', {
				'src': func,
				'frameBorder': 0,
				'width': 480,
				'height': 400
			}).injectInside(this.contenido);
			
		} else {
			this.contenido.className = "wait";
			new Ajax(func, {
				method: "post",
				update: this.contenido,
				evalScripts: true,
				onComplete:function() {
					$('hb-contenido').className = "";
				}
			}).request();
		}
		
	},
	sizebox:function() {
		var wsize = window.getSize();
		this.overlay.style.height = wsize.scrollSize.y +'px';
		var osize = this.outerbox.getSize();
		var dsize =  ((wsize.size.y - osize.size.y)/4 + wsize.scroll.y).toInt() + 'px';
		this.outerbox.style.top = dsize;		
	},
	wait:function() {
		this.contenido.innerHTML = msg;
		this.contenido.className = "wait";
	},
	hide:function() {
		//this.modal.style.display = 'none';
		//this.overlay.style.display = 'none';
		
		//this.waiting = false;
		this.modal.remove();
		this.overlay.remove();
		document.body.className = "";
	},
	end:function() {
		this.overlay.remove()
		this.modal.remove();
	},
	createButton:function(el) {
		var newBtn = new Element('a', {href:'#', onclick:'return false'});
		newBtn.className = 'button';
		newBtn.setText(el.text);
		newBtn.addEvent('click', function(ev) {			
			myModal.hide();
			if(el.func) {
				el.func(el.param)
			}
			return false;
		})
		newBtn.addEvent('focus', function(ev) {
			newBtn.blur();
		})		
		newBtn.injectInside(this.botones);
	}
});

var myHB = new HoverBox();