var WarningBar = new Class({
	 Implements: [Options, Events],

	  options: {
		  	message : '',
			borderColor: '#FFD324',
			backgroundColor: '#FFF6BF',
			textColor: '#000000',
			linkColor: '#026CB1',
			msgDivWidth: '700px',
			delayTime : 1500,
			duration : 'long'
			
	  },
	

	initialize: function(options){
		
		this.setOptions(options);
		//this.duration = this.options.duration;
		
		if( this.options.message == '' )
		{
			this.options.message = 'Let op: je gebruikt een verouderde versie van Internet Explorer.<br/>'
									+ 'We raden je sterk aan om te updaten naar een meer recente browser '
									+ 'zoals <a href="http://nl.www.mozilla.com/nl/">Firefox</a>, '
									+ '<a href="http://www.google.com/chrome">Google Chrome</a> of <a '
									+ 'href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Internet Explorer 8</a>';
		}
		
		var warningDiv		= new Element( 'div', {'id': 'warningBar'} );
			
		var cookieVal = Cookie.read('hideWarningBar');
		if( cookieVal == null || cookieVal.toString() != 'true' )
		{
			warningDiv.inject(document.body, 'top');
		
			var msgDiv = new Element( 'div', {'id': 'warningBarMsgDiv' } );
			msgDiv.set( 'html', this.options.message );	
			msgDiv.inject( warningDiv );
			
			warningDiv.setStyles({
								 'border-bottom' : '2px solid ' + this.options.borderColor,
								  'margin' : '-72px 0 0 0', 
								  'padding' : '15px',
								  'text-align' : 'left',
								  'background': this.options.backgroundColor,
								  'color': this.options.textColor,
								  'position': 'absolute',
								  'z-index': '1',
								  'width': '100%',
								  'height': '40px',
								  'line-height': '18px',
								  'left': '0'
								 });
						
			msgDiv.setStyles({
							 'width': this.options.msgDivWidth,
							 'margin': '0 auto'
							 });
			
			var closeLink = new Element( 'img', {
											'id' : 'closeWarningBar',
											'src' : '/js/dismiss_notice.gif', 
											'title' : 'sluit waarschuwing'
											} 
										).inject( msgDiv );
			
			closeLink.setStyle( 'cursor' , 'pointer' );
			closeLink.addEvent( 'click', function(){
				this.closeWarning();
			}.bind(this));
			
			$$('#warningBarMsgDiv a').setStyle('color', this.options.linkColor);
			this.showWarning();
			
		}
	},
	
	 closeWarning: function(){
		 $('warningBar').set('tween', {duration: 'normal'});
		 $('warningBar').tween( 'margin-top', '-72px' );
		 var recipeCookie = Cookie.write('hideWarningBar', 'true');

	  },
	  
	  showWarning: function(){
		  var fxDuration = this.options.duration;
		  var showWarning = function()
			{
				$('warningBar').set('tween', {duration: fxDuration});
				$('warningBar').tween( 'margin-top', '0px' );
			}
			showWarning.delay(this.options.delayTime);
	  }
	
	
	
	

});