function slideSwitch() {
    var $active = $('#slideshow img.active');

    if ( $active.length == 0 ) $active = $('#slideshow img:last');
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow img:first');
	var $fondo = $next.attr('id').substr(1);
	$('.img').removeClass('on');
	$('#t' + $fondo).addClass('on');
    $active.addClass('last-active');
    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 2500, function() {
            $active.removeClass('active last-active');
        });
}

 $(function(){

 
$('#thumbs img').click(function(){
	var $fondo = $(this).attr('id').substr(1);

	$('#slideshow img').removeClass('active');  
	
	$('#f' + $fondo).addClass('active'); 
	$('.img').removeClass('on');
	$('#t' + $fondo).addClass('on');
	
	//alert('#t' + $fondo);
	clearInterval(divswap);
	return false;

});

    var divswap = setInterval( "slideSwitch()", 7000 );
 });