var currentimage = 0;
var currenttitle = 0;
var imagearray = new Array();
var numofelements;
var i = 0;
var initcomplete = new Array();

function XTGaleryInitSroller(){
    $('.scroll-pane').jScrollHorizontalPane({
        scrollbarHeight: 10
    });
}

// init galery elements
function init(galleryid) {
	i = 0;
	imagearray = new Array();
    
    $('.imgitem').each(function() {
        imagearray[i] = this.rel ;
        //console.log(imagearray[i] + '-' + i);
        i++;
    });

    numofelements = imagearray.length -1;
	initcomplete[galleryid] = true;
};

function displayNext(galleryid){
	if (!initcomplete[galleryid]) {init(galleryid);};
    if (currentimage == numofelements){
        // lastimage
        currentimage = 0;
        currenttitle = $('#image' + imagearray[currentimage]).attr('title');
        XTGalerySwitchImage(imagearray[currentimage],currentimage,currenttitle);
    }else{
        currentimage = currentimage + 1;
        currenttitle = $('#image' + imagearray[currentimage]).attr('title');
        XTGalerySwitchImage(imagearray[currentimage],currentimage,currenttitle);
    }
    
}

function displayPrev(galleryid){
	if (!initcomplete[galleryid]) {init(galleryid);};
    if (currentimage == 0){
        // firstimage
        currentimage = numofelements;
        currenttitle = $('#image' + imagearray[currentimage]).attr('title');
        XTGalerySwitchImage(imagearray[currentimage],currentimage,currenttitle);
    }else{
        currentimage = currentimage - 1;
        currenttitle = $('#image' + imagearray[currentimage]).attr('title');
        XTGalerySwitchImage(imagearray[currentimage],currentimage,currenttitle);
    }
}

var currentPane = 'XTGalMainPane';

function XTGalerySwitchImage(imageID, imageindex, date){
    currentimage = imageindex;
    var imgSrc = '/download.php?file_id=' + imageID + '&file_version=12';
    switch (currentPane){
        case 'XTGalMainPane':
            $("#XTGalTempPane img.bigfixed").attr('src',imgSrc);
            $("#XTGalTempPane span.galdate").text(date);
            $('#XTGalTempPane').fadeIn(1500);
            $('#XTGalMainPane').fadeOut(1500);
            currentPane = 'XTGalTempPane';
            break;
        case 'XTGalTempPane':
            $("#XTGalMainPane img.bigfixed").attr('src',imgSrc);
            $("#XTGalMainPane span.galdate").text(date);
            $('#XTGalMainPane').fadeIn(1500);
            $('#XTGalTempPane').fadeOut(1500);
            currentPane = 'XTGalMainPane';
            break;
    }
}