﻿// 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 DisplayResult(CategoryID)
{
        document.getElementById('ResultText').innerHTML = '';
        document.getElementById('ResultText').display = 'none';
        
        document.getElementById('NavigationImg').innerHTML = '';
        //document.getElementById('ImageText').innerHTML = 'Victory is not a coincidence.';
        //document.getElementById('ImageText').innerHTML = ' &nbsp;';

    var TROTTET = '<table cellpadding=2 cellspacing=2 width=100% style=\"color:white; margin-bottom: 25px;\"><tr><td>Vallelunga</td><td align=right>#5</td></tr><tr><td>Valence</td><td align=right>#4</td></tr><tr><td>Spa</td><td align=right>#1</td></tr><tr><td>Estoril</td><td align=right>#2</td></tr><tr><td>Valence-city</td><td align=right>#1</td></tr><tr><td>Magny-Cours</td><td align=right>#1</td></tr><tr><td>Monza</td><td align=right>#2</td></tr><tr><td>Barcelona</td><td align=right>#2 and 3</td></tr></table>';
    var PHOENIX = '<table cellpadding=2 cellspacing=2 width=100% style=\"color:white;margin-bottom: 25px;\"><tr><td>Adria</td><td align=right>#1 and 3</td></tr><tr><td>Bucarest (sat)</td><td align=right>#1 and 2</td></tr><tr><td>Bucarest (sun)</td><td align=right>#1</td></tr><tr><td>Brno</td><td align=right>#2</td></tr><tr><td>Oschersleben</td><td align=right>#3</td></tr><tr><td>Nogaro</td><td align=right>#2 and 3</td></tr><tr><td>Zolder</td><td align=right>#2</td></tr><tr><td>San Luis</td><td align=right>#2</td></tr></table>';
   
    var lstrTemp = '';
    var lintFirstpic = -1;
    
    for (var lintCompteur = 0; lintCompteur < garrPics.length; lintCompteur++)
    {
        if (garrPics[lintCompteur].ID.split('-')[0]==CategoryID)
        {
            lstrTemp = lstrTemp;
            
            document.getElementById('NavigationImg').innerHTML = lstrTemp;
            if (lintFirstpic==-1){lintFirstpic=lintCompteur}
        }
    }
    
        if(CategoryID == "J"){
        document.getElementById('ResultText').innerHTML = TROTTET;
        document.getElementById('ResultText').display = 'block';
        document.getElementById('ResultText').visible = 'visible';
        document.getElementById('ResultText').color = '#ffffff';
        DisplayImage(garrPics[lintFirstpic]);
        //DisplayRsl(garrPics[lintFirstpic]);
    }
        else if(CategoryID == "K"){
        document.getElementById('ResultText').innerHTML = PHOENIX;
        document.getElementById('ResultText').display = 'block';
        document.getElementById('ResultText').visible = 'visible';
        document.getElementById('ResultText').color = '#ffffff';
        DisplayImage(garrPics[lintFirstpic]);
        //DisplayRsl(garrPics[lintFirstpic]);
    }
    else{
            document.getElementById('MainImage').display = 'none';
            document.getElementById('MainImage').visibility = 'hidden';
            document.getElementById('ImageText').innerHTML = myImage.Name+' &nbsp;';
    }            
        //DisplayRsl(garrPics[lintFirstpic]);
        DisplayImage(garrPics[lintFirstpic]);
}

function DisplayThumb(CategoryID)
{
    document.getElementById('ResultText').innerHTML = '';
    document.getElementById('ResultText').display = 'none';

    document.getElementById('NavigationImg').innerHTML = '';
    document.getElementById('ImageText').innerHTML = 'ACM SPONSOR - FIA GT1 - 2008';
    //document.getElementById('ImageText').innerHTML = ' &nbsp;';
    
    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)
{      if (document.getElementById('ShowRsl').className == 'ShowRslDisplay'){
           document.getElementById('ShowRsl').className = 'ShowRslHide';
       }else{
           document.getElementById('ShowRsl').className == 'ShowRslDisplay';
       }  
       document.getElementById('MainImage').className = 'MainImageDisplay';
       document.getElementById('MainImage').src = 'images/'+myImage.FolderPath+'/'+myImage.ImagePath;
       document.getElementById('ImageText').innerHTML = myImage.Name+' &nbsp;';
}

function DisplayRsl(myImage)
{ 
       if (document.getElementById('MainImage').className == 'MainImageDisplay'){
           document.getElementById('MainImage').className = 'MainImageHide';
       }else{
                   document.getElementById('MainImage').className == 'MainImageDisplay';
               }
       document.getElementById('ShowRsl').className = 'ShowRslDisplay';
       document.getElementById('ShowRsl').innerHTML = myImage +' &nbsp;';
}

function DisplayShow()
{
    myImage= '<object type=application/x-shockwave-flash data=dewslider.swf?xml=dewslider.xml width=500 height=300><param name=movie wmode=transparent value=dewslider.swf?xml=dewslider.xml /></object>';
    document.getElementById('ShowRsl').innerHTML = myImage +' &nbsp;';
    document.getElementById('ImageText').innerHTML = '<div style=margin-top: 25px;><img src=images/result-2008/victory.jpg /></div>';
    document.getElementById('NavigationImg').innerHTML = '';
    DisplayRsl(myImage);
}