var slideshow_timeout = '';

$(document).ready(function(){
    $('.slideshow img').hide().css('position', 'absolute');
    $('.slideshow img:first').show();
	setTimeout(function() { 
		$('.slideshow img:first').addClass('current'); 
		$('.featured-thumbnail:eq(0)').addClass('featured-thumbnail-current'); 
	} );
    slideshow_timeout = setTimeout('next_image()', 5000);
    
   // By Thumbnail
	$('.featured-thumbnail').click(function (e) {
		e.preventDefault();
		clearTimeout(slideshow_timeout);
		
		// Update Current Thumbnail
		$('.featured-thumbnail-current').toggleClass('featured-thumbnail-current');
		$(this).toggleClass('featured-thumbnail-current');
		
		// Update Slide
		$('.slideshow img.current').fadeOut('slow').removeClass('current');
		$('.slideshow img').eq($(this).index()).fadeIn('slow').addClass('current');
	
		slideshow_timeout = setTimeout('next_image()', 5000);
	});
    
    // By Pagination
    
    $('.pagination a.previous').click(function(e) {
    	e.preventDefault();
    	clearTimeout(slideshow_timeout);
    	previous_image();
    });
    
    $('.pagination a.next').click(function(e) {
    	e.preventDefault();
    	clearTimeout(slideshow_timeout);
    	next_image();
    });
    
});

function next_image() {
	var current = $('.slideshow img.current');
	var next_index = $(current).index('.slideshow img') + 1;
	var next = $('.slideshow img:eq('+next_index+')');
	
	$('.featured-thumbnail-current').toggleClass('featured-thumbnail-current');
	
	if (next.length) {
		$(current).fadeOut('slow').removeClass('current');
		$(next).fadeIn('slow').addClass('current');
		$('.featured-thumbnail:eq('+next_index+')').toggleClass('featured-thumbnail-current');
	}
	else {
		$(current).fadeOut('slow').removeClass('current');
		$('.slideshow img:eq(0)').fadeIn('slow').addClass('current');
		$('.featured-thumbnail:eq(0)').toggleClass('featured-thumbnail-current');
	}
	
	slideshow_timeout = setTimeout('next_image()', 5000);
}

function previous_image() {
	var current = $('.slideshow img.current');
	var previous_index = $(current).index('.slideshow img') - 1;
	var previous = $(current).prev('img');
	
	$('.featured-thumbnail-current').toggleClass('featured-thumbnail-current');
	
	if (previous.length) {
		$(current).fadeOut('slow').removeClass('current');
		$(previous).fadeIn('slow').addClass('current');
		$('.featured-thumbnail:eq('+previous_index+')').toggleClass('featured-thumbnail-current');
	}
	else {
		$(current).fadeOut('slow').removeClass('current');
		$('.slideshow img:last').fadeIn('slow').addClass('current');
		$('.featured-thumbnail:last').toggleClass('featured-thumbnail-current');
	}

	slideshow_timeout = setTimeout('next_image()', 5000);
}