function slideSwitch() {

    var $active = $('#slideshow .pane.active');

    //alert($active);

    if ( $active.length == 0 ) $active = $('#slideshow .pane:last');

    var $next =  $active.next().length ? $active.next() : $('#slideshow .pane:first');

	var $fondo = $next.attr('id').substr(4);

	//alert($fondo);

	$('.img').removeClass('on');

	$('#s' + $fondo).addClass('on');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})

        .addClass('active')

        .animate({opacity: 1.0}, 1500, function() {

            $active.removeClass('active last-active');

        });

}







$(document).ready(function(){

$('.img').click(function(){

	var $fondo = $(this).attr('id').substr(1);

	//alert($fondo);

	$('#slideshow .pane').removeClass('active');

	$('#pane' + $fondo).addClass('active');

	$('.img').removeClass('on');

	$('#s' + $fondo).addClass('on');

	clearInterval(divswap);

	return false;

	

	/*

		$('#f' + $fondo).addClass('active').css({opacity: 0.0})

	        .addClass('active')

			.animate({opacity: 1.0}, 1000, function() {

            $('#slideshow img').not('#f' + $fondo).removeClass('active');

        });

	*/

});



var divswap = setInterval( "slideSwitch()", 8000 );

});