var startpos = 400; /* hvor mange pixels der skal være skrive venstre side, og ind til de første viste billede */
var isSliding = false; /* er true hvis der slides */
var overflowedWidthFromRight; /* længden af alle billeder minus længde af de viste billede */
var speed = 10;
$(document).ready(function(){
    /*
     * For at spare hukommelse, bliver  overflowedWidthFromRight beregnet når siden er loadet
     */
    calculateOverflowedWidth();
    
    $(".img_list").find(".next").hover(function() // Når brugeren fører musen over next-elementet
    {
        isSliding = true;
        slideLeft();
    }, function() // Når brugeren fjerner musen fra next-element
    {
        isSliding = false;
    });
    
    $(".img_list").find(".prev").hover(function() // Når brugeren fører musen over prev-elementet
    {
        isSliding = true;
        slideRight();
    }, function() // Når brugeren fjerner musen fra prev-elementet
    {
        isSliding = false;
    });
});

function calculateOverflowedWidth(){
    borderwidtth = parseInt($("#information .imgs a img").css("border-right-width"));
    overflowedWidthFromRight = $("#information .imgs table").width() - $("#information .imgs").width() - borderwidtth - 5;
}

function slideLeft(){
    if (canMoveLeft()) {
        addToLeftPosition($("#information .imgs a img"), -speed);
        if (isSliding) {
            setTimeout("slideLeft()", 30);
        }
    }
}

function slideRight(){
    if (canMoveRight()) {
        addToLeftPosition($("#information .imgs a img"), +speed);
        if (isSliding) {
            setTimeout("slideRight()", 30);
        }
    }
}

/* returnerer true, hvis billederne kan flyttes til venstre */
function canMoveRight(){

    left = parseInt($("#information .imgs a img").eq(0).css('left'));
    if (parseInt($("#information .imgs a img").eq(0).css('left')) == 0) {
        return false;
    }
    
    return true;
}

/* returnerer true, hvis element kan flyttes til venstre */
function canMoveLeft(){
    /**
     * Når style.left på det sidste billede er lig med bredden, i divboksen hvor billederne vises
     * skal der ikke kunne flyttes til højre
     */
    size = $("#information .imgs a img").size() - 1;
    left = parseInt($("#information .imgs a img").eq(size).css('left'));
    if (left <= (-overflowedWidthFromRight)) {
        return false;
    }
    
    return true;
}

/**
 * Tilføjer et antal et pixels a alle elementernes position
 * @param elementer
 * @param antal pixels
 */
function addToLeftPosition(element, pixels){
    for (i = 0; $(element).eq(i).is("img"); i++) {
        CurrentElm = $(element).eq(i);
        left = parseInt($(CurrentElm).css("left"));
        left += pixels;
        $(CurrentElm).css("left", left);
    }
}