$(function() {

 var slide_count;
 var slide_interval;
 var old_slide = 0;
 var current_slide = 0;
 
slide_count = $("#slideshow li").size();

// Start the rotation
slide_interval = setInterval(slide_rotate,5000);

$('#slideshow li:not(.active)').fadeTo('fast',0.5);

// Pause slideshow when hovering over   
$('#slide-buttons').show();
$('#play-button').addClass('off');

$('#pause-button').click(function(){
	if ($(this).is(".off")) {
		//$(this).removeClass('off');
	} else {
		$('#slide-buttons a').removeClass('off');
		$(this).addClass('off');
		clearInterval(slide_interval);
	}
});

$('#play-button').click(function(){
	if ($(this).is(".off")) {
		//$(this).removeClass('off');
	} else {
		$(this).addClass('off');
		$('#pause-button').removeClass('off');
		
		slide_interval = setInterval(slide_rotate,5000);
	}
});

/*
$('#play-button').click(function(){
	$('#pause-button').toggleClass('off');
	$('#play-button').toggleClass('off');
	slide_interval = setInterval(slide_rotate,5000);
});
*/

/*$('#pause-button').toggle(function() {
	alert('enter');
	$('#pause-button').hide();
	$('#play-button').show();
	clearInterval(slide_interval);
}, function() {
	
});

$('#pause-button').toggle(function() {
	alert('test');
	$('#pause-button').show();
	$('#play-button').hide();
	slide_interval = setInterval(slide_rotate,5000);
}, function() {
});*/

//Scroll through slides 
function slide_rotate() {
	current_slide = (old_slide + 1) % slide_count; 
	draw_slide(current_slide);
	old_slide = current_slide;

if (current_slide >= 4 ) {
	$('#slideshow ul').animate( { top:"-265px" } , 1000 )
	//.css('top','-200px');
} else {
	$('#slideshow ul').animate( { top:"0px" } , 1000 )
};

}

// Take thumbnail index and display relevant photo in full
function draw_slide(current_slide) {

	$("#slideshow li").removeClass('active');
	
	$("#slideshow li:eq(" + current_slide + ")").addClass('active').fadeTo('fast',1); 
   	
   	$('#slideshow li:not(.active)').fadeTo('fast',0.5);
   	
	$('#slideshow .window').fadeOut(500,function(){
		$('#slideshow .window').html('<img src="/media/images/slideshow/photo' + (current_slide+1) + '.jpg" alt="Photo" />').fadeIn(500);
		//<div id="pause-button"></div>
	});
}

/*$('#slideshow .window').hover(
function(){
	//var slide_window = $('#slideshow .window').index(this);
	$('#pause-button').show();
},
function(){
	//var slide_window = $('#slideshow .window').index(this);
	$('#pause-button').hide();
}
);*/

// Click thumbnail to show larger image
$('#slideshow li').click(function(){
	var current_slide = $('#slideshow li').index(this);
	draw_slide(current_slide);
});



});