$(function() {

    var slidePos = 0;
    var slidePrevPos = 0;
    var slideSize = $("#slide-banner .slideshow li").size();
    var slideWidth = $("#slide-banner").width();
    var slideInterval;
    function nextSlide() {
    if(slidePos != slidePrevPos) {
    
        if(slidePos == slideSize)
            slidePos = 0;
            
        if(slidePos < 0)
            slidePos = slideSize - 1;
    
        $("#slide-banner .slideshow li:eq(" + slidePos + ") cite").css("left", -400);
        $("#slide-banner .slideshow").stop(true, false).animate({left: -slidePos * slideWidth}, function() {
        
            $("#slide-banner .slideshow li:eq(" + slidePos + ") cite").stop(true, false).animate({left: -20}, 200);
        
        });
        
        $("ol.blocks li").removeClass("active");
        $("ol.blocks li:eq(" + slidePos + ")").addClass("active");
        
        slidePrevPos = slidePos;
    
    }
    }
    
    $("#slide-banner .slideshow").each(function() {
    
        slideInterval = setInterval(function() {
        
            slidePos++;
            nextSlide();
        
        }, 8000);
    
    });
    
    $("ol.blocks a").click(function() {
    
        clearInterval(slideInterval);
        slideInterval = setInterval(function() {
        
            slidePos++;
            nextSlide();
        
        }, 8000);
        
        slidePos = $(this).parent().parent().find("li").index($(this).parent());
        nextSlide();
        
        return false;
    
    });
    
    $(".nav a:first").click(function() {
        
        slidePos--;
        nextSlide();
        
        return false;
    
    });
    
    $(".nav a:last").click(function() {
        
        slidePos++;
        nextSlide();
        
        return false;
    
    });
    
    $("li.band").hover(function() {
        
        //$("img", this).stop(true, false).animate({width: 159, height: 107}, 200);
        $("img", this).stop(true, false).animate({width: 150, height: 50}, 200);
    }, function() {
    
        //$("img", this).stop(true, false).animate({width: 212, height: 143}, 200);
        $("img", this).stop(true, false).animate({width: 212, height: 71}, 200);
    });
    
    $("li.prijslijst").hover(function() {
        
        $("img", this).stop(true, false).animate({width: 131, height: 107}, 200);
    
    }, function() {
    
        $("img", this).stop(true, false).animate({width: 175, height: 142}, 200);
    
    });
    
    /*if($("#fotos a").size())
        $("#fotos a").fancybox();*/
    
});