var sSrcOfImg=[];
var bImg;

function sortImages(){
    sSrcOfImg=[];
    for(var i=0;i<4;i++)
    {
        var v_bImg = document.getElementById('v_bigIMG'+i).getAttribute('v_src');
        var v_sImg = document.getElementById('v_smallIMG'+i).getAttribute('v_src');
        if(v_bImg!='')sSrcOfImg.push([v_bImg,v_sImg]);
    }
}

function toggleImages(n)
{
    var tmpBigImgSrc=sSrcOfImg[n][0];
    var tmpSlmImgSrc=sSrcOfImg[n][1];

    bImg.src = sSrcOfImg[n][0];
    document.getElementById('smallIMG'+n).src=sSrcOfImg[0][1];
    
    sSrcOfImg[n][0] = sSrcOfImg[0][0];
    sSrcOfImg[n][1] = sSrcOfImg[0][1];
    sSrcOfImg[0][0] = tmpBigImgSrc;
    sSrcOfImg[0][1] = tmpSlmImgSrc;
}

function imagesInit()
{

    if(sSrcOfImg.length>0)
    {
        bImg = document.getElementById('bigIMG');
        
        bImg.src=sSrcOfImg[0][0];
        if(sSrcOfImg.length>1)
        {
            var smlImgCont = document.getElementById('smlImgCont');
            for(var i = 1;i<sSrcOfImg.length;i++)
            {
                smlImgCont.innerHTML = smlImgCont.innerHTML + '<img src="' + sSrcOfImg[i][1] + '" id="smallIMG'+ i + '" width="71" height="71" style="display: inline;" class="mr16"/>';
                smlImgCont.innerHTML = smlImgCont.innerHTML + '<img src="/site/images/small1.gif" width="71" height="71" style="margin-left: -84px; position: absolute;" onclick="toggleImages('+i+')"/>';
            }
        }
    }
}