var ModalBox = {
	show : function (insertion) {
	var wSize = window.getSize();
	var insW = $(insertion).getStyle('width').toInt();
	var insH = $(insertion).getStyle('height').toInt();
	var insLeft = wSize.size.x/2 - insW/2;
	var insTop = 100;
	var overlay = new Element('div', {
	    'styles': {
    	    'width': wSize.size.x+'px',
        	'height': wSize.size.y+'px',
			'opacity':'0.5'
	    },
    	'id': 'overlay'
	});
	overlay.injectInside('HPBody');
	$(insertion).setStyles({
						   'display' : 'block',
						   'left' : insLeft+'px',
						   'top':insTop+'px'
						   });
	},
	
	hide : function (insertion) {
		$('overlay').remove();
		$(insertion).setStyle('display','none');
	},
	init : function (insertion,addClose) {
		window.addEvent('domready',function () {
											 if (addClose == true) {
												 var closeLink = new Element('a', {
															 'href': 'javascript:ModalBox.hide("'+insertion+'")'
															 });
												 closeLink.appendText("Chiudi").injectInside(insertion);
											 }
										 ModalBox.show(insertion);
										 });
	},
	addClose : function () {
	}

};

function sendPWD(el,updateMe) {
	$(el).send({
			   update : updateMe,
			   onComplete : function () {ModalBox.show('modalMsg');}
			   });
}

var DragModal = new Class ({
		initialize: function(id,opts){
			this.options = $merge({
				fade : 0 // the duration of the animation
				
				}, opts || {}
			);
			this.options.box = id;
			var box = new Element('div', {
			    'styles': {'display': 'none','position':'absolute','z-index':'200'},
			    'id': this.options.box,
				'class':'dragPopup'
		});
		box.injectInside(document.body).setOpacity(0).setStyle('display','block');
		
		var dragHandler = new Element('div', {
			    'id': 'drag'+id,
				'class' : 'dHandler'
		})
		dragHandler.injectInside(box).setHTML("<a href='javascript:void(0)'>chiudi</a><div></div>");
		$$('#drag'+id+' a').addEvent('click',function () { $(id).setOpacity(0); });
		//console.log("init ok!");
    	},

		
	 show : function () {
					 var box = this.options.box;
					 var elsize = $(box).getSize();
					 /**
					  * if windows height is less then box height, then use a 90% dim
					  */
					 if (window.getHeight() < elsize.size.y ) {
					 	elsize.size.y = window.getHeight()/100*90;
						var diff = $(this.options.box).getStyle('height').toInt() - elsize.size.y;
						$(this.options.box).setStyle('height',elsize.size.y+'px');
						/**
						 * specific for google maps show on guide economiche
						 */
						if ($('sobi2GoogleMaps')) {
							var elH = $('sobi2GoogleMaps').getStyle('height').toInt();
							$('sobi2GoogleMaps').setStyle('height',elH-diff+'px');
						}
					 }
					 var top = window.getScrollTop() + ( window.getHeight()/2 - elsize.size.y/2);
					 var left = window.getWidth()/2 - elsize.size.x/2;

					 $(this.options.box).setStyles({
												   'top': top+'px',
												   'left': left+'px',
												   'display':'block'
												   }).setOpacity(1);
					 $(this.options.box).makeDraggable({
													   handle : 'drag'+box
													   });
				 }
});
var usermenuFx = null;
usermenu = {
	init : function () {
		if ($$(".moduletable_menu-utente").length > 0) {
			var toggler = $E(".moduletable_menu-utente th");
			var toggledEl = $E(".moduletable_menu-utente table");
			toggler.addEvent("click",function(){
				if (usermenu.toggled == 0) {
					toggler.removeClass("opened");
					toggledEl.setStyle("display","none");
					usermenu.toggled = 1;
				} else {
					toggler.addClass("opened");
					toggledEl.setStyle("display","block");
					usermenu.toggled = 0;
				}
			});
		}
	},
	toggled : 1
};


window.addEvent('domready',function () {
								  $$('.message').setProperty('id','modalMsg').toggleClass('message');
								  usermenu.init();
								  });