//for picture carousel
var currentCarouselPic = 0;
var currentThumbIndex = 0;
var carouselThumbAmount = 6;

function StringBuffer() { 
   this.buffer = []; 
 } 

 StringBuffer.prototype.append = function append(string) { 
   this.buffer.push(string); 
   return this; 
 }; 

 StringBuffer.prototype.toString = function toString() { 
   return this.buffer.join(""); 
 }; 

function carouselNavigation(direction) {
    loadPicture((currentCarouselPic + direction));	            
}

function loadPicture(pictureIndex) {    
    if(imageList.length > pictureIndex && pictureIndex > -1) {
        currentCarouselPic = pictureIndex;
        var imageUrl = imageList[pictureIndex];
        var alt = captionList[pictureIndex];
        var imageContainerInnerHTML = '<img src="' + imageUrl + '" alt="' + alt + '" title="' + alt + '"/>';
        document.getElementById('image-container').innerHTML = imageContainerInnerHTML;
        document.getElementById('cur-image').innerHTML = ""+(pictureIndex+1);
        rebuildControls();
        updateThumbnails();     
    }    
}
function rebuildControls() {
    var imageCount = document.getElementById('image-count').innerHTML;
    if(currentCarouselPic == 0) {
        document.getElementById('prev-control').innerHTML = '< edellinen ';    
    } else {
        document.getElementById('prev-control').innerHTML = '<a href="javascript:carouselNavigation(-1);">< edellinen </a>';    
    }
    if((currentCarouselPic + 1) == imageCount) {
        document.getElementById('next-control').innerHTML = ' seuraava >';    
    } else {
        document.getElementById('next-control').innerHTML = '<a href="javascript:carouselNavigation(1);"> seuraava ></a>';    
    }   
}

function initializeCarousel() {

    document.getElementById('image-count').innerHTML = imageList.length;
    updateThumbnails(); 
    rebuildControls();   

}

function thumbNavigation(direction) {
    loadThumbNails(currentThumbIndex+direction);
}

function updateThumbnails() {
    if(currentCarouselPic >= carouselThumbAmount * (currentThumbIndex+1)) {
        loadThumbNails(currentThumbIndex+1);
    } else if(currentCarouselPic < carouselThumbAmount * currentThumbIndex) {
        loadThumbNails(currentThumbIndex-1);
    } 
    else {
        loadThumbNails(currentThumbIndex);
    }
}

function loadThumbNails(index) {
    currentThumbIndex = index;
    var startIndex = index*carouselThumbAmount;
    var endIndex = startIndex+carouselThumbAmount;
    if(endIndex > imageList.length)
        endIndex = imageList.length;
    if(imageList.length > startIndex && startIndex > -1) {                
        var thumbStart = '<a href="javascript:loadPicture(';
        var thumbMiddle= ');"><img width=60 height=40 src="';    
        var thumbMiddleActive= ');"><img width=60 height=40 style="border:2px; margin:0px; border-style:solid; border-color:#FF9F00;"  src="';    
        var thumbEnd = '"/></a>';
                
        var stringBuffer = new StringBuffer();
        
        for(var i=startIndex;i<endIndex;++i) { 
            stringBuffer.append(thumbStart);
            stringBuffer.append(i);
            if(i==currentCarouselPic)                       
                stringBuffer.append(thumbMiddleActive);
            else
                stringBuffer.append(thumbMiddle);
            stringBuffer.append(imageList[i]);
            stringBuffer.append(thumbEnd);
        }
        
        if(currentThumbIndex == 0) {
            document.getElementById('prev-thumb').innerHTML = '';    
        } else {
            document.getElementById('prev-thumb').innerHTML = '<a href="javascript:thumbNavigation(-1);"><img src="css/images/layout/thumbleft.gif"/></a>';    
        }
        if((currentThumbIndex + 1)*carouselThumbAmount >= imageList.length) {
            document.getElementById('next-thumb').innerHTML = '';    
        } else {
            document.getElementById('next-thumb').innerHTML = '<a href="javascript:thumbNavigation(1);"><img src="css/images/layout/thumbright.gif"/></a>';    
        }   
        
        document.getElementById('thumb-container').innerHTML = stringBuffer.toString();
    }    
}

// $Rev: 1382 $