pagearray = new Array();
pagearray[0] = "images/koisample_f01.jpg";
pagearray[1] = "images/koisample_f02.jpg";
pagearray[2] = "images/koisample_f03.jpg";
pagearray[3] = "images/koisample_f04.jpg";
pagearray[4] = "images/koisample_f05.jpg";
pagearray[5] = "images/koisample_f06.jpg";
pagearray[6] = "images/koisample_f07.jpg";
pagearray[7] = "images/koisample_f08.jpg";
pagearray[8] = "images/koisample_f09.jpg";
pagearray[9] = "images/koisample_f10.jpg";
pagearray[10] = "images/koisample_f11.jpg";
pagearray[11] = "images/koisample_f12.jpg";
pagearray[12] = "images/koisample_f13.jpg";
pagearray[13] = "images/koisample_f14.jpg";
pagearray[14] = "images/koisample_f15.jpg";
pagearray[15] = "images/koisample_f16.jpg";
pagearray[16] = "images/koisample_f17.jpg";
pagearray[17] = "images/koisample_f18.jpg";
pagearray[18] = "images/koisample_f19.jpg";
pagearray[19] = "images/koisample_f20.jpg";
pagearray[20] = "images/koisample_f21.jpg";
pagearray[21] = "images/koisample_f22.jpg";
pagearray[22] = "images/koisample_f23.jpg";
pagearray_l = new Array();
pagearray_l[0] = "images/koisample_l_f01.jpg";
pagearray_l[1] = "images/koisample_l_f02.jpg";
pagearray_l[2] = "images/koisample_l_f03.jpg";
pagearray_l[3] = "images/koisample_l_f04.jpg";
pagearray_l[4] = "images/koisample_l_f05.jpg";
pagearray_l[5] = "images/koisample_l_f06.jpg";
pagearray_l[6] = "images/koisample_l_f07.jpg";
pagearray_l[7] = "images/koisample_l_f08.jpg";
pagearray_l[8] = "images/koisample_l_f09.jpg";
pagearray_l[9] = "images/koisample_l_f10.jpg";
pagearray_l[10] = "images/koisample_l_f11.jpg";
pagearray_l[11] = "images/koisample_l_f12.jpg";
pagearray_l[12] = "images/koisample_l_f13.jpg";
pagearray_l[13] = "images/koisample_l_f14.jpg";
pagearray_l[14] = "images/koisample_l_f15.jpg";
pagearray_l[15] = "images/koisample_l_f16.jpg";
pagearray_l[16] = "images/koisample_l_f17.jpg";
pagearray_l[17] = "images/koisample_l_f18.jpg";
pagearray_l[18] = "images/koisample_l_f19.jpg";
pagearray_l[19] = "images/koisample_l_f20.jpg";
pagearray_l[20] = "images/koisample_l_f21.jpg";
pagearray_l[21] = "images/koisample_l_f22.jpg";
pagearray_l[22] = "images/koisample_l_f23.jpg";
var pIndex = 0;

function overlayReload()
{
    if (window.innerHeight && window.scrollMaxY || window.innerWidth && window.scrollMaxX) {
        yScroll = window.innerHeight + window.scrollMaxY;
        xScroll = window.innerWidth + window.scrollMaxX;
        var deff = document.documentElement;
        var wff = (deff&&deff.clientWidth) || document.body.clientWidth || window.innerWidth || self.innerWidth;
        var hff = (deff&&deff.clientHeight) || document.body.clientHeight || window.innerHeight || self.innerHeight;
        xScroll -= (window.innerWidth - wff);
        yScroll -= (window.innerHeight - hff);
    } else if (document.body.scrollHeight > document.body.offsetHeight || document.body.scrollWidth > document.body.offsetWidth){ // all but Explorer Mac
        yScroll = document.body.scrollHeight;
        xScroll = document.body.scrollWidth;
    } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
        yScroll = document.body.offsetHeight;
        xScroll = document.body.offsetWidth;
    }

    document.getElementById("pmask").style.height = yScroll + "px";
    //document.getElementById("pmask").style.width = xScroll + "px";
}

function showsamplepage(){
    document.getElementById("pmask").style.display  = 'block';
    center(document.getElementById("samplepage"));
    center_l(document.getElementById("samplepage_l"));
    return false;
}

function switchsamplepage(){
    document.getElementById("samplepage").style.display  = 'block';
    document.getElementById("samplepage_l").style.display  = 'none';
    return false;
}

function switchsamplepage_l(){
    document.getElementById("samplepage_l").style.display  = 'block';
    document.getElementById("samplepage").style.display  = 'none';
    return false;
}

function hidesamplepage(){
    document.getElementById("samplepage_l").style.display  = 'none';
    document.getElementById("samplepage").style.display  = 'none';
    document.getElementById("pmask").style.display  = 'none';
    return false;
}

