var mooSimpleBox = new Class({
		options: {
			width:'300',
			height:'200',
			opacity:'0.8',
			closeBtn:null,
			boxTitle:"artViper messageBox",
			boxClass:'mainBox',
			id:'myID',
			fadeSpeed:'500',
			box:null,
			addContentID:null,
			addContent:null,
			boxTxtColor:'#000',
			isVisible:false,
			isDrag:true	
		},
		
		initialize: function(options){
		
			this.isVisible = false;
			if(options['isDrag']) this.isDrag = options['isDrag'];
			if(options['width']) this.width = options['width'];
			if(options['height']) this.height = options['height'];
			if(options['opacity']) this.opacity = options['opacity'];
			if(options['boxTitle']) this.boxTitle = options['boxTitle'];
			if(options['boxClass']) this.boxClass = options['boxClass'];
			if(options['boxTxtColor']) this.boxTxtColor = options['boxTxtColor'];
			if(options['fadeSpeed']) this.fadeSpeed = options['fadeSpeed'];
			if(options['id']) this.id = options['id'];
			if(options['closeBtn']) this.closeBtn = $(options['closeBtn']);
			if(options['addContentID']) this.addContentID = options['addContentID'];
			if(options['addContentID']) {
			$(options['addContentID']).setStyle('width',options['width']);
				this.addContent = $(this.addContentID).innerHTML;
				$(this.addContentID).setStyle('visibility','hidden');
				$(this.addContentID).dispose();
			}		
			this.createBox();	
		},
		createBox: function(){
			this.box = new Element('div');
			this.box.addClass(this.boxClass);
				},
		
		clickClose: function(){
			$(this.box).get('tween',{ property:'opacity',link:'ignore', duration: this.fadeSpeed, transition: Fx.Transitions.linear }).chain(function(){
			}).start(this.opacity,0);
			this.isVisible = false;
		},
		
		fadeOut: function(){
			if(this.isVisible){
				$(this.box).get('tween',{property:'opacity',link:'ignore', duration: this.fadeSpeed, transition: Fx.Transitions.linear}).chain(function(){
				}).start(this.opacity,0);
				this.isVisible = false;
			}
			
		},
		
		fadeIn: function(){	
		if (document.documentElement && document.documentElement.clientWidth) {
				theWidth=document.documentElement.clientWidth;
			}else if (document.body) {
				theWidth=document.body.clientWidth;
			}
			if (window.innerHeight) {
				theHeight=window.innerHeight;
			}else if (document.documentElement && document.documentElement.clientHeight) {
				theHeight=document.documentElement.clientHeight;
			}else if (document.body) {
				theHeight=document.body.clientHeight;
			}
			var top = window.getScrollTop();


			var boxTop =  (theHeight - this.height) / 3 ;
          boxTop = (boxTop + top);
			var boxLeft = (theWidth - this.width) / 2;			
			this.box.setStyle('top',boxTop);
			this.box.setStyle('left',boxLeft);
			this.box.setStyle('position','absolute');
			this.box.setStyle('width',this.width);
			this.box.setStyle('height','auto');
			this.box.setStyle('opacity',this.opacity);
			this.box.setStyle('cursor','move');
			this.box.setStyle('z-index','20000');
			this.box.setAttribute('id', this.id);
			this.box.setStyle('visibility','hidden');
			this.box.inject(document.body, 'inside');
			if(this.isVisible == false){
			this.box.get('tween',{property:'opacity', link:'ignore', duration: this.fadeSpeed, transition: Fx.Transitions.linear }).start(0, this.opacity);
				this.addHT();
				this.isVisible = true;
				
			}
		},

		addHT: function(){
			this.closeBtn = new Element('div', {
				styles: {
					'color':'#fff',
					'border':'0',
					'background': 'url(/fileadmin/sysimg/close.png)',
					'position':'absolute',
					'bottom':'15px',
					'right':'35px',
					'width':'20px',
					'height':'20px',
					'cursor':'pointer'
				}				
			});
			
		  var width = this.width.toInt();
      var insideDiv = new Element('div',{
				styles: {
          'width' : width-56,
          'float' : 'left'
				}
			});
			
			insideDiv.setAttribute('id',this.addContentID);
			this.box.innerHTML = "";
			
			
			var div_tl = new Element('div',{
				styles: {
					'width':'13px',
					'height':'13px',
					'float':'left',
					'background': 'url(/fileadmin/sysimg/tl.png)'
				}
			});
			var div_tc = new Element('div',{
				styles: {
					'width' : width-46,
					'height':'13px',
					'float':'left',
					'background': 'url(/fileadmin/sysimg/tc.png)'
				}
			});
			var div_tr = new Element('div',{
				styles: {
					'width':'13px',
					'height':'13px',
					'float':'left',
					'background': 'url(/fileadmin/sysimg/tr.png)'
				}
			});

			var div_cl = new Element('div',{
				styles: {
					'width':'13px',
					'float':'left',
					'clear':'both',
					'background': 'url(/fileadmin/sysimg/cl.png) left 0 repeat-y'
				}
			});
			
			
			div_tl.setAttribute('id',this.addContentID+'_tl');
			div_tc.setAttribute('id',this.addContentID+'_tc');
			div_tr.setAttribute('id',this.addContentID+'_tr');
      div_cl.setAttribute('id',this.addContentID+'_cl');
			div_tl.inject(this.box, 'inside');
			div_tc.inject(this.box, 'inside');
			div_tr.inject(this.box, 'inside');
  		div_cl.inject(this.box, 'inside');
			
			insideDiv.inject(this.box, 'inside');
	
			insideDiv.innerHTML = this.addContent;	
			//this.closeBtn.innerHTML = this.btnTitle;	
			$(this.closeBtn).addEvent('click',this.clickClose.bindWithEvent(this));			
			
			
		  this.closeBtn.inject(this.box, 'inside');
			
			var div_bl = new Element('div',{
				styles: {
					'width':'13px',
					'height':'13px',
					'float':'left',
					'clear':'both',
					'background': 'url(/fileadmin/sysimg/bl.png)'
				}
			});
			var div_bc = new Element('div',{
				styles: {
					'width' : width-46,
					'height':'13px',
					'float':'left',
					'background': 'url(/fileadmin/sysimg/bc.png)'
				}
			});
			var div_br = new Element('div',{
				styles: {
					'width':'13px',
					'height':'13px',
					'float':'left',
					'background': 'url(/fileadmin/sysimg/br.png)'
				}
			});
		
			var ContentHeight = document.getElementById(this.addContentID).clientHeight;

			var div_cr = new Element('div',{
				styles: {
					'width':'13px',
					'float':'left',
					'background': 'url(/fileadmin/sysimg/cr.png) right 0 repeat-y'
				}
			});
			
			div_cr.setAttribute('id',this.addContentID+'_cr');
			
			div_bl.setAttribute('id',this.addContentID+'_bl');
			div_bc.setAttribute('id',this.addContentID+'_bc');
			div_br.setAttribute('id',this.addContentID+'_br');
	
			div_cr.inject(this.box, 'inside');
			div_bl.inject(this.box, 'inside');
			div_bc.inject(this.box, 'inside');
			div_br.inject(this.box, 'inside');
			
			if(this.isDrag == 'true'){
				this.box.makeDraggable();
			}
			
			$(this.addContentID+'_cl').setStyle('height',ContentHeight);
			$(this.addContentID+'_cr').setStyle('height',ContentHeight);
		
		}

	});
mooSimpleBox.implement(new Options, new Events);