window.addEvents({
  'domready': function(){
    
    var showlog = $('logshow');
    var log = $('loginbox');
    var closelog = $('logclose');
    var logerror = $('logerror');
    showlog.addEvent('click',function(){
        log.setStyle('opacity', '0');
        log.setStyle('display', 'block');
        log.tween('opacity', '0', '1');
        return false;
    });
    
    if ($chk(closelog)) {
        closelog.addEvent('click',function(){
            log.tween('opacity', '1', '0');
            return false;
        });
    }
    
    if ($chk(logerror)) {
        log.setStyle('display', 'block');
        log.setStyle('height', '70px');
        $$('#loginbox label.username').setStyle('top', '22px');
        $$('#loginbox input#username').setStyle('top', '22px');
        $$('#loginbox label.password').setStyle('top', '48px');
        $$('#loginbox input#password').setStyle('top', '48px');
        $$('#loginbox div.submit_container').setStyle('top', '50px');
        $$('#loginbox a#logclose').setStyle('top', '50px');
    }
    
    var scrollarea = $('left');
    if ($chk(scrollarea) && scrollarea.getStyle("height").toInt() > 400) {
        
        $('handle').set({
            'styles': {
            'display': 'block'
            }
        });
        scrollarea.set({
            'styles': {
            'height': 400 + 'px',
            'overflow': 'hidden'
            }
        });
        makeScrollbar( $('left'), $('scrollbar'), $('handle') );
    };
      
    var slideshowbox = $$('#counterbox div.image_container')[0];
    var data = ['barhaus_11.jpg', 'barhaus_02.jpg', 'barhaus_03.jpg', 'barhaus_04.jpg', 'barhaus_05.jpg', 'barhaus_06.jpg', 'barhaus_07.jpg', 'barhaus_09.jpg', 'barhaus_10.jpg'];
    var myShow = new Slideshow(slideshowbox, data, {hu: 'tl_files/uploads/fotogalerien/01_09_2009/', duration: 1500, controller: true, paused: false});  
  
  }
  
});

function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
				var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))
				var slider = new Slider(scrollbar, handle, {	
					steps: steps,
					mode: (horizontal?'horizontal':'vertical'),
					onChange: function(step){
						// Scrolls the content element in x or y direction.
						var x = (horizontal?step:0);
						var y = (horizontal?0:step);
						content.scrollTo(x,y);
					}
				}).set(0);
				if( !(ignoreMouse) ){
					// Scroll the content element when the mousewheel is used within the 
					// content or the scrollbar element.
					$$(content, scrollbar).addEvent('mousewheel', function(e){	
						e = new Event(e).stop();
						var step = slider.step - e.wheel * 30;	
						slider.set(step);					
					});
				}
				// Stops the handle dragging process when the mouse leaves the document body.
				$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
			}