var Dialog = {};

Dialog.Box = Class.create();
Object.extend(Dialog.Box.prototype, {
	initialize: function(id,mode) {
		
		switch(mode){
			case 'remote':
				if(id){
					this.dialog_box = document.createElement('div');
					this.dialog_box.setAttribute('id','__remote_dialog__');
					document.body.appendChild(this.dialog_box);
				}else{
					this.dialog_box = $(id);
				}
				
				var anchors = document.getElementsByTagName('a');
				for(anchor in anchors){
					anchor = anchors[anchor];
					
					
					if(typeof(anchor) != 'object') continue;
					if(!anchor.hasAttribute('rel')) continue;
					if(anchor.getAttribute('rel').indexOf('dialog') < 0) continue;
					
					anchor.onclick = function(dialog,e){
						new Ajax.Request(this.href,{
							onComplete : function(o){
								this.dialog_box.innerHTML = o.responseText;
								var anchors = this.dialog_box.getElementsByTagName('a'); //Find a closing anchor
								for(anchor in anchors){
									anchor = anchors[anchor];
									if(typeof(anchor) != 'object') continue;
									if(!anchor.hasAttribute('rel')) continue;
									if(anchor.getAttribute('rel').indexOf('dialog-close') < 0) continue;
									console.log(anchor);
									anchor.onclick = function(dialog,e){
										dialog.hide();
										return false;
									}.bind(anchor,this.dialog_box);
								}
								this.dialog_box.show();
							}.bind(dialog)
						});
						
						return false;
					}.bind(anchor,this);
				}
			break;
			default:
				this.dialog_box = $(id);
			break;
		}
		
		this.createOverlay();
		this.dialog_box.show = this.show.bind(this);
		this.dialog_box.persistent_show = this.persistent_show.bind(this);
		this.dialog_box.hide = this.hide.bind(this);
		this.dialog_box.close = this.hide.bind(this);
		this.dialog_box.exit = this.hide.bind(this);
  
		this.parent_element = this.dialog_box.parentNode;
  
		this.dialog_box.style.position = "absolute";
  
		var e_dims = Element.getDimensions(this.dialog_box);
		var b_dims = Element.getDimensions(this.overlay);
  
		this.dialog_box.style.left = ((b_dims.width/2) - (e_dims.width/2)) + 'px';
		this.dialog_box.style.top = this.getScrollTop() + ((this.winHeight() - (e_dims.width/2))/2) + 'px';
		this.dialog_box.style.zIndex = this.overlay.style.zIndex + 1;
	},
  
	createOverlay: function() {
	  if($('dialog_overlay')) {
		this.overlay = $('dialog_overlay');
	  } else {
		this.overlay = document.createElement('div');
		this.overlay.id = 'dialog_overlay';
		Object.extend(this.overlay.style, {
			position: 'absolute',
			top: 0,
			left: 0,
			zIndex: 90,
			width: '100%',
			backgroundColor: '#000',
			display: 'none'
		});
		document.body.insertBefore(this.overlay, document.body.childNodes[0]);
	  }
	},
  
	moveDialogBox: function(where) {
	  Element.remove(this.dialog_box);
	  if(where == 'back')
		this.dialog_box = this.parent_element.appendChild(this.dialog_box);
	  else
		this.dialog_box = this.overlay.parentNode.insertBefore(this.dialog_box, this.overlay);
	},
  
	show: function() {
	  this.overlay.style.height = this.bodyHeight()+'px';
	  this.moveDialogBox('out');
	  
	  this.overlay.onclick = this.hide.bind(this);
		
	  this.selectBoxes('hide');
	  new Effect.Appear(this.overlay, {duration: 0.1, from: 0.0, to: 0.7});
	  this.dialog_box.style.display = '';
  
		this.dialog_box.style.left = '0px';
   
	  var e_dims = Element.getDimensions(this.dialog_box);
		
		this.dialog_box.style.left = ((this.winWidth()/2) - (e_dims.width)/2) + 'px';
		
	  this.dialog_box.style.top = this.getScrollTop() + ((this.winHeight() - (e_dims.width/2))/2) + 'px';

		// TEST ALE PER SCROLL
		// sovrascrive gli eventi di scroll e resize
  		modalDialogOldScrollFunction = window.onscroll;
		window.onscroll = this.scrollEvent;
		window.onresize = this.resizeEvent;
		// FINE TEST ALE PER SCROLL
		
	},
	
	// TEST ALE PER SCROLL
	
  scrollEvent: function()
  {
		var body = document.getElementsByTagName('body').item(0); 
		var scroll = getFullPageScroll();
		 if($('dialog_overlay')) {
			$('dialog_overlay').style.width= (body.clientWidth + scroll[0]) + 'px';
			$('dialog_overlay').style.height= (body.clientHeight + scroll[1]) + 'px';
			
		}
	},
	
	resizeEvent: function(){
		
		var scroll = getFullPageScroll();
		var size = getPageSize();
		var body = document.getElementsByTagName('body').item(0); 
		
		$('dialog_overlay').style.width = (body.clientWidth + scroll[0]) + 'px';
		$('dialog_overlay').style.height = (body.clientHeight + scroll[1]) + 'px';
		
	},
	
	
	// FINE TEST ALE PER SCROLL

	getScrollTop: function() {
		return (window.pageYOffset)?window.pageYOffset:(document.documentElement && document.documentElement.scrollTop)?document.documentElement.scrollTop:document.body.scrollTop;
	},
	
	persistent_show: function() {
	  this.overlay.style.height = this.bodyHeight()+'px';
	  this.moveDialogBox('out');
   
	  this.selectBoxes('hide');
	  new Effect.Appear(this.overlay, {duration: 0.1, from: 0.0, to: 0.3});
	  
	  this.dialog_box.style.display = '';
		this.dialog_box.style.left = '0px';
	  var e_dims = Element.getDimensions(this.dialog_box);
		this.dialog_box.style.left = ((this.winWidth()/2) - (e_dims.width)/2) + 'px';
		
	},
  
	hide: function() {
	  this.selectBoxes('show');
	  new Effect.Fade(this.overlay, {duration: 0.1});
	  this.dialog_box.style.display = 'none';
	  this.moveDialogBox('back');
	  $A(this.dialog_box.getElementsByTagName('input')).each(function(e){if(e.type!='submit')e.value=''});
		// TEST ALE PER SCROLL
		// questo sistema l'evento sovrascritto
	  window.onscroll = modalDialogOldScrollFunction;
	  // FINE TEST ALE PER SCROLL
	},
  
	selectBoxes: function(what) {
	  $A(document.getElementsByTagName('select')).each(function(select) {
		Element[what](select);
	  });
  
	  if(what == 'hide')
		$A(this.dialog_box.getElementsByTagName('select')).each(function(select){Element.show(select)})
	},
	
	bodyWidth: function() { return document.body.offsetWidth || window.innerWidth || document.documentElement.clientWidth || 0; },
	bodyHeight: function() { return document.body.offsetHeight || window.innerHeight || document.documentElement.clientHeight || 0; },
  
	winWidth: function() {
		 var viewportwidth;
		 
		 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
		 
		 if (typeof window.innerWidth != 'undefined')
		 {
			  viewportwidth = window.innerWidth;
		 }
		 
		// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
		
		 else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0)
		 {
			   viewportwidth = document.documentElement.clientWidth;
		 }
		 
		 // older versions of IE
		 
		 else
		 {
			   viewportwidth = document.getElementsByTagName('body')[0].clientWidth
		 }
		 return viewportwidth;
	
	 },
	winHeight: function() { 
		 var viewportheight;
		 
		 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
		 
		 if (typeof window.innerHeight != 'undefined')
		 {
			  viewportheight = window.innerHeight
		 }
		 
		// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
		
		 else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientHeight != 'undefined' && document.documentElement.clientHeight != 0)
		 {
			   viewportheight = document.documentElement.clientHeight;
		 }
		 
		 // older versions of IE
		 
		 else
		 {
			   viewportheight = document.getElementsByTagName('body')[0].clientHeight;
		 }
		 return viewportheight;
	
	}
  
  });