function ArrangeTbl(strImg, clientId, _PicPath, _replaceFrom, _replaceTo) {
    var arrImgs = strImg.split("{^}");
    if (arrImgs.length > 0) {
        for (i = 0; i < arrImgs.length; i++) {
            eval(clientId + '_Images')[i] = new Image();
            if (arrImgs[i].indexOf('http://') == 0) {
                eval(clientId + '_Images')[i].src = arrImgs[i];
                if (document.getElementById(clientId + "_ImgSmall" + i) != null) {
                    if (arrImgs[i].indexOf(_replaceFrom) > -1) {
                        document.getElementById(clientId + "_ImgSmall" + i).src = arrImgs[i].replace(_replaceFrom, _replaceTo);
                    }
                    else {
                        document.getElementById(clientId + "_ImgSmall" + i).src = arrImgs[i];
                    }
                }
            } else {
                eval(clientId + '_Images')[i].src = _PicPath + arrImgs[i];
                if (document.getElementById(clientId + "_ImgSmall" + i) != null) {
                    document.getElementById(clientId + "_ImgSmall" + i).src = _PicPath + arrImgs[i].replace(_replaceFrom, _replaceTo);
                }
            }
        }

        ActivateClick(document.getElementById(clientId + "_ImgSmall0"))
    }
}

function ActivateClick(_obj) {
    if (_obj != null)
        if (_obj.attributes["onclick"] != null) {
        eval(_obj.attributes["onclick"].value);
    }
}

function SelectImg(picNum, clientId, _classSufix) {
    for (i = 0; i < eval(clientId + '_Images').length; i++) {
        if (document.getElementById(clientId + "_ImgSmall" + i) != null) {
            if (typeof (_classSufix) != 'undefined') {
                document.getElementById(clientId + "_ImgSmall" + i).className = 'IGoff' + _classSufix;
            }
            else
                document.getElementById(clientId + "_ImgSmall" + i).className = 'IGoff';

            document.getElementById(clientId + "_ImgSmall" + i).parentNode.style.backgroundImage = '';
        }
        if (document.getElementById(clientId + "_IDiv" + i) != null) {
            document.getElementById(clientId + "_IDiv" + i).className = 'IDoff'
        }
    }
    if (typeof (_classSufix) != 'undefined') {
        document.getElementById(clientId + "_ImgSmall" + picNum).className = 'IGon' + _classSufix;
    }
    else {
        document.getElementById(clientId + "_ImgSmall" + picNum).className = 'IGon';
    }
    document.getElementById(clientId + "_ImgSmall" + picNum).parentNode.style.backgroundImage = 'url(resources/images/ImgT_arrow.gif)';
    if (typeof (_classSufix) != 'undefined') {
        document.getElementById(clientId + "_IDiv" + picNum).className = 'IDon' + _classSufix;
    }
    else
        document.getElementById(clientId + "_IDiv" + picNum).className = 'IDon'

    document.getElementById(clientId + "_spnCurDiv").innerHTML = picNum + 1;
    document.getElementById(clientId + "_currPic").value = picNum;
}


function ShowPic(picNum, clientId, _classSufix) {
    SelectImg(picNum, clientId, _classSufix);

    document.getElementById(clientId + "_ImgBig").src = eval(clientId + '_Images')[picNum].src;

    if (document.getElementById(clientId + "_ImgBig").style.display = 'none') {
        document.getElementById(clientId + "_ImgBig").style.display = '';
    }
}

function ShowVid(picNum, clientId) {
    SelectImg(picNum, clientId);

    document.getElementById(clientId + "_ImgBig").style.display = 'none';
    document.getElementById(clientId + "_Vid").style.display = '';
}

function goPrev(clientId) {
    var _currDiv1 = parseInt(document.getElementById(clientId + "_currDiv1").value, 10);
    var _currDiv2 = parseInt(document.getElementById(clientId + "_currDiv2").value, 10);
    var _currPic = parseInt(document.getElementById(clientId + "_currPic").value, 10)
    if (_currPic == 0) { return; }
    if ((_currPic % 4 == 0) && (_currDiv2 != 1) && (_currDiv2 != 1) && (_currDiv1 != 1) && (_currDiv1 != 0)) {
        document.getElementById("td_" + clientId + "_" + _currDiv2).style.display = 'none';
        document.getElementById("td_" + clientId + "_" + _currDiv1).style.display = 'none';
        _currDiv1 = _currDiv1 - 1;
        _currDiv2 = _currDiv2 - 1;
        document.getElementById(clientId + "_currDiv1").value = _currDiv1;
        document.getElementById(clientId + "_currDiv2").value = _currDiv2;
        document.getElementById("td_" + clientId + "_" + _currDiv2).style.display = '';
        document.getElementById("td_" + clientId + "_" + _currDiv1).style.display = '';
    }
    _currPic = _currPic - 1
    document.getElementById(clientId + "_currPic").value = _currPic;

    ActivateClick(document.getElementById(clientId + "_ImgSmall" + _currPic))
}

function goNext(clientId) {
    var _currDiv1 = parseInt(document.getElementById(clientId + "_currDiv1").value, 10);
    var _currDiv2 = parseInt(document.getElementById(clientId + "_currDiv2").value, 10);
    var _currPic = parseInt(document.getElementById(clientId + "_currPic").value, 10);
    var _numOfDivs = parseInt(document.getElementById(clientId + "_numOfDivs").value, 10);
    var _numPics = parseInt(document.getElementById(clientId + "_numPics").value, 10);
    if (_currPic == (_numPics - 1)) { return; }
    _currPic = _currPic + 1;
    document.getElementById(clientId + "_currPic").value = _currPic;

    if ((_currPic % 4 == 0) && (_currDiv1 != _numOfDivs) && (_currDiv2 != _numOfDivs)) {
        document.getElementById("td_" + clientId + "_" + _currDiv2).style.display = 'none';
        document.getElementById("td_" + clientId + "_" + _currDiv1).style.display = 'none';
        _currDiv1 = _currDiv2;
        _currDiv2 = _currDiv2 + 1;
        document.getElementById(clientId + "_currDiv1").value = _currDiv1;
        document.getElementById(clientId + "_currDiv2").value = _currDiv2;
        document.getElementById("td_" + clientId + "_" + _currDiv1).style.display = '';
        document.getElementById("td_" + clientId + "_" + _currDiv2).style.display = '';
    }

    ActivateClick(document.getElementById(clientId + "_ImgSmall" + _currPic))
}