var numslides;
var curslide = 1;
Event.observe(window, 'load', function() {
	Event.observe('slide_left', 'mouseover', function()  { this.style.backgroundColor = '#dbb74a'; } );
	Event.observe('slide_left', 'mouseout', function()   { this.style.backgroundColor = 'transparent'; } );
	Event.observe('slide_right', 'mouseover', function() { this.style.backgroundColor = '#dbb74a'; } );
	Event.observe('slide_right', 'mouseout', function()  { this.style.backgroundColor = 'transparent'; } );
	
	$$('.slide').each(function(elem) {
		Event.observe(elem, 'mouseover', function() {
			elem.select('.slide_a')[0].hide();
			elem.select('.slide_b')[0].show();
		});
		Event.observe(elem, 'mouseout', function() {
			elem.select('.slide_b')[0].hide();
			elem.select('.slide_a')[0].show();
		});
	});
	numslides = $$('.slide').size();
	
	Event.observe('slide_left', 'click', function() {
		if(curslide > 1) { chooseSlide(curslide - 1); }
	});
	Event.observe('slide_right', 'click', function() {
		if(curslide < numslides) { chooseSlide(curslide + 1); }
	});
	
	chooseSlide(1);
});
var chooseSlide = function(slide) {
	var s = 'slide_' + slide;
	$$('.slide').invoke('hide');
	$(s).show();
	curslide = slide;
}