function slideSwitch() {
    var $active = $('#slideshow IMG.active');
    
    //alert(c);
    //alert(img);

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

    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');
    
    var img = $next .attr('mm');
    var c = 'c'+img;
	
	$active.addClass('last-active');
    
   	$('.current').removeClass('current');
    $('#'+c).addClass('current');
    

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


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

$(document).ready(function(){
	$('.dot').click(function(){
		num = $(this).attr('cc');
		var i = 'i'+num;
		var c = 'c'+num;
		//alert(i);
		$('.current').removeClass('current');
   		$('#'+c).addClass('current');
		$('.active').addClass('last-active');
		$('#'+i).css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
        	
            $('.active').removeClass('active last-active');
            
            
        });
/*
		$('.active').addClass('last-active');
		
		$('#i').css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 2000, function() {
            $('.active').removeClass('active last-active');
            
        });
*/

	});
});