var delay_fade = 600;
var delay_slide = 9000;
var fading = true;
var switchInt;

function slideNext()
{
	slideSwitch($('ul.slider li.active').next().length ? $('ul.slider li.active').next() : $('ul.slider li:first'), $('ul.slider li.active').next().length ? $('ul.thumbs li.active').next() : $('ul.thumbs li:first').next());
}

function slideSwitch(slide, thumb)
{
    clearInterval(switchInt);
    
    fading = true;
    
    $('ul.slider li.active').fadeOut(delay_fade, function()
    {
    	slide.fadeIn(delay_fade, function()
    	{
    		fading = false;
    	});
    }).removeClass('active');
    
    slide.addClass('active');
    
    $('ul.thumbs li.active').removeClass('active');
    thumb.addClass('active');
    
    switchInt = setInterval(slideNext, delay_slide);
}

jQuery(function($)
{
	$('ul.slider').addClass('slideshow');
	$('ul.slider li').hide();
    $('ul.slider li:first').addClass('active').fadeIn(delay_fade, function() { fading = false; });
    $('ul.thumbs').show();
    $('ul.thumbs li.item1').addClass('active');
    
    $('ul.thumbs li').click(function()
    {
    	if (!fading)
    	{
	    	if ($(this).hasClass('nextItem'))
	    	{
	    		slideNext();
	    	}
	    	else if ($(this).hasClass('prevItem'))
	    	{
	    		slideSwitch($('ul.slider li.active').prev().length ? $('ul.slider li.active').prev() : $('ul.slider li:last'), $('ul.slider li.active').prev().length ? $('ul.thumbs li.active').prev() : $('ul.thumbs li:last').prev());
	    	}
	    	else if (!$(this).hasClass('active'))
	    	{
	    		slideSwitch($('ul.slider li.' + $(this).attr('class')), $(this));
	    	}
    	}
    });
    
    switchInt = setInterval(slideNext, delay_slide);
});