var forste = 0;
var siste = 4;


$(function() {
    // Bilde pos 1
    $('.thumbnail').live('click', function() {
        var akt = this.id;
            $('#stortBilde').fadeOut(300, function() {
            $('#stortBilde').remove();
            $('<img id="stortBilde" src="cmsBilder/' + akt + '" />').appendTo('.sideBildeStortRamme');
            $('#stortBilde').fadeIn(300);
            var pos=0;
            for(var i=forste; i<=siste && i<bildealbum.length; i++) {
                if(bildealbum[i] == akt)
                    pos = i;
            }
            $('.sideBildetekst').text(bildetekst[pos]);
    });

});

$('.thumbnail').live('mouseover',
    
    function() {
        $(this).animate({
            width: '+=10',
            height: '+=10',
            left: '-=5',
            top: '-=5'
        }, 200);
    });

    $('.thumbnail').live('mouseout',

    function() {
        $(this).animate({
            width: '-=10',
            height: '-=10',
            left: '+=5',
            top: '+=5'
        }, 100);
    });

$('.f').live('click', function() {
    if(bildealbum.length > 0 && forste >= 5) {
        siste-=5;
        forste-=5;
        $('.sideThumbHolder').fadeOut(300, function() {
            $('.sideThumbHolder').remove();
            $('.sideThumbDeler').remove();
            $('.forrige').remove();
            $('.neste').remove();
            $('#sideThumbContainer .clear').remove();

            $('<div class="forrige"><img class="f" id="f0" src="img/pilVenstre.png" alt="forrige" /></div>').appendTo('#sideThumbContainer');
            var deler = 4;
            for(var i=forste; i<forste+5; i++) {
                $('<div class="sideThumbHolder"><img class="thumbnail" id="' + bildealbum[i] + '" src="cmsBilder/thumb/' + bildealbum[i] + '"/></div>').appendTo('#sideThumbContainer');
                if(deler>0)
                    $('<div class="sideThumbDeler"></div>').appendTo('#sideThumbContainer');
                deler--;
            }
            $('<div class="neste"><img class="n" id="n0" src="img/pilHoyre.png" alt="neste" /></div>').appendTo('#sideThumbContainer');
            $('<br class="clear" />').appendTo('#sideThumbContainer');
            $('.sideThumbHolder').fadeIn(300);
        });
        
    }
});

$('.n').live('click', function() {
    if(bildealbum.length > 0 && bildealbum.length > siste+1) {
        $('.sideThumbHolder').fadeOut(300, function() {
            $('.sideThumbHolder').remove();
            $('.sideThumbDeler').remove();
            $('.forrige').remove();
            $('.neste').remove();
            $('#sideThumbContainer .clear').remove();

            $('<div class="forrige"><img class="f" id="f0" src="img/pilVenstre.png" alt="forrige" /></div>').appendTo('#sideThumbContainer');
            var deler = 4;
            var ant = forste+5;

            for(var i=forste; i<bildealbum.length && i<ant; i++) {
                $('<div class="sideThumbHolder"><img class="thumbnail" id="' + bildealbum[i] + '" src="cmsBilder/thumb/' + bildealbum[i] + '"/></div>').appendTo('#sideThumbContainer');
                if(deler>0)
                    $('<div class="sideThumbDeler"></div>').appendTo('#sideThumbContainer');
                deler--;
            }

            $('<div class="neste"><img class="n" id="n0" src="img/pilHoyre.png" alt="neste" /></div>').appendTo('#sideThumbContainer');
            $('<br class="clear" />').appendTo('#sideThumbContainer');
            $('.sideThumbHolder').fadeIn(300);
        });
        siste+=5;
        forste+=5;
    }
    


    
    //$('<img id="stortBilde" src="cmsBilder/' + akt + '" />').appendTo('.sideBildeStortRamme');
    //sideThumbContainer
    //sideThumbHolder
    //<div class="sideThumbHolder"><img class="thumbnail" id="<? print $album[0]->hentUrl(); ?>" src="cmsBilder/thumb/<? print $album[0]->hentUrl(); ?>" alt="<? print $album[0]->hentUrl(); ?>" /></div>
    //<div class="sideThumbDeler"></div>
    //<div class="forrige"><img class="f" id="f0" src="img/pilVenstre.png" alt="forrige" /></div>
    //var bildealbum = new Array()
    //bildealbum[0]="2230610165342.jpg"

});
   

});