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) {
    for (i=0; i<eval(clientId + '_Images').length; i++) {
    if ( document.getElementById(clientId + "_ImgSmall" + i)!=null)
    {
        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'
        }
    }
    document.getElementById(clientId + "_ImgSmall" + picNum).className = 'IGon';
    document.getElementById(clientId + "_ImgSmall" + picNum).parentNode.style.backgroundImage = 'url(resources/images/ImgT_arrow.gif)';
    document.getElementById(clientId +"_IDiv" + picNum).className='IDon'
    
    document.getElementById(clientId +"_spnCurDiv").innerHTML = picNum+1;
    document.getElementById(clientId + "_currPic").value = picNum;
}


function ShowPic(picNum, clientId) {
    SelectImg(picNum, clientId);
    
    document.getElementById(clientId + "_ImgBig").src = eval(clientId + '_Images')[picNum].src;
    
    if (document.getElementById(clientId + "_ImgBig").style.display='none') {
        document.getElementById(clientId + "_Vid").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))
}