var fadeElements = [];
var fadeCurrent = 0;
var fadeFx = null;

window.addEvent('domready', function() {
	var body = $E('body');
	if (Cookie.get('fontSize')) {
	        body.setStyle('font-size', Cookie.get('fontSize') + 'px');
	        if(Cookie.get('fontSize')==12){
	        $('fontSmall').setProperty('class','');
	        $('fontbig').setProperty('class','');
	        $('fontreg').setProperty('class','current');
	        }
	        else if(Cookie.get('fontSize')==14){
	        $('fontSmall').setProperty('class','current');
	        $('fontbig').setProperty('class','');
	        $('fontreg').setProperty('class','');
	        }
	        else if(Cookie.get('fontSize')==18){
	        $('fontSmall').setProperty('class','');
	        $('fontbig').setProperty('class','current');
	        $('fontreg').setProperty('class','current');
	        }
	        
	    }
    $('fontreg').addEvent('click', function(e) {
        e = new Event(e).stop();
        body.setStyle('font-size', '12px');
        Cookie.set('fontSize', '12', {path: '/'}); 
        $('fontSmall').setProperty('class','');
        $('fontbig').setProperty('class','');
        $('fontreg').setProperty('class','current');
    });
        
    $('fontSmall').addEvent('click', function(e) {
        e = new Event(e).stop();
        body.setStyle('font-size', '14px');
        Cookie.set('fontSize', '14', {path: '/'}); 
        $('fontSmall').setProperty('class','current');
        $('fontbig').setProperty('class','');
        $('fontreg').setProperty('class','');
    });
    $('fontbig').addEvent('click', function(e) {
        e = new Event(e).stop();
        body.setStyle('font-size', '18px');
        Cookie.set('fontSize', '18', {path: '/'});
        $('fontSmall').setProperty('class','');
        $('fontbig').setProperty('class','current');
        $('fontreg').setProperty('class',''); 
    });
    if ($('event')) {
        fadeElements = $ES('.event', 'event');
        if (fadeElements[1]) {
            fadeElements.each(function(el, index) {
                var styles = {
                    display: 'block',
                    opacity: 1
                };
                if (index) { styles.opacity = 0 }
                el.setStyles(styles);
                var containerHeight = $('event').getCoordinates().height;
                var elementHeight = el.getCoordinates().height;
                if (elementHeight > containerHeight) {
                   $('event').setStyle('event', elementHeight + 'px');
                }
            });
            fade = function() {
                var next = fadeCurrent + 1;
                if (!fadeElements[next]) { next = 0; }
                if (fadeFx) { fadeFx.start(0); }
                else {
                    fadeFx = new Fx.Style(fadeElements[0], 'opacity', {duration: 750}).start(0);
                }
                fadeFx = new Fx.Style(fadeElements[next], 'opacity', {duration: 750}).start(1);
                fadeCurrent = next;
            }.periodical(5000);
        }
    }
});