//slideshow stuff
//current slide
var cs = -1;
//initiate slideshow.	
$('#slide_show').cycle({
    fx:      'fade',
	delay:   2000,
	timeout: 6000,
	before:  onBefore,
	after:   onAfter
});
//remove arrow on current slide before transition
function onBefore() {
	$('#slide_show .slide_'+cs+' .arrow').slideUp('fast');
}
//change cs value and make arrow appear.
function onAfter(){	
	cs = (cs < 3) ? cs+1 : 0;
	$('#slide_show .slide_'+cs+' .arrow').slideDown('fast');	
}
//stop slideshow, reset to start at target slide.
function stop_and_switch(id){
	$('#slide_show').cycle('stop');
	$('#slide_show .arrow').hide();
	cs = id-1;
	$('#slide_show').cycle({
		fx:      'fade',
		delay:   2000,
		timeout: 6000,
		after:   onAfter,
		before:  onBefore,
		startingSlide: id
	});
}
//unhide hidden slide text to stop flashing on load.
$(document).ready(function() {
	$('#slide_show .text').removeClass('hidden').addClass('visible');
});