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

    var cookie = new Hash.Cookie('ujnf', true);

	var status = {
		'true': '<img src="./images/nyilak/arrow_up.png" width="15px" height="16px" border="0px" >' ,
		'false': '<img src="./images/nyilak/arrow_down.png" width="15px" height="16px" border="0px" >'
		};

	var status2 = {
		'true': '<img src="./images/nyilak/arrow_up.png" width="15px" height="16px" border="0px" >' ,
		'false': '<img src="./images/nyilak/arrow_down.png" width="15px" height="16px" border="0px" >'
		};	
	
	var status3 = {
		'true': '<img src="./images/nyilak/arrow_up.png" width="15px" height="16px" border="0px" >' ,
		'false': '<img src="./images/nyilak/arrow_down.png" width="15px" height="16px" border="0px" >'
		};	

	var status4 = {
		'true': '<img src="./images/nyilak/arrow_up.png" width="15px" height="16px" border="0px" >' ,
		'false': '<img src="./images/nyilak/arrow_down.png" width="15px" height="16px" border="0px" >'
		};			
		
	//-vertical

	var myVerticalSlide = new Fx.Slide('vertical_slide');
	if (!cookie.get('v_toggle_state'))
		myVerticalSlide.hide();
	var myVerticalSlide2 = new Fx.Slide('vertical_slide2');
	if (!cookie.get('v_toggle2_state'))
		myVerticalSlide2.hide();
	var myVerticalSlide3 = new Fx.Slide('vertical_slide3');
	if (!cookie.get('v_toggle3_state'))
		myVerticalSlide3.hide();
	var myVerticalSlide4 = new Fx.Slide('vertical_slide4');
	if (!cookie.get('v_toggle4_state'))
		myVerticalSlide4.hide();

	$('v_toggle').addEvent('click', function(e){
		cookie.set('v_toggle_state', !myVerticalSlide.open);
		e.stop();
		myVerticalSlide.toggle();
	});
	
	$('v_toggle2').addEvent('click', function(e){
		cookie.set('v_toggle2_state', !myVerticalSlide2.open);
		e.stop();
		myVerticalSlide2.toggle();
	});
	
	$('v_toggle3').addEvent('click', function(e){
		cookie.set('v_toggle3_state', !myVerticalSlide3.open);
		e.stop();
		myVerticalSlide3.toggle();
	});
	
	$('v_toggle4').addEvent('click', function(e){
		cookie.set('v_toggle4_state', !myVerticalSlide4.open);
		e.stop();
		myVerticalSlide4.toggle();
	});
	
	// When Vertical Slide ends its transition, we check for its status
	// note that complete will not affect 'hide' and 'show' methods
	myVerticalSlide.addEvent('complete', function() {
		$('vertical_status').set('html', status[myVerticalSlide.open]);
	});
	
	myVerticalSlide2.addEvent('complete', function() {
		$('vertical_status2').set('html', status2[myVerticalSlide2.open]);
	});
	
	myVerticalSlide3.addEvent('complete', function() {
		$('vertical_status3').set('html', status3[myVerticalSlide3.open]);
	});
	
	myVerticalSlide4.addEvent('complete', function() {
		$('vertical_status4').set('html', status4[myVerticalSlide4.open]);
	});
});