window.addEvent('domready', function(){	
	//just an habit, not necessary but i make less mistakes this way than when using $ or $$ each time... always end forgetting a ' somewhere :)
	var myToggler = $('openslider');
 
	var mySlide = new Fx.Slide('slider', {
		//duration: 1000, //i let you add the other options, let's just concentrate on that cookie issue, don't need mode: vertical, it's the default mode
		onComplete: function(){
			if(this.wrapper.offsetHeight != 0) {
				Cookie.set('toggleState', 'opened');
			}
			else {
				Cookie.set('toggleState', 'closed');
			}
		}
	})
	//here you check existence and value of 'toggleState' in a cookie
	if ( (Cookie.get('toggleState')) && (Cookie.get('toggleState') == 'opened') ) {
		mySlide.show();
	}
	else {
		mySlide.hide();
	}
	//here is you simple toggling link click event
	myToggler.addEvent('click', function(e){
		e = new Event(e).stop();
		mySlide.toggle();
	});
	
	
	
	
	
	
	
	//var myToggler2 = $('openslider2');
 
	//var mySlide2 = new Fx.Slide('slider2', {
		//duration: 1000, //i let you add the other options, let's just concentrate on that cookie issue, don't need mode: vertical, it's the default mode
		//onComplete: function(){
			//if(this.wrapper.offsetHeight != 0) {
			//	Cookie.set('toggleState2', 'opened');
			//}
			//else {
			//	Cookie.set('toggleState2', 'closed');
			//}
		//}
	//})
	//here you check existence and value of 'toggleState' in a cookie
	//if ( (Cookie.get('toggleState2')) && (Cookie.get('toggleState2') == 'opened') ) {
	//	mySlide2.show();
	//}
	//else {
	//	mySlide2.hide();
	//}
	//here is you simple toggling link click event
	//myToggler2.addEvent('click', function(e){
//		e = new Event(e).stop();
//		mySlide2.toggle();
//	});
	
	
 
});