var _MSSadjusted = 0;
var _MSSwidth = 198
var _MSSdistance = 10
var _MSSpage = 0;
var _MSSpages = Math.ceil(_miniPhotos.length / 2);
var _MSScontainer = "additionalPhotosSlider";

function slideMiniPhotos(direction){
    if (((direction == "left") && (_MSSpage == _MSSpages - 1)) || ((direction == "right") && (_MSSpage == 0))) 
        return;
    
    miniSlideContainer = document.getElementById(_MSScontainer);
    
    position = miniSlideContainer.style.left;
    position = position.replace("px", "");
    position = position.replace("pt", "");
    miniSlideContainer.style.position = "relative";
    
    distance = Math.min(50, _MSSwidth - _MSSadjusted);
    if (distance == 0) 
        return;
    
    if (position == "") 
        position = 0;
    if (direction == "left") 
        miniSlideContainer.style.left = parseInt(position) - distance + "px";
    else 
        miniSlideContainer.style.left = parseInt(position) + distance + "px";
    
    _MSSadjusted += distance;
    if (_MSSadjusted < _MSSwidth) {
    
        window.setTimeout("slideMiniPhotos('" + direction + "')", 20);
    }
    else {
        _MSSadjusted = 0;
        if (direction == "left") {
            _MSSpage++;
        }
        
        else 
            _MSSpage--;
        
        
        
    }
    
}

function startExpand(){
    var imageData = _miniPhotos[_selectedIndex].split("|");
    document.getElementById("enlargedPhotoImage").src = imageData[1];
    document.getElementById("fullCredit").innerHTML = "";
    document.getElementById("fullCaption").innerHTML = "";
    miniSlideContainer = document.getElementById("enlargedPhoto");
    miniSlideContainer.style.display = "block";
    miniSlideContainer.style.width = "0px";
    miniSlideContainer.style.zindex = "99";
    
    
    expandPhoto();
}

function closeExpand(){
    miniSlideContainer = document.getElementById("enlargedPhoto");
    miniSlideContainer.style.display = "none";
    miniSlideContainer.style.width = "0px";
    miniSlideContainer.style.zindex = "99";
    
    
}

function expandPhoto(){

    miniSlideContainer = document.getElementById("enlargedPhoto");
    width = miniSlideContainer.style.width;
    width = width.replace("px", "");
    width = width.replace("pt", "");
    miniSlideContainer.style.position = "absolute";
    
    distance = Math.min(_MSSdistance * 4, _MSSwidth * 2 - _MSSadjusted);
    if (distance == 0) 
        return;
    
    if (width == "") 
        width = 0;
    
    miniSlideContainer.style.width = parseInt(width) + distance + "px";
    
    _MSSadjusted += distance;
    if (_MSSadjusted < _MSSwidth * 2) {
    
        window.setTimeout("expandPhoto()", 20);
    }
    else {
        _MSSadjusted = 0;
        var imageData = _miniPhotos[_selectedIndex].split("|");
        document.getElementById("fullCredit").innerHTML = imageData[2];
        document.getElementById("fullCaption").innerHTML = imageData[3];
        
        
    }
    
}

function CreatePhotoList(){
    var html = "";
    for (i = 0; i < _miniPhotos.length; i++) {
        imageData = _miniPhotos[i].split("|");
        html += GetPhotoHtml(imageData[0], i);
    }
    
    var slider = document.getElementById(_MSScontainer);
    slider.innerHTML = html;
    
}

function GetPhotoHtml(smallImage, index){
    var photo = "<div class=\"additional_photo\">"
    photo += "<img src=\"" + smallImage + "\" onclick=\"showPhoto(" + index + ")\"  />"
    photo += "</div>"
    return photo;
    
}

_selectedIndex = 0;
function showPhoto(index){
    var imageData = _miniPhotos[index].split("|");
    document.getElementById("miniSlideThumbnail").src = imageData[0];
    document.getElementById("miniCredit").innerHTML= imageData[2];
    document.getElementById("miniCaption").innerHTML = imageData[3];
    _selectedIndex = index;
    
}



CreatePhotoList();