// JScript File

var garrPics = new Array();

function Pic()
    {
        this.ID='';
        this.Name='';
        this.ImagePath='';
        this.FolderPath='';
    }

function DisplaySubChildrens(CategoryID)
{
    if (document.getElementById('TD_Subchildrens_'+CategoryID).className == 'GaleryMenuDisplay'){
        document.getElementById('TD_Subchildrens_'+CategoryID).className = 'GaleryMenuHide';
    }else{
        document.getElementById('TD_Subchildrens_'+CategoryID).className = 'GaleryMenuDisplay';
    }
}

function ImageMouseOver(intCompteur)
{
    document.getElementById('img'+garrPics[intCompteur].ID).className = 'OpacityOff';
    document.getElementById('img'+garrPics[intCompteur].ID).style.width = '75px';
    document.getElementById('img'+garrPics[intCompteur].ID).style.height = '56px';
}

function ImageMouseOut(intCompteur)
{
    document.getElementById('img'+garrPics[intCompteur].ID).className = 'OpacityOn';
    document.getElementById('img'+garrPics[intCompteur].ID).style.width = '50px';
    document.getElementById('img'+garrPics[intCompteur].ID).style.height = '30px';
}

function DisplayThumb(CategoryID)
{
    document.getElementById('NavigationImg').innerHTML = '';
    document.getElementById('ImageText').innerHTML = '  ';
    var lstrTemp = '';
    var lintFirstpic = -1;
    for (var lintCompteur = 0; lintCompteur < garrPics.length; lintCompteur++)
    {
        if (garrPics[lintCompteur].ID.split('-')[0]==CategoryID)
        {
            lstrTemp = lstrTemp + ' <a href="#">';
            lstrTemp = lstrTemp + '<img border="0" class="OpacityOn" onmouseover="ImageMouseOver('+lintCompteur+')" onmouseout="ImageMouseOut('+lintCompteur+')" id="img'+garrPics[lintCompteur].ID+'" onclick="DisplayImage(garrPics['+lintCompteur+'])" alt="'+garrPics[lintCompteur].Name+'" src="images/'+garrPics[lintCompteur].FolderPath+'/mini/'+garrPics[lintCompteur].ImagePath+'" style="width:50;height:30px;"/>';
            lstrTemp = lstrTemp + '</a>'; 

            document.getElementById('NavigationImg').innerHTML = lstrTemp;
            if (lintFirstpic==-1){lintFirstpic=lintCompteur}
        }
    }
    DisplayImage(garrPics[lintFirstpic]);
}

function DisplayImage(myImage)
{
        document.getElementById('MainImage').src = 'images/'+myImage.FolderPath+'/'+myImage.ImagePath;
        document.getElementById('ImageText').innerHTML = myImage.Name+' &nbsp;';
}