var IE6 = new Class({
	Implements: [Options],
	
	options: {
		styles: {
			page: {'height': 756,'background': 'transparent url(/images/ie6/home.jpg) no-repeat scroll center center'},
			div: {'position': 'absolute','width': 510,'height': 300,'background-color': '#b5a885','padding': '15px'},
			h1: {'font-size': 26,'color': 'white'},
			hr: {'margin': '15px 0','color': 'white','border': 'none','background-color': 'white'},
			p: {'text-align': 'justify','color': 'white','margin-bottom': 10},
			nav: {'float': 'left','width': 90,'height': 90,'margin': '0 6px','text-decoration': 'none','color': 'white'},
			img: {'width': 90,'height': 90},
			n: {'font-weight': 'bold','text-align': 'center','margin': '5px 0'}
		},
		hash: {
			'Firefox': 'http://www.mozilla-europe.org/fr/firefox/', 
			'Safari': 'http://www.apple.com/fr/safari/', 
			'Chrome': 'http://www.google.fr/chrome', 
			'Opera': 'http://www.opera.com/download/', 
			'Internet Explorer': 'http://www.microsoft.com/france/windows/products/winfamily/ie/ie8/default.aspx'
		},
		title: 'Compatibilité de votre navigateur',
		text: 'Vous accédez à memOree en utilisant Internet Explorer 6. Nous vous informons que ce navigateur n\'est pas pris en charge par memOree. Cela signifie que certaines pages ne peuvent pas s\'afficher correctement. Afin de vous permettre de profiter pleinement d\'une expérience web 2.0 sur memOree et des fonctions qui lui sont associés, nous vous conseillons de mettre à jour votre navigateur avec l\'un des navigateurs récents suivants :'
	},
	
	initialize: function() {
		$('page').getChildren().destroy();
		$('page').setStyles(this.options.styles.page);
		
		// div
		var div = new Element('div');
		var top = window.getScrollTop()+(window.getHeight()/2)-150;
		var left = window.getScrollLeft()+(window.getWidth()/2)-255;
		div.setStyles(this.options.styles.div);
		div.setStyle('left', left);
		div.setStyle('top', top);

		// h1
		var h1 = new Element('h1');
		h1.setStyles(this.options.styles.h1);
		h1.set('text', this.options.title);
		h1.injectInside(div);

		// hr
		var hr = new Element('hr');
		hr.setStyles(this.options.styles.hr);
		hr.injectInside(div);

		// p
		var p = new Element('p');
		p.setStyles(this.options.styles.p);
		p.set('text', this.options.text);
		p.injectInside(div);

		var hash = new Hash(this.options.hash);
		hash.each(function(v, k){
			// nav
			var nav = new Element('a');
			nav.set('href', v);
			nav.set('target', '_blank');
			nav.setStyles(this.options.styles.nav);
			
			// img
			var img = new Element('div');
			img.setStyles(this.options.styles.img);
			img.setStyle('background', 'transparent url(/images/ie6/' + k.replace(' ', '_') + '.jpg) no-repeat scroll center center');
			img.injectInside(nav);
			
			// n
			var n = new Element('p');
			n.setStyles(this.options.styles.n);
			n.set('text', k);
			n.injectInside(nav);
			
			nav.injectInside(div);
		}.bind(this));

		div.set('id', 'div-ie6');
		div.injectInside(document.body);
	}
});