function displayPrev(name){

    var arrayName=document.getElementsByClassName(name);
    var scrollDiv = document.getElementById('scroller');
    scrollValue = parseInt(scrollDiv.innerHTML);
    
    if(scrollValue == 1){
        arrayName[scrollValue-1].style.display ='none';
        var intCurrent = arrayName.length-1;
        scrollDiv.innerHTML = arrayName.length;
        arrayName[intCurrent].style.display ='block';
    }
    else{
        arrayName[scrollValue-1].style.display ='none';
        var intCurrent = scrollValue-2;
        scrollDiv.innerHTML = scrollValue - 1;
        arrayName[intCurrent].style.display ='block';	
    }
}

function displayNext(name){

    var arrayName=document.getElementsByClassName(name);
    var scrollDiv = document.getElementById('scroller');
    scrollValue = parseInt(scrollDiv.innerHTML);
    
    if(scrollValue == arrayName.length){
        arrayName[scrollValue-1].style.display ='none';
        var intCurrent = 0;
        scrollDiv.innerHTML = 1;
        arrayName[intCurrent].style.display ='block';
    }
    else{
        arrayName[scrollValue-1].style.display ='none';
        var intCurrent = scrollValue;
        scrollDiv.innerHTML = scrollValue + 1;
        arrayName[intCurrent].style.display ='block';	
    }
}

	
document.getElementsByClassName = function(cl) {
    var retnode = [];
    var myclass = new RegExp('\\b'+cl+'\\b');
    var elem = this.getElementsByTagName('*');
    for (var i = 0; i < elem.length; i++) {
        var classes = elem[i].className;
        if (myclass.test(classes)) retnode.push(elem[i]);
    }
    return retnode;
};