var currImg = null;
var currDiv = null;
var currLink = null;
var currNum = null;

function displayContent(num){
    var setDiv = "divCopy"+num;
    var setLink = "link"+num;
    var setImg = "img"+num;

    var img = document.getElementById(setImg);
    var div = document.getElementById(setDiv);
    var link = document.getElementById(setLink);
    
    if(currImg == null)
    {
        currImg = document.getElementById('img1');
        currDiv = document.getElementById('divCopy1');
        currLink = document.getElementById('link1');
        currNum = '1';
    }
    
    setCurrentInfo();
    
    link.removeAttribute("href");
    link.removeAttribute("onclick");
    
    img.src = 'Images/buttonPaginationOn.gif';
    img.onmouseout = function() { this.src = 'Images/buttonPaginationOn.gif'; }
    img.onmouseover = function() { this.src = 'Images/buttonPaginationOn.gif'; }
    
    resetCurrInfo(img, div, link, num);
}
function setCurrentInfo(){
    
    currImg.src = 'Images/buttonPaginationOff.gif';
    
    currImg.onmouseout = function() { this.src = 'Images/buttonPaginationOff.gif'; }
    currImg.onmouseover = function() { this.src = 'Images/buttonPaginationOn.gif'; }
    
    currLink.setAttribute("href", "#");
    currLink.setAttribute("onclick", "displayContent("+currNum+"); return false;");
}

function resetCurrInfo(_image, _div, _link, _num){
    currImg = _image;
    currDiv = _div;
    currLink = _link;
    currNum = _num;
}