function center(element){
    var my_width  = 0;
    var my_height = 0;

    if ( typeof( window.innerWidth ) == 'number' ){
        my_width  = window.innerWidth;
        my_height = window.innerHeight;
    }else if ( document.documentElement &&
             ( document.documentElement.clientWidth ||
               document.documentElement.clientHeight ) ){
        my_width  = document.documentElement.clientWidth;
        my_height = document.documentElement.clientHeight;
    }
    else if ( document.body &&
            ( document.body.clientWidth || document.body.clientHeight ) ){
        my_width  = document.body.clientWidth;
        my_height = document.body.clientHeight;
    }

    element.style.position = 'absolute';
    element.style.zIndex   = 98;

    var scrollY = 0;

    if ( document.documentElement && document.documentElement.scrollTop ){
        scrollY = document.documentElement.scrollTop;
    }else if ( document.body && document.body.scrollTop ){
        scrollY = document.body.scrollTop;
    }else if ( window.pageYOffset ){
        scrollY = window.pageYOffset;
    }else if ( window.scrollY ){
        scrollY = window.scrollY;
    }

    var setX = ( my_width  - 402  ) / 2;
    var setY = ( my_height - 571 ) / 2 + scrollY;

    setX = ( setX < 0 ) ? 0 : setX;
    setY = ( setY < 0 ) ? 0 : setY;

    element.style.left = setX + "px";
    element.style.top  = setY + "px";

    pIndex = 0;
    element.style.backgroundImage = "url("+pagearray[pIndex]+")";
    document.getElementById("btnprev1").style.visibility  = 'hidden';
    document.getElementById("btnprev2").style.visibility  = 'hidden';
    document.getElementById("btnnext1").style.visibility  = 'visible';
    document.getElementById("btnnext2").style.visibility  = 'visible';

    element.style.display  = 'block';
}

function center_l(element){
    var my_width  = 0;
    var my_height = 0;

    if ( typeof( window.innerWidth ) == 'number' ){
        my_width  = window.innerWidth;
        my_height = window.innerHeight;
    }else if ( document.documentElement &&
             ( document.documentElement.clientWidth ||
               document.documentElement.clientHeight ) ){
        my_width  = document.documentElement.clientWidth;
        my_height = document.documentElement.clientHeight;
    }
    else if ( document.body &&
            ( document.body.clientWidth || document.body.clientHeight ) ){
        my_width  = document.body.clientWidth;
        my_height = document.body.clientHeight;
    }

    element.style.position = 'absolute';
    element.style.zIndex   = 99;

    var scrollY = 0;

    if ( document.documentElement && document.documentElement.scrollTop ){
        scrollY = document.documentElement.scrollTop;
    }else if ( document.body && document.body.scrollTop ){
        scrollY = document.body.scrollTop;
    }else if ( window.pageYOffset ){
        scrollY = window.pageYOffset;
    }else if ( window.scrollY ){
        scrollY = window.scrollY;
    }

    var setX = ( my_width  - 760  ) / 2;
    var setY = ( my_height - 1079 ) / 2 + scrollY;

    setX = ( setX < 0 ) ? 0 : setX;
    setY = ( setY < 0 ) ? 0 : setY;

    element.style.left = setX + "px";
    element.style.top  = setY + "px";

    pIndex = 0;
    element.style.backgroundImage = "url("+pagearray_l[pIndex]+")";
    document.getElementById("btnprev1_l").style.visibility  = 'hidden';
    document.getElementById("btnprev2_l").style.visibility  = 'hidden';
    document.getElementById("btnnext1_l").style.visibility  = 'visible';
    document.getElementById("btnnext2_l").style.visibility  = 'visible';

    element.style.display  = 'none';
}

function pageprev() {
    pIndex--;
    if (pIndex <= 0) {
        pIndex = 0;
        document.getElementById("btnprev1").style.visibility  = 'hidden';
        document.getElementById("btnprev2").style.visibility  = 'hidden';
        document.getElementById("btnprev1_l").style.visibility  = 'hidden';
        document.getElementById("btnprev2_l").style.visibility  = 'hidden';
    }
    document.getElementById("samplepage").style.backgroundImage = "url("+pagearray[pIndex]+")";
    document.getElementById("samplepage_l").style.backgroundImage = "url("+pagearray_l[pIndex]+")";
    document.getElementById("btnnext1").style.visibility  = 'visible';
    document.getElementById("btnnext2").style.visibility  = 'visible';
    document.getElementById("btnnext1_l").style.visibility  = 'visible';
    document.getElementById("btnnext2_l").style.visibility  = 'visible';
    return false;
}

function pagenext() {
    pIndex++;
    if (pIndex >= (pagearray.length - 1)) {
        pIndex = pagearray.length - 1;
        document.getElementById("btnnext1").style.visibility  = 'hidden';
        document.getElementById("btnnext2").style.visibility  = 'hidden';
        document.getElementById("btnnext1_l").style.visibility  = 'hidden';
        document.getElementById("btnnext2_l").style.visibility  = 'hidden';
    }
    document.getElementById("samplepage").style.backgroundImage = "url("+pagearray[pIndex]+")";
    document.getElementById("samplepage_l").style.backgroundImage = "url("+pagearray_l[pIndex]+")";
    document.getElementById("btnprev1").style.visibility  = 'visible';
    document.getElementById("btnprev2").style.visibility  = 'visible';
    document.getElementById("btnprev1_l").style.visibility  = 'visible';
    document.getElementById("btnprev2_l").style.visibility  = 'visible';
    return false;
}