/*

    Forutsetter at vi har en array 'pages' som inneholder
    elementer 'hiddenPageX' for hver side

    Og for bilder - en array "images" som ineholder
    elementer "image_bodyX" for hver side/hvert bilde

    EKSEMPEL:
    pages = new Array();
    pages[0] = "hiddenPage1";

*/

current = 'hiddenPage1';

function switchPage(next, number) {
    // number = parameter...
    // hide all pages:
    for (var x = 0; x < pages.length; x++) {
        // alert(pages[x] + " " + thePage);
        hide(pages[x]);
    }

    // show the next page:
    show(next);
    // update the 'current' marker:
    current = next;
}

function switchToNextPage() {
    // switch for: current (and number can be 10: 2 digits:)
    if (current.length < 12)
        number = current.substring(current.length, current.length -1);
    else
        number = current.substring(current.length, current.length -2);
    last = pages.length;
    // check that the current page is not the last page:
    if(number != last){
        // it's good - exec00te!
        for (var x = 0; x < pages.length; x++) {
            hide(pages[x]);
        }
        show(pages[number]);
        current = pages[number]; // update the 'current' marker
    }
}

function switchToPreviousPage() {
    // switch for: current (and number can be 10: 2 digits:)
    if (current.length < 12)
        number = current.substring(current.length, current.length -1);
    else
        number = current.substring(current.length, current.length -2);

    // check that the current page is not the first page:
    if(number != 1){
        // it's good - exec00te!
        for (var x = 0; x < pages.length; x++) {
            hide(pages[x]);
        }
        show(pages[number -2]);
        current = pages[number -2]; // update the 'current' marker
    }
}

// function hide gjør 3 ting - gjemmer text div, setter markering for side nummeret og gjemmer bildet knyttet til siden.
function hide(theid) { // ta med id til <li> med bg image - endre class til "page notselected".
    if (document.getElementById) {
        var hide_id = document.getElementById(theid);
        hide_id.className = 'mparticle hide';
    }
}

// function show gjør 3 ting, samme som "hide", bare motsatt.
function show(theid) { // ta med id til <li> med bg image - endre class til "page selected"
    if (document.getElementById) {
        var show_id = document.getElementById(theid);
        show_id.className = 'mparticle show';
    }
}