$(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);
	
	var link = currentListObject.find("a:first").attr("link");
	if(link && link.length > 0){
	        $(currentImage).load(function(){                    //väntar på att bilden ska laddas
        	            slideshow.fadeIn();
	        }).attr("src",currentListObject.find("a:first").attr("href")).parent().attr("href", link);;
	}else{
	        $(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
	    var link = currentListObject.find("a:first").attr("link");
            displayImage(currentImage, currentListObject.find("a:first").attr("href"), slideshow, link);
        });

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

        
    });
    function displayImage(image, url, target, link){
        target.fadeOut(function(){              //väntar på att fadeout är klar
            if(link && link.length > 0){
		$(image).load(function(){           //väntar på att bilden ska laddas
                	target.fadeIn();
	        }).attr("src",url).parent().attr("href", link);                 //laddar bilden
	    }else{
		$(image).load(function(){           //väntar på att bilden ska laddas
                	target.fadeIn();
	        }).attr("src",url).parent().removeAttr("href");                 //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();
        }
    }