﻿// Run operation.  Style1 Script.
function runAll(strAction, imageStr) {
    var tempArray = createArray1(imageStr);
    if (strAction == "next") {
        clickNextImage(tempArray);
    }
    else {
        clickPrevImage(tempArray);
    }

}

// Setup Array.  Style1 Script.
function createArray1(imageStr) {
    var tempArray = new Array();
    tempArray = imageStr.split('###');
    return tempArray;
}

// Move onto next image.  Style1 Script.
function clickNextImage(imagesArray) {
    arrayPos = getPos(imagesArray);
    arrayPos = arrayPos + 4;
    prevPos = arrayPos - 4;
    if (arrayPos >= imagesArray.length) {
        arrayPos = 0;
    }
    nextPos = arrayPos + 4;
    if (prevPos < 0) {
        prevPos = (imagesArray.length - 4);
    }
    if (nextPos >= imagesArray.length) {
        nextPos = 0;
    }
    document.thumb1.src = imagesArray[prevPos];
    document.thumb1.alt = imagesArray[prevPos + 1];
    document.thumb2.src = imagesArray[arrayPos];
    document.thumb2.alt = imagesArray[arrayPos + 1];
    document.thumb3.src = imagesArray[nextPos];
    document.thumb3.alt = imagesArray[nextPos + 1];

    changeOpac(0, 'fullsize');
    document.fullsize.src = imagesArray[arrayPos];
    document.fullsize.alt = imagesArray[arrayPos + 1];

    var img = new Image();
    img.src = imagesArray[arrayPos];
    speed = Math.round(1000 / 100);
    timer = 0;
    for (i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ", 'fullsize')", (timer * speed));
        timer++;
    }
}

// Move back to previous image.  Style1 Script
function clickPrevImage(imagesArray) {
    arrayPos = getPos(imagesArray);
    arrayPos = arrayPos - 4;
    nextPos = arrayPos + 4;
    if (arrayPos < 0) {
        arrayPos = (imagesArray.length - 4);
    }
    prevPos = arrayPos - 4;
    if (prevPos < 0) {
        prevPos = (imagesArray.length - 4);
    }
    if (nextPos >= imagesArray.length) {
        nextPos = 0;
    }
    document.thumb1.src = imagesArray[prevPos];
    document.thumb1.alt = imagesArray[prevPos + 1];
    document.thumb2.src = imagesArray[arrayPos];
    document.thumb2.alt = imagesArray[arrayPos + 1];
    document.thumb3.src = imagesArray[nextPos];
    document.thumb3.alt = imagesArray[nextPos + 1];

    changeOpac(0, 'fullsize');
    document.fullsize.src = imagesArray[arrayPos];
    document.fullsize.alt = imagesArray[arrayPos + 1];

    var img = new Image();
    img.src = imagesArray[arrayPos];
    speed = Math.round(1000 / 100);
    timer = 0;
    for (i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ", 'fullsize')", (timer * speed));
        timer++;
    }

}

//Work out the current position in the array.  Style1 Script.
function getPos(theArray) {
    currentStr = document.fullsize.src;
    var count = 0;
    var currentPos = 0;
    while (count < theArray.length) {
        tempStr = theArray[count];
        if (currentStr == tempStr) {
            currentPos = count;
        }
        count = count + 1;
    }

    return currentPos;
}



// Run all.  Style 2 script.

function runAll2(strAction, imageStr) {
    var tempArray = createArray1(imageStr);
    if (strAction == "next") {
        clickNextImage2(tempArray);
    }
    else if (strAction == "next2") {
        clickNext2(tempArray);
    }
    else if (strAction == "back") {
        clickPrevImage2(tempArray);
    }
    else {
        clickPrev2(tempArray);
    }
}

