function changePage(pageNo) {
    document.getElementById('p1').style.fontWeight = 'normal';
    document.getElementById('p2').style.fontWeight = 'normal';
    document.getElementById('p3').style.fontWeight = 'normal';
    document.getElementById('p4').style.fontWeight = 'normal';
    document.getElementById('p5').style.fontWeight = 'normal';
    document.getElementById('p6').style.fontWeight = 'normal';
    document.getElementById('p7').style.fontWeight = 'normal';
    document.getElementById('p8').style.fontWeight = 'normal';
    document.getElementById('p9').style.fontWeight = 'normal';
    document.getElementById('p10').style.fontWeight = 'normal';
    


    if (pageNo == 'page1') {
        document.getElementById('naviLeft').innerHTML = document.getElementById('page1a').innerHTML;
        document.getElementById('naviRight').innerHTML = document.getElementById('page1b').innerHTML;
        document.getElementById('p1').style.fontWeight = 'bold';
    }
    if (pageNo == 'page2') {
        document.getElementById('naviLeft').innerHTML = document.getElementById('page2a').innerHTML;
        document.getElementById('naviRight').innerHTML = document.getElementById('page2b').innerHTML;
        document.getElementById('p2').style.fontWeight = 'bold';
    }
    if (pageNo == 'page3') {
        document.getElementById('naviLeft').innerHTML = document.getElementById('page3a').innerHTML;
        document.getElementById('naviRight').innerHTML = document.getElementById('page3b').innerHTML;
        document.getElementById('p3').style.fontWeight = 'bold';
    }
    if (pageNo == 'page4') {
        document.getElementById('naviLeft').innerHTML = document.getElementById('page4a').innerHTML;
        document.getElementById('naviRight').innerHTML = document.getElementById('page4b').innerHTML;
        document.getElementById('p4').style.fontWeight = 'bold';
    }
    if (pageNo == 'page5') {
        document.getElementById('naviLeft').innerHTML = document.getElementById('page5a').innerHTML;
        document.getElementById('naviRight').innerHTML = document.getElementById('page5b').innerHTML;
        document.getElementById('p5').style.fontWeight = 'bold';
    }
    if (pageNo == 'page6') {
        document.getElementById('naviLeft').innerHTML = document.getElementById('page6a').innerHTML;
        document.getElementById('naviRight').innerHTML = document.getElementById('page6b').innerHTML;
        document.getElementById('p6').style.fontWeight = 'bold';
    }
    if (pageNo == 'page7') {
        document.getElementById('naviLeft').innerHTML = document.getElementById('page7a').innerHTML;
        document.getElementById('naviRight').innerHTML = document.getElementById('page7b').innerHTML;
        document.getElementById('p7').style.fontWeight = 'bold';
    }
    if (pageNo == 'page8') {
        document.getElementById('naviLeft').innerHTML = document.getElementById('page8a').innerHTML;
        document.getElementById('naviRight').innerHTML = document.getElementById('page8b').innerHTML;
        document.getElementById('p8').style.fontWeight = 'bold';
    }
    if (pageNo == 'page9') {
        document.getElementById('naviLeft').innerHTML = document.getElementById('page9a').innerHTML;
        document.getElementById('naviRight').innerHTML = document.getElementById('page9b').innerHTML;
        document.getElementById('p9').style.fontWeight = 'bold';
    }
    if (pageNo == 'page10') {
        document.getElementById('naviLeft').innerHTML = document.getElementById('page10a').innerHTML;
        document.getElementById('naviRight').innerHTML = document.getElementById('page10b').innerHTML;
        document.getElementById('p10').style.fontWeight = 'bold';
    }
   
    opacity('naviLeft', '0', '100', '1000');
    opacity('naviRight', '0', '100', '1000');
}

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame 
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens 
    if (opacStart > opacEnd) {
        for (i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            timer++;
        }
    } else if (opacStart < opacEnd) {
        for (i = opacStart; i <= opacEnd; i++) {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers 
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function changeImage(thumbImage) {
    document.getElementById('largeImage').src = thumbImage.src.replace("/Thumbnails/", "/");
    opacity('largeImage', '0', '100', '1000');
}