window.addEvent('domready', function(){	
	window.addEvent('resize', function(){
		var master = $('master-of-all');
		var cont_slider = $('content-slider');
		master.setStyle('height', window.getSize().y - master.getPosition().y - $('footer-container').getSize().y);

		cont_slider.setStyle('height', master.getStyle('height').toInt() - 34);
		if (Browser.Engine.trident4) {
			master.setStyle('display', 'none');
			master.setStyle('display', 'block');
		}		
	}).fireEvent('resize');

//IE6 Specific	
	if (Browser.Engine.trident4) {
		$$('ul.menu li ul li').addEvents({
			'mouseenter': function(e){
				this.addClass('hover');
			},
			'mouseleave': function(e){
				this.removeClass('hover');
			}
		});
	}
	
	$$('ul.menu li.menu-item, div#footer-left, div#footer-right').addEvents({
		'mouseenter': function(e){
			$clear(this.retrieve('timeout_id'));
			this.addClass.delay(250, this, 'hover');
		},
		'mouseleave': function(e){
			this.store('timeout_id', this.removeClass.delay(250, this, 'hover'));
		}
	});
	$$('div#footer-left > a, div#footer-right > a').addEvent('click', $lambda(false));
	
		
    var content = $('content-container');
    if (content.getScrollSize().y - content.getSize().y > 0) {
        var slider = new Slider($('content-slider'), $('knob'), {
            'mode': 'vertical',
            'steps': (content.getScrollSize().y - content.getSize().y),
            'onChange': function(step){
                $('content-container').scrollTo(0, step);
            },
            'onTick': function(pos){
                $('knob').setStyle('top', pos);
            }
        });
        
        var wheelevent = function(e){
            e = new Event(e).stop();
            var step = slider.step - e.wheel * 20;
            slider.set(step);
        };
		
		var doStep = function(steps){
			var step = slider.step + steps;
			slider.set(step);
		};
		
		$('slider-up').addEvents({
			'mousedown': function(){
				this._per = doStep.periodical(50, this, -10);
			},
			'mouseup': function(){
				$clear(this._per);
			},
			'click': function(){
				doStep(-10);
			}
		});
		
		$('slider-down').addEvents({
			'mousedown': function(){
				this._per = doStep.periodical(50, this, 10);
			},
			'mouseup': function(){
				$clear(this._per);
			},
			'click': function(){
				doStep(10);
			}
		});		
        
        $$(content, $('content-slider')).addEvent('mousewheel', wheelevent);
    }
    else {
        $$('#knob, #slider-up, #slider-down').setStyle('display', 'none');
    }
});