$(document).ready(function() {
	var thumbs = $("#navigation ul li a");
	var slideshow = $("#slideshow");
	var currentListObject = $("#navigation ul li:first");//första <li>-objectet
        var currentImage = new Image();
	updateNavigation($("#linkNext"), $("#linkPrev"));
        slideshow.hide();
        slideshow.html(currentImage);

        $(currentImage).load(function(){                    //väntar på att bilden ska laddas
                    slideshow.fadeIn();
        }).attr("src",currentListObject.find("a:first").attr("href"));

        slideshow.everyTime(5000, function(){                                                      //funktionen körs var 5:e sekund
            currentListObject = nextListObject(currentListObject);                                  //Hämta nästa <li> i listan
            displayImage(currentImage, currentListObject.find("a:first").attr("href"), slideshow);
        });

        $("#navigation ul li a").click(function(){
            slideshow.stopTime();
            var url = $(this).attr("href");
            displayImage(currentImage, url, slideshow);
            return false;
        });

        
    });
    function displayImage(image, url, target){
        target.fadeOut(function(){              //väntar på att fadeout är klar
            $(image).load(function(){           //väntar på att bilden ska laddas
                target.fadeIn();
            }).attr("src",url);                 //laddar bilden
        });
    }
    function nextListObject(listObject){
        if(listObject.next().hasClass("active")){//finns det fler aktiva bilder i listan?
            return listObject.next();
        }else{
            return $("#navigation .active:first");//Returnerar första bilden i listan över aktiva bilder
        }
    }
    function activateImages(startObject, length){
        $("#navigation .active").removeClass("active").addClass("inactive");
        var startIndex = $("#navigation li").index(startObject);
        var endIndex = startIndex + length;
        if(startIndex < endIndex){
            $("#navigation li").slice(startIndex, endIndex).removeClass("inactive").addClass("active");
        }else{
            $("#navigation li").slice(endIndex, startIndex).removeClass("inactive").addClass("active");
        }
    }
    function updateNavigation(nextLink, prevLink){
        nextLink.unbind();
        prevLink.unbind();
        if($(".active:last").next().hasClass("inactive")){
            nextLink.show().click(function(){
                activateImages($(".active:last").next(), 5);
                updateNavigation($("#linkNext"), $("#linkPrev"));
                return false;
            });
        }else{
            nextLink.hide();
        }
        if($(".active:first").prev().hasClass("inactive")){
            prevLink.show().click(function(){
                activateImages($(".active:first"), -5);
                updateNavigation($("#linkNext"), $("#linkPrev"));
                return false;
            });
        }else{
            prevLink.hide();
        }
    }