var wdcaddbox = new Class({
	options: {
		opacity:	      '0.8',
		btnTitle:	      "Ok",
		closeBtn:	      null,
		boxTitle:	      "messageBox",
		boxClass:	      'mainBox',
		id:			      'myID',
		fadeSpeed:	      500,
		initialtimedelay: 3000,
		nexttimedelay:	  3000,
		closetime:	      3000,
		width: 		      300,
		height: 	      200,
		box:		      null,
		addContentID:     null,
		addContent:       null,
	    Drag:		      true,
		boxTxtColor:      '#000',
		isVisible:	      false,
		autorotate:       true

	},

	initialize: function(options){
		this.isVisible = false;
		if(options['boxClass']) this.boxClass 					= options['boxClass'];
		if(options['boxTxtColor']) this.boxTxtColor 			= options['boxTxtColor'];
		if(options['fadeSpeed']) this.fadeSpeed 				= options['fadeSpeed'];
		if(options['initialtimedelay']) this.initialtimedelay 	= options['initialtimedelay'];
		if(options['nexttimedelay']) this.nexttimedelay 		= options['nexttimedelay'];
		if(options['closetime']) this.closetime 				= options['closetime'];
		if(options['id']) this.id 								= options['id'];
		if(options['closeBtn']) this.closeBtn 					= $(options['closeBtn']);
		if(options['addContentID']) this.addContentID 			= options['addContentID'];
		if(options['Drag']) this.Drag                           = options['Drag'];
		if(options['autorotate']) this.autorotate               = options['autorotate'];
		if(options['width']) this.width 						= options['width'];
		if(options['height']) this.height 						= options['height'];
		if(options['opacity']) this.opacity 					= options['opacity'];
		if(options['btnTitle']) this.btnTitle 					= options['btnTitle'];
		if(options['boxTitle']) this.boxTitle 					= options['boxTitle'];

		if(options['addContentID']) {
			this.addContent = $(this.addContentID).innerHTML;
			$(this.addContentID).setStyle('visibility','hidden');
			$(this.addContentID).remove();
		}

		this.box();
	},

	box: function(){
		this.box = new Element('div');
		this.box.addClass(this.boxClass);
	},

	close: function(){
		$(this.box).effect('opacity',{ wait:true, duration:this.fadeSpeed, transition:Fx.Transitions.linear }).chain(function(){
		}).start(this.opacity,0);
			this.isVisible = false;
			 $clear(this.timer);
		if(this.autorotate == 'true'){
		this.timer = (function() {
        this.fadeIn();
    }).delay(this.nexttimedelay, this);}
		},

			closeTest: function(){
		$(this.box).effect('opacity',{ wait:true, duration:this.fadeSpeed, transition:Fx.Transitions.linear }).chain(function(){
		}).start(this.opacity,0);
			this.isVisible = false;
			 $clear(this.timer);
		if(this.autorotate == 'true'){
		this.timer = (function() {
        this.fadeIn();
    })}
		},

		fadeOut: function(){
			if(this.isVisible){
				$(this.box).effect('opacity',{ wait:true, duration:this.fadeSpeed, transition:Fx.Transitions.linear }).chain(function(){
			}).start(this.opacity,0);
			this.isVisible = false;
		}
	},

    startUpnew: function()
    {

        this.timer = (function() {
        this.fadeIn();
    }).delay(this.initialtimedelay, this);
    },
	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) / 2 ;
        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',this.height);
		this.box.setStyle('opacity',this.opacity);
		this.box.setStyle('cursor','move');
		this.box.setStyle('z-index','999990000');
		this.box.setAttribute('id', this.id);
		this.box.setStyle('visibility','hidden');
		this.box.injectInside(document.body);
		if(this.isVisible == false){
			this.box.effect('opacity',{ wait:true, duration: this.fadeSpeed, transition: Fx.Transitions.linear }).start(1000,this.opacity);
			this.addButton();
			this.isVisible = true;
			 this.timer = (function() {
        this.close();
    }).delay(this.closetime, this);

		}

	},

	addButton: function(){
		this.closeBtn = new Element('button', {
			styles: {
				'border': 'none',
				'background-image':'url(modules/mod_wdcpopupads/wdcpopupads/images/bg_button.gif)',
				'color':'#666',
				'position':'absolute',
				'bottom':'3px',
				'right':'3px',
				'width':'44px',
				'height':'19px',
				'font-size':'10px',
				'font-family':'arial',
				'cursor':'pointer'
			}
		})

	 var width = this.width.toInt() + 5;
		if(window.ie){
			var title = new Element('div', {
				styles: {
					'width' : 				width,
					'height': 				'auto',
					'background-repeat':	'repeat-x',
					'background-position':	'right top',
					'line-height':			'20px',
					'padding':				'5px 5px 5px 10px',
					'position':				'absolute',
					'clear':				'both',
					'margin-bottom':		'10px',
					'top':					'0px',
					'left':					'0px',
					'color':				'#eee'
				}
		  })
		}else{
			var title = new Element('div', {
				styles: {
					'width' : 				width,
					'height': 				'auto',
					'background-repeat':	'repeat-x',
					'background-position':	'right top',
					'line-height':			'auto',
					'padding':				'5px 5px 5px 10px',
					'position':				'absolute',
					'clear':				'both',
					'margin-bottom':		'10px',
					'top':					'0px',
					'left':					'0px',
					'color':				'#eee'
				}
			})
		}

  	$(title).innerHTML = this.boxTitle;

		var insideDiv = new Element('div',{
			styles: {
				'padding':'10px'
			}
		});

		insideDiv.setAttribute('id','myContent');
		this.box.innerHTML = "";
		insideDiv.injectInside(this.box);

		insideDiv.innerHTML = this.addContent;
		this.closeBtn.innerHTML = this.btnTitle;
		$(this.closeBtn).addEvent('click',this.closeTest.bindWithEvent(this));
		title.injectInside(this.box);
		this.closeBtn.injectInside(this.box);

		if(this.Drag == 'true'){
			this.box.makeDraggable();
		}
	}
});

wdcaddbox.implement(new Options, new Events);