window.addEvent('load', function(){

    if ($('contentLeft')) {
        $('contentLeft').setStyle('overflow-y', 'hidden');
        /* Slider */
        var scrollHeight = $('contentLeft').scrollHeight;

        if (scrollHeight - 270 > 0) {
			
			var height1 = (270 * 270 / scrollHeight) - 20;
			if(height1 < 10){
				height1 = 10;
			}
			
            $('scrollBackground').setStyle('display', 'block');
            $('scrollArea').setStyle('display', 'block');
            $('scrollKnob').setStyle('height', height1);
            
            var mySlide = new Slider($('scrollArea'), $('scrollKnob'), {
                steps: scrollHeight - 270,
                offset: 0,
                mode: 'vertical',
                onChange: function(step){
                    $('contentLeft').scrollTop = step;
                }
            }).set(0);
            
            $('contentLeft').addEvent('mousewheel', function(event){
                event = new Event(event);
                
                if (event.wheel > 0) 
                    mySlide.set(mySlide.step - 20);
                else 
                    if (event.wheel < 0) 
                        mySlide.set(mySlide.step + 20);
            });
            
            
        }
        else {
            $('scrollBackground').setStyle('display', 'none');
            $('scrollArea').setStyle('display', 'none');
        }
    }
    if ($('contentRight')) {
        $('contentRight').setStyle('overflow-y', 'hidden');
        /* Slider */
        var scrollHeight2 = $('contentRight').scrollHeight;
        
        if (scrollHeight2 - 219 > 0) {
            $('scrollBackground2').setStyle('display', 'block');
            $('scrollArea2').setStyle('display', 'block');
			var height2 = (219 * 219 / scrollHeight2) - 20;
			if(height2 < 10){
				height2 = 10;
			}
			
			$('scrollKnob2').setStyle('height', height2);
            
            var mySlide2 = new Slider($('scrollArea2'), $('scrollKnob2'), {
                steps: scrollHeight2 - 219,
                offset: 0,
                mode: 'vertical',
                onChange: function(step){
                    $('contentRight').scrollTop = step;
                }
            }).set(0);
            
            $('contentRight').addEvent('mousewheel', function(event){
                event = new Event(event);
                
                if (event.wheel > 0) 
                    mySlide2.set(mySlide2.step - 20);
                else 
                    if (event.wheel < 0) 
                        mySlide2.set(mySlide2.step + 20);
            });
            
            
        }
        else {
            $('scrollBackground2').setStyle('display', 'none');
            $('scrollArea2').setStyle('display', 'none');
        }
    }
    
});