window.addEvent('domready', function(){
	var sliderVisibility = 'block';

	var homepageSliderState = Cookie.read('homepageSliderState');									 
	if (homepageSliderState == 1) {
		sliderVisibility = 'none';
		}
		
	var windowHeight = window.getSize();
	
//add eventlistener which corrects the "bottom"-style-attribute
	window.addEvent('resize',function(event){
		windowHeight = window.getSize();
//			alert(windowHeight.y);
			myOnOffButtonDOWN.wrapper.setStyles({
				'position': 'absolute',
				'bottom': windowHeight.y - 500,
				'z-index': 200
			});
    });
	
	myOnOffButtonUP = new Fx.Slide('homepage-slider-oben', {wait: true, mode: 'vertical', duration: 1250});
	myOnOffButtonDOWN = new Fx.Slide('homepage-slider-unten', {wait: true, mode: 'vertical', duration: 1250});
//transition: Fx.Transitions.Sine.easeOut	
	
	if (homepageSliderState != 1) {
		$('homepage-slider-oben').set('styles', {display: 'block'});
		$('homepage-slider-unten').set('styles', {display: 'block'});
	}
	
	myOnOffButtonUP.wrapper.setStyles({
		'position': 'absolute',
		'top': 36,
		'display': sliderVisibility,
//		'class': wrapper-homepage-slider,		
		'z-index': 300		
		});

	myOnOffButtonDOWN.wrapper.setStyles({
		'position': 'absolute',
//we need to define "bottom" rather than "top" here to change the direction of the slider (this part has to slide from top to bottom)		
		'bottom': windowHeight.y - 637,
		'display': sliderVisibility,
//		'class': wrapper-homepage-slider,
		'z-index': 200
		});

$('homepage-on-off-button').addEvent('click', function(e) {
	new Event(e).stop();
	myOnOffButtonUP.slideOut();
	myOnOffButtonDOWN.slideOut();
	Cookie.write('homepageSliderState', 1, {duration: 14});
	});
 });