$(document).ready(function() {
    $('.slideshow')
	.after('<div id="prev">')
	.after('<div id="next">')
	.cycle({
		fx: 'scrollHorz',
		prev: '#prev',
		next: '#next',
		cleartypeNoBg: true
	});
	$(".hidden").hide();
	
	$('.list span').append('<div class="open">read more <img src="template/open.png" /></div>');
	
	$('.list span').click(function() {
		if($(this).parent().hasClass('shown')) {
			$(this).siblings('.hidden').slideUp('slow',function() {
				$(this).parent().removeClass('shown');
			});
		} else {
			$('.list .hidden').slideUp('slow',function() {
				$(this).parent().removeClass('shown');
			});
			$(this).siblings('.hidden').slideToggle('slow',function() {
				$(this).parent().toggleClass('shown');
			});
		}
		
		return false;
	});
});