$(document).ready(function(){
	var spacing = 435;
	$('#slideshow').css({
		'width' : spacing * 1, //change to 1 to show only one slide
		'height' : '415px',
		'overflow' : 'hidden'
	}).find('.slides .slide').css({
		'float' : 'none',
		'position' : 'absolute',
		'left' : 1000
	})
	
	$('.caption').css({
		'display' : 'none',
		'opacity' : 0.8,
		'overflow' : 'auto'
	})
	
	$('.caption h2').css({
		'opacity' : 1
	})
	
	$('.caption p').css({
		'opacity' : 1
	})
	
	
	$('.caption').click(function(){
		$(this).fadeOut('fast');
	});
	
	//$('.caption').click(closeCaption);
	
	//generate the close button
	$("<p class=\"close-caption\"><a href=\"#\">x</a></p>").insertAfter('#slideshow .slides .slide h2');
	
	$('p.close-caption').click(closeCaption).css({ 'opacity' : 1 });
	
	var $leftControl = $('#controls .left-control');
	var $rightControl = $('#controls .right-control');
	$leftControl.click(slideRight);
	$rightControl.click(slideLeft);		
	
	function slideRight(){
		closeCaption();
		var $slides = $('#slideshow .slides .slide');
		$slides.eq(1).css('left', 0);
		$slides.eq(2).css('left', 1000);
		$slides.eq($slides.length - 1).prependTo('#slideshow .slides');
		setUpSlides();
		};
		
	function slideLeft(){
		closeCaption();
		var $slides = $('#slideshow .slides .slide');
		$slides.eq(0).css('left', 1000);
		$slides.eq(0).appendTo('#slideshow .slides');
		setUpSlides();
		};
		
	var setUpSlides = function(){
		var $slides = $('#slideshow .slides .slide');
		$slides.css('display', 'none');
		$slides.eq(0).css('left', 0).css('display', 'block');
		$slides.eq(1).css('left', spacing);
		$slides.eq(2).css('left', spacing * 2);
		//$slides.eq(0).click(showCaption);
		var $triggers = $('#slideshow .slides .slide img');
		$triggers.eq(0).click(showCaption);
		};
	
	/*	
	function showCaption(){
		var $slides = $('#slideshow .slides .slide');
		//$slides.eq(0).find('.caption').css('display', 'block');
		$slides.eq(0).find('.caption').slideDown('slow');
		};
	*/
		
	function showCaption(){
		//var $slides = $('#slideshow .slides .slide');
		//var $triggers = $('#slideshow .slides .slide img');
		var $headlines = $('#slideshow .slides .slide h2');
		var $captions = $('#slideshow .slides .slide .caption');
		//$slides.eq(0).find('.caption').css('display', 'block');
		//$slides.eq(0).find('.caption').slideDown('slow');
		$captions.eq(0).fadeIn('fast');
		var $slideHeight = 400;
		//headline height
		//caption height
		var $headlineHeight = $headlines.eq(0).height();
		var $captionHeight = $captions.eq(0).height();
		var $totalHeight = $headlineHeight + $captionHeight;
		//alert($totalHeight);
		var $topPos = $slideHeight - $totalHeight;
		$captions.eq(0).css({'top' : $topPos});
		//alert($topPos);
		};
		
	function closeCaption(){
		var $captions = $('#slideshow .slides .slide .caption');
		$captions.eq(0).fadeOut('fast');
		};
	
	setUpSlides();	
	});