var currentRef;
var countRef;
var references;

window.addEvent('domready', function() {
	currentRef = 1;

    var gallery = $$('.mod_li_referencegallery');
    references = gallery.getChildren('div')[0];
    if(references != null) {
        countRef = references.length;
    }
});

function referencesBack() {
    
    if(currentRef != 1) {
    
        references.each(function(reference) {
            reference.set('class', 'reference none');
        });
    
        var refRight = $('ref' + currentRef);
        var refMiddle = $('ref' + (currentRef - 1));
        var refLeft = $('ref' + (currentRef - 2));
        
        if(refLeft != null) {
            refLeft.set('class', 'reference left');
        }
        refMiddle.set('class', 'reference middle');
        refRight.set('class', 'reference right');
        currentRef--;
        console.log(currentRef);
    }
}

function referencesForward() {
    if(currentRef != countRef) {
        
        references.each(function(reference) {
            reference.set('class', 'reference none');
        });
        
        var refLeft = $('ref' + currentRef);
        var refMiddle = $('ref' + (currentRef + 1));
        var refRight = $('ref' + (currentRef + 2));
        
        refLeft.set('class', 'reference left');
        refMiddle.set('class', 'reference middle');
        if(refRight != null) {
            refRight.set('class', 'reference right');
        }
        currentRef++;
        console.log(currentRef);
    }
}