/**
 * RokIEWarn - An IE6 Warning to invite people upgrading to IE6
 * 
 * @version		1.2
 * 
 * @license		MIT-style license
 * @author		Djamil Legato <djamil@rockettheme.com>
 * @client		RocketTheme, LLC.
 * @copyright	Author
 */
 
 
var RokIEWarn = new Class({
	'site': 'sitename',
	'initialize': function() {
		var warning = "<h3>Your are currently browsing this site with Internet Explorer 6 (IE6).</h3><h4>NOTE: MBS' Website is not 100% compatible with Internet Explorer 6 due to limitiations in the browser.</h4><p>The last version of Internet Explorer 6 was called Service Pack 1 for Internet Explorer 6 and was released in December of 2004. <br />By continuing to run Internet Explorer 6 you are open to any and all security vulnerabilities discovered since that date.</p> <p>We highly recommend you to download Apple Safari, Mozilla Firefox or Google Chrome. Any of these browsers will provide you a safer, faster and easier navigation experience. But if you have to stick to the Microsoft browser - omg! ;-), then download its latest version, Internet Explorer 8.</p><p><a class=\"external\"  href=\"http://www.apple.com/safari\">Download Safari</a></p><p><a class=\"external\"  href=\"http://www.getfirefox.com/\">Download Firefox</a></p><p><a class=\"external\"  href=\"http://www.google.com/chrome\">Download Chrome (PC only)</a></p><p><a class=\"external\" style=\"font-size:10px;\" href=\"http://www.microsoft.com/windows/internet-explorer/default.aspx\" >Download Internet Explorer 8</a>";
		
		this.box = new Element('div', {'id': 'iewarn'}).inject(document.body, 'top');
		var div = new Element('div').inject(this.box).setHTML(warning);
		
		var click = this.toggle.bind(this);
		var button = new Element('a', {'id': 'iewarn_close'}).addEvents({
			'mouseover': function() {
				this.addClass('cHover');
			},
			'mouseout': function() {
				this.removeClass('cHover');
			},
			'click': function() {
				click();	
			}
		}).inject(div, 'top');
		
		this.height = $('iewarn').getSize().size.y;
		
		this.fx = new Fx.Styles(this.box, {duration: 1000}).set({'margin-top': $('iewarn').getStyle('margin-top').toInt(), 'opacity': 0});
		this.open = false;
		
		var cookie = Cookie.get('rokIEWarn'), height = this.height;
		//cookie = 'open'; // added for debug to not use the cookie value
		if (!cookie || cookie == "open") this.show();
		else this.fx.set({'margin-top': -height, 'opacity': 0});

		
		return ;
	},
	
	'show': function() {
		this.fx.start({
			'margin-top': 0,
			'opacity': 1
		});
		this.open = true;
		Cookie.set('rokIEWarn', 'open', {duration: 7});
	},	
	'close': function() {
		var margin = this.height;
		this.fx.start({
			'margin-top': -margin,
			'opacity': 0
		});
		this.open = false;
		Cookie.set('rokIEWarn', 'close', {duration: 7});
	},	
	'status': function() {
		return this.open;
	},
	'toggle': function() {
		if (this.open) this.close();
		else this.show();
	}
});

window.addEvent('domready', function() {
	if (window.ie6) { (function() {var iewarn = new RokIEWarn();}).delay(2000); }
});