function slideSwitch() {  
     
//switch slide

    var $active = $('#slideshow #slides .slide.active');

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

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

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

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}


$(document).ready(function() {


	//end slideSwitch()

	$(function() {
	    timer=setInterval( "slideSwitch()", 10000 );
	});

	//buttons

	$('#previous').click(function(){
		 var $active = $('#slideshow #slides .slide.active');
	    $active.addClass('last-active');
	    
		var $previous =  $active.prev().length ? $active.prev()
        : $('#slideshow #slides .slide:last');
        
         $previous.addClass('active');
         $active.removeClass('active last-active');
	});
	
	$('#next').click(function(){
	
	    var $active = $('#slideshow #slides .slide.active');
	    $active.addClass('last-active');
	    
		var $next =  $active.next().length ? $active.next()
        : $('#slideshow #slides .slide:first');
        
         $next.addClass('active');
         $active.removeClass('active last-active');
	});


});