var rotated = [];
var position = 0;

function nextImage(elmid) {
    if (position == rotated.length-1) {
        position = 0;
    } else {
        position += 1;
    }
 
    $('#'+elmid).fadeTo('slow', 0.2, function() {
        $('#'+elmid).attr('src', rotated[position]);
        $('#'+elmid).fadeTo('normal', 1.0);
    });
}

function previousImage(elmid) {
    if (position == 0) {
        position = rotated.length-1;
    } else {
        position = position - 1;
    }

    $('#'+elmid).fadeTo('slow', 0.2, function() {
        $('#'+elmid).attr('src', rotated[position]);
        $('#'+elmid).fadeTo('normal', 1.0);
    });
}
   



$(document).ready(function() {
   /*
    $('.rotated').each(function() {
        elm = $(this);
        rotated.push(elm.attr('src_full'));
        position = 0;
    });
   */
    
    //window.setInterval('nextImage("startbild")', 3000);
    $('#start_randompix').nivoSlider({
        effect:'fade', // Specify sets like: 'fold,fade,sliceDown'
        slices:15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed:500, // Slide transition speed
        pauseTime:3000, // How long each slide will show
        startSlide:0, // Set starting Slide (0 index)
        directionNav:false, // Next & Prev navigation
        directionNavHide:false, // Only show on hover
        controlNav:false, // 1,2,3... navigation
        controlNavThumbs:false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav:false, // Use left & right arrows
        pauseOnHover:false, // Stop animation while hovering
        manualAdvance:false, // Force manual transitions
        captionOpacity:0.0, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });
    

    $('a[rel="lightbox"]').colorbox({width:"800", maxHeight:"100%", photo: true});
});