$(document).ready(function() {
    var duration = 1000;
    var delay = 5000;
    var interval = 0;
    
    function nextSlide(nth) {
        $currentSlide = $('.currentslide');
        
        if (typeof(nth) != 'undefined') {
            $nextSlide = $('#slides img:nth-child('+nth+')');
        } else {
            if ($currentSlide.next('.slide').length == 0) {
                $nextSlide = $('#slides img:first-child');
            } else {
                $nextSlide = $currentSlide.next('.slide');
            }
        }
        
        if (!$nextSlide.hasClass('currentslide')) {
            $currentSlide.fadeOut(duration, function() {
                $(this).removeClass('currentslide');
                $('a.acontrol[rel="'+$(this).attr('rel')+'"]').removeClass('currentacontrol');
            });
            $('a.alink[rel="'+$currentSlide.attr('rel')+'"]').fadeToggle(duration, function() {
                $(this).removeClass('alinkcurrent');
            });
            $nextSlide.fadeIn(duration, function() {
                $(this).addClass('currentslide');
                $('a.acontrol[rel="'+$(this).attr('rel')+'"]').addClass('currentacontrol');
            });
            $('a.alink[rel="'+$nextSlide.attr('rel')+'"]').fadeToggle(duration, function() {
                $(this).addClass('alinkcurrent');
            });
        }
    }
    
    function startSlideshow() {
        interval = setInterval(function() {
            nextSlide();
        }, delay+duration);
    }
    
    function stopSlideshow() {
        if (interval > 0) {
            clearInterval(interval);
        }
    }
	
	// $('#slides img').each(function() {
		// width = $(this).width();
		// height = $(this).height();
		
		// if (width > height) {
			// ratio = 644/width;
			// $(this).width(644);
			// $(this).height(ratio*height);
			
			// if (ratio*height != 305) {
				// diff = (305 - ratio*height) / 2;
				// $(this).css('top', diff);
			// }
		// } else {
			// ratio = 305/height;
			// $(this).width(ratio*width);
			// $(this).height(305);
			
			// if (ratio*width != 644) {
				// diff = (644 - ratio*width) / 2;
				// $(this).css('left', diff);
			// }
		// }
	// });
    
    startSlideshow();
    
    $('#diaporama').mouseover(function() {
        stopSlideshow();
    });
    $('#diaporama').mouseout(function() {
        startSlideshow();
    });
    $('.acontrol').click(function() {
        $('#diaporama').find('.slide').stop(true, true);
        $('#diaporama').find('.acontrol').stop(true, true);
        $('#diaporama').find('.alink').stop(true, true);
        nextSlide($(this).attr('rel'));
    });
});