// Move onto next image.  Style 2 script.
function clickNextImage2(imagesArray) {
    arrayPos = getPos(imagesArray);
    arrayPos = arrayPos + 4;
    if (arrayPos >= imagesArray.length) {
        arrayPos = 0;
    }
    prevPos = arrayPos - 4;
    if (prevPos < 0) {
        prevPos = (imagesArray.length - 4);
    }
    pMiniPos = prevPos - 4;
    if (pMiniPos < 0) {
        pMiniPos = (imagesArray.length - 4);
    }
    nextPos = arrayPos + 4;
    if (nextPos >= imagesArray.length) {
        nextPos = 0;
    }
    nMiniPos = nextPos + 4;
    if (nMiniPos >= imagesArray.length) {
        nMiniPos = 0;
    }
    document.thumb1.src = imagesArray[pMiniPos];
    document.thumb1.alt = imagesArray[pMiniPos + 1];
    document.thumb2.src = imagesArray[prevPos];
    document.thumb2.alt = imagesArray[prevPos + 1];
    document.thumb3.src = imagesArray[arrayPos];
    document.thumb3.alt = imagesArray[arrayPos + 1];
    document.thumb4.src = imagesArray[nextPos];
    document.thumb4.alt = imagesArray[nextPos + 1];
    document.thumb5.src = imagesArray[nMiniPos];
    document.thumb5.alt = imagesArray[nMiniPos + 1];

    changeOpac(0, 'fullsize');
    document.fullsize.src = imagesArray[arrayPos];
    document.fullsize.alt = imagesArray[arrayPos + 1];

    var img = new Image();
    img.src = imagesArray[arrayPos];
    speed = Math.round(1000 / 100);
    timer = 0;
    for (i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ", 'fullsize')", (timer * speed));
        timer++;
    }
}

// Move onto the image after the next.  Style 2 script.
function clickNext2(imagesArray) {
    arrayPos = getPos(imagesArray);
    var i = 0;
    while (i < 2) {
        arrayPos = arrayPos + 4;
        if (arrayPos >= imagesArray.length) {
            arrayPos = 0;
        }
        i = i + 1;
    }
    prevPos = arrayPos - 4;
    if (prevPos < 0) {
        prevPos = (imagesArray.length - 4);
    }
    pMiniPos = prevPos - 1;
    if (pMiniPos < 0) {
        pMiniPos = (imagesArray.length - 4);
    }
    nextPos = arrayPos + 4;
    if (nextPos >= imagesArray.length) {
        nextPos = 0;
    }
    nMiniPos = nextPos + 4;
    if (nMiniPos >= imagesArray.length) {
        nMiniPos = 0;
    }
    document.thumb1.src = imagesArray[pMiniPos];
    document.thumb1.alt = imagesArray[pMiniPos - 2];
    document.thumb2.src = imagesArray[prevPos];
    document.thumb2.alt = imagesArray[prevPos + 1];
    document.thumb3.src = imagesArray[arrayPos];
    document.thumb3.alt = imagesArray[arrayPos + 1];
    document.thumb4.src = imagesArray[nextPos];
    document.thumb4.alt = imagesArray[nextPos + 1];
    document.thumb5.src = imagesArray[nMiniPos];
    document.thumb5.alt = imagesArray[nMiniPos + 1];

    changeOpac(0, 'fullsize');
    document.fullsize.src = imagesArray[arrayPos];
    document.fullsize.alt = imagesArray[arrayPos + 1];

    var img = new Image();
    img.src = imagesArray[arrayPos];
    speed = Math.round(1000 / 100);
    timer = 0;
    for (i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ", 'fullsize')", (timer * speed));
        timer++;
    }
}

// Move back to previous image.  Style 2 script.
function clickPrevImage2(imagesArray) {
    arrayPos = getPos(imagesArray);
    arrayPos = arrayPos - 4;
    if (arrayPos < 0) {
        arrayPos = (imagesArray.length - 4);
    }
    prevPos = arrayPos - 4;
    if (prevPos < 0) {
        prevPos = (imagesArray.length - 4);
    }
    pMiniPos = prevPos - 4;
    if (pMiniPos < 0) {
        pMiniPos = (imagesArray.length - 4);
    }
    nextPos = arrayPos + 4;
    if (nextPos >= imagesArray.length) {
        nextPos = 0;
    }
    nMiniPos = nextPos + 4;
    if (nMiniPos >= imagesArray.length) {
        nMiniPos = 0;
    }
    document.thumb1.src = imagesArray[pMiniPos];
    document.thumb1.alt = imagesArray[pMiniPos + 1];
    document.thumb2.src = imagesArray[prevPos];
    document.thumb2.alt = imagesArray[prevPos + 1];
    document.thumb3.src = imagesArray[arrayPos];
    document.thumb3.alt = imagesArray[arrayPos + 1];
    document.thumb4.src = imagesArray[nextPos];
    document.thumb4.alt = imagesArray[nextPos + 1];
    document.thumb5.src = imagesArray[nMiniPos];
    document.thumb5.alt = imagesArray[nMiniPos + 1];

    changeOpac(0, 'fullsize');
    document.fullsize.src = imagesArray[arrayPos];
    document.fullsize.alt = imagesArray[arrayPos + 1];

    var img = new Image();
    img.src = imagesArray[arrayPos];
    speed = Math.round(1000 / 100);
    timer = 0;
    for (i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ", 'fullsize')", (timer * speed));
        timer++;
    }
}

