/**
 * RokIEWarn - An IE6 Warning to invite people upgrading to IE6
 * 
 * @version             1.2-noOpacity
 * 
 * @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>U bekijkt momenteel deze website met Internet Explorer 6 (IE6).</h3><h4>NOTE: Deze website is compatile met IE6, maar zeer waarschijnlijk met compatibiliteits problemen.</h4><p>Internet Explorer 6 is gereleased in augustus 2001, en de laatste versie van IE6 is gereleased in augustus 2004.  Door verder te gaan met Internet Explorer 6 sta je open voor alle beveiligingsproblemen ontdekt sinds die datum. In maart van 2009 heeft Microsoft  versie 8 van Internet Explorer gereleased, die naast het verstrekken van meer veiligheid, sneller is en voldoet aan betere normen dan zowel versie 6 als 7, die ervoor kwam. Het totale gebruik van Internet Explorer 6 is gedaald tot een dergelijk punt dat in 2009 de meeste webontwikkelaars zijn gestopt met het steunen van IE6, dus aan u het verzoek zo spoedig mogelijk te upgraden. Het is voor je eigen bestwil!</p> <br /><a class=\"external\"  href=\"http://www.microsoft.com/windows/internet-explorer/?ocid=ie8_s_cfa09975-7416-49a5-9e3a-c7a290a656e2\">Download Internet Explorer 8 NU!</a><br /><a class=\"external\" href=\"http://firefox.com\" \> Download Firefox NU!";
                
                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()});
                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});

                
                return ;
        },
        
        'show': function() {
                this.fx.start({
                        'margin-top': 0
                });
                this.open = true;
                Cookie.set('rokIEWarn', 'open', {duration: 7});
        },      
        'close': function() {
                var margin = this.height;
                this.fx.start({
                        'margin-top': -margin
                });
                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); }
});