window.addEvent('domready', function() {
	var ourbeans_uparrow_status = {
		0: 'visibility:hidden',
		1: 'visibility:visible',
		2: 'visibility:visible',
		3: 'visibility:visible'
	};

	var ourbeans_downarrow_status = {
		0: 'visibility:visible',
		1: 'visibility:visible',
		2: 'visibility:visible',
		3: 'visibility:hidden'
	};

	var ourstory_uparrow_status = {
		0: 'visibility:hidden',
		1: 'visibility:visible',
		2: 'visibility:visible',
		3: 'visibility:visible',
		4: 'visibility:visible',
		5: 'visibility:visible',
		6: 'visibility:visible'
	};

	var ourstory_downarrow_status = {
		0: 'visibility:visible',
		1: 'visibility:visible',
		2: 'visibility:visible',
		3: 'visibility:visible',
		4: 'visibility:visible',
		5: 'visibility:visible',
		6: 'visibility:hidden'
	};

	var ourbeansSlide = 1;
	var ourstorySlide = 1;

	var ourbeansVerticalSlide = new Fx.Tween('ourbeans_vertical_slide',{
    property: 'marginTop', duration: 1000, transition: Fx.Transitions.Quart.easeInOut});

	$('ourbeans_toggle_down').addEvent('click', function(e){
		e.stop();
		if(ourbeansSlide >= 1 && ourbeansSlide < 4){
			ourbeansVerticalSlide.start(-274 * ourbeansSlide);
			ourbeansSlide = ourbeansSlide + 1;
		};
		
	});

	$('ourbeans_toggle_up').addEvent('click', function(e){
		e.stop();
		if(ourbeansSlide > 1 && ourbeansSlide <= 4){
			ourbeansVerticalSlide.start(-274 * (ourbeansSlide - 2));
			ourbeansSlide = ourbeansSlide - 1;
		};
		
	});

	var ourstoryVerticalSlide = new Fx.Tween('ourstory_vertical_slide',{
    property: 'marginTop', duration: 1000, transition: Fx.Transitions.Quart.easeInOut});

	$('ourstory_toggle_down').addEvent('click', function(e){
		e.stop();
		if(ourstorySlide >= 1 && ourstorySlide < 7){
			ourstoryVerticalSlide.start(-355 * ourstorySlide);
			ourstorySlide = ourstorySlide + 1;
		};
		
	});

	$('ourstory_toggle_up').addEvent('click', function(e){
		e.stop();
		if(ourstorySlide > 1 && ourstorySlide <= 7){
			ourstoryVerticalSlide.start(-355 * (ourstorySlide - 2));
			ourstorySlide = ourstorySlide - 1;
		};
		
	});	

	// When Vertical Slide ends its transition, we check for its status
	// note that complete will not affect 'hide' and 'show' methods
	ourbeansVerticalSlide.addEvent('complete', function() {
		$('ourbeans_toggle_up').set('style', ourbeans_uparrow_status[ourbeansSlide - 1]);
	});
	ourbeansVerticalSlide.addEvent('complete', function() {
		$('ourbeans_toggle_down').set('style', ourbeans_downarrow_status[ourbeansSlide - 1]);
	});

	ourstoryVerticalSlide.addEvent('complete', function() {
		$('ourstory_toggle_up').set('style', ourstory_uparrow_status[ourstorySlide - 1]);
	});
	ourstoryVerticalSlide.addEvent('complete', function() {
		$('ourstory_toggle_down').set('style', ourstory_downarrow_status[ourstorySlide - 1]);
	});
});


355