// Move back to the image before the last.  Style 2 script.
function clickPrev2(imagesArray) {
    currentPos = getPos(imagesArray);
    arrayPos = getPos(imagesArray);
    var i = 0;
    while (i < 2) {
        arrayPos = arrayPos - 4;
        if (arrayPos < 0) {
            arrayPos = (imagesArray.length - 4);
        }
        i = i + 1;
    }
    prevPos = arrayPos - 4;
    if (prevPos < 0) {
        prevPos = (imagesArray.length - 4);
    }
    pMiniPos = prevPos - 4;
    if (pMiniPos < 0) {
        pMiniPos = (imagesArray.length - 4);
    }
    nextPos = arrayPos + 4;
    if (nextPos >= imagesArray.length) {
        nextPos = 0;
    }
    nMiniPos = nextPos + 4;
    if (nMiniPos >= imagesArray.length) {
        nMiniPos = 0;
    }
    document.thumb1.src = imagesArray[pMiniPos];
    document.thumb1.alt = imagesArray[pMiniPos + 1];
    document.thumb2.src = imagesArray[prevPos];
    document.thumb2.alt = imagesArray[prevPos + 1];
    document.thumb3.src = imagesArray[arrayPos];
    document.thumb3.alt = imagesArray[arrayPos + 1];
    document.thumb4.src = imagesArray[nextPos];
    document.thumb4.alt = imagesArray[nextPos + 1];
    document.thumb5.src = imagesArray[nMiniPos];
    document.thumb5.alt = imagesArray[nMiniPos + 1];

    changeOpac(0, 'fullsize');
    document.fullsize.src = imagesArray[arrayPos];
    document.fullsize.alt = imagesArray[arrayPos + 1];

    var img = new Image();
    img.src = imagesArray[arrayPos];
    speed = Math.round(1000 / 100);
    timer = 0;
    for (i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ", 'fullsize')", (timer * speed));
        timer++;
    }
}

function changeOpac(opacity, id) {
    var object = document.fullsize.style;
    object.opacity = (opacity / 101);
    object.MozOpacity = (opacity / 101);
    object.KhtmlOpacity = (opacity / 101);
    object.filter = "alpha(opacity=" + opacity + ")";
}

// Move onto next image.  Style 3 function.
function clickImage(picNum, imgStr) {
    var imagesArray = createArray1(imgStr);
    var position = getNeededPos(picNum, imagesArray);
    var picNum = position - 3;

    changeOpac(0, 'fullsize');
    document.fullsize.src = imagesArray[picNum];
    document.fullsize.alt = imagesArray[picNum + 1];

    speed = Math.round(1000 / 100);
    timer = 0;
    for (i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ", 'fullsize')", (timer * speed));
        timer++;
    }
}

//Work out the current position the thumbs are up to.  Style3 Script.
function getNeededPos(picNum, theArray) {
    picNum = picNum + 1;
    var currentStr;
    if (picNum == 1) {
        currentStr = document.thumb1.src;
    }
    else if (picNum == 2) {
        currentStr = document.thumb2.src;
    }
    else if (picNum == 3) {
        currentStr = document.thumb3.src;
    }
    else if (picNum == 4) {
        currentStr = document.thumb4.src;
    }
    else if (picNum == 5) {
        currentStr = document.thumb5.src;
    }
    else if (picNum == 6) {
        currentStr = document.thumb6.src;
    }
    else if (picNum == 7) {
        currentStr = document.thumb7.src;
    }
    else if (picNum == 8) {
        currentStr = document.thumb8.src;
    }
    else if (picNum == 9) {
        currentStr = document.thumb9.src;
    }
    else if (picNum == 10) {
        currentStr = document.thumb10.src;
    }
    var count = 0;
    var currentPos = 0;
    while (count < theArray.length) {
        tempStr = theArray[count];
        if (currentStr == tempStr) {
            currentPos = count;
        }
        count = count + 1;
    }

    return currentPos;
}

// Move up the thumbnail rows.  Style 3 function.
function moveUp(picNum, imgStr) {
    var imagesArray = createArray1(imgStr);
    var position = getNeededPos(picNum, imagesArray);
    if (position != 3) {
        var picNum = position - 3;
        var limitNumber = picNum - 8;

        if (limitNumber >= 0) {
            picNum = limitNumber;
            document.thumb1.src = imagesArray[picNum + 3];
            document.thumb1.alt = imagesArray[picNum + 1];
            picNum = picNum + 4;
            document.thumb6.src = imagesArray[picNum + 3];
            document.thumb6.alt = imagesArray[picNum + 1];
            picNum = picNum + 4;
            document.thumb2.src = imagesArray[picNum + 3];
            document.thumb2.alt = imagesArray[picNum + 1];
            picNum = picNum + 4;
            document.thumb7.src = imagesArray[picNum + 3];
            document.thumb7.alt = imagesArray[picNum + 1];
            picNum = picNum + 4;
            document.thumb3.src = imagesArray[picNum + 3];
            document.thumb3.alt = imagesArray[picNum + 1];
            picNum = picNum + 4;
            document.thumb8.src = imagesArray[picNum + 3];
            document.thumb8.alt = imagesArray[picNum + 1];
            picNum = picNum + 4;
            document.thumb4.src = imagesArray[picNum + 3];
            document.thumb4.alt = imagesArray[picNum + 1];
            picNum = picNum + 4;
            document.thumb9.src = imagesArray[picNum + 3];
            document.thumb9.alt = imagesArray[picNum + 1];
            picNum = picNum + 4;
            document.thumb5.src = imagesArray[picNum + 3];
            document.thumb5.alt = imagesArray[picNum + 3];
            picNum = picNum + 4;
            document.thumb10.src = imagesArray[picNum + 3];
            document.thumb10.alt = imagesArray[picNum + 1];
        }
        else {
            // Do Nothing
        }
    }
}

// Move down the thumbnail rows.  Style 3 function.
function moveDown(picNum, imgStr) {
    var imagesArray = createArray1(imgStr);
    var position = getNeededPos(picNum, imagesArray);
    if (position != 0) {
        var picNum = position - 3;
        var limitNumber = picNum + 11;

        if (imagesArray.length > limitNumber) {
            picNum = limitNumber;
            document.thumb10.src = imagesArray[picNum];
            document.thumb10.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb5.src = imagesArray[picNum];
            document.thumb5.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb9.src = imagesArray[picNum];
            document.thumb9.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb4.src = imagesArray[picNum];
            document.thumb4.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb8.src = imagesArray[picNum];
            document.thumb8.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb3.src = imagesArray[picNum];
            document.thumb3.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb7.src = imagesArray[picNum];
            document.thumb7.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb2.src = imagesArray[picNum];
            document.thumb2.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb6.src = imagesArray[picNum];
            document.thumb6.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb1.src = imagesArray[picNum];
            document.thumb1.alt = imagesArray[picNum - 2];
        }
        else if (imagesArray.length > (limitNumber - 4)) {
            picNum = limitNumber - 4;
            document.thumb10.src = "/@pool/@photoalbum/placeholder.jpg";
            document.thumb10.alt = "";
            document.thumb10.onclick = "";
            document.thumb5.src = imagesArray[picNum];
            document.thumb5.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb9.src = imagesArray[picNum];
            document.thumb9.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb4.src = imagesArray[picNum];
            document.thumb4.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb8.src = imagesArray[picNum];
            document.thumb8.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb3.src = imagesArray[picNum];
            document.thumb3.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb7.src = imagesArray[picNum];
            document.thumb7.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb2.src = imagesArray[picNum];
            document.thumb2.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb6.src = imagesArray[picNum];
            document.thumb6.alt = imagesArray[picNum - 2];
            picNum = picNum - 4;
            document.thumb1.src = imagesArray[picNum];
            document.thumb1.alt = imagesArray[picNum - 2];
        }
        else {
            // Do Nothing
        }
    }
}
