var controlsDisplay = "no"
var useTransitions = "yes"

var imagePath = "./club/albums/images"
var prevPath = imagePath + "/prev.gif" 
var nextPath = imagePath + "/next.gif" 
var playPath = imagePath + "/play.gif" 
var pausePath = imagePath + "/pause.gif" 
var stopPath = imagePath + "/stop.gif" 
var blankPath = imagePath + "/blank.gif" 
var path="./albums/Passage_de_grade_12_2007/";

var runSlidesFlag = 0
var iImage = 0
var Mode = "Controls"
var controlsEnabled = 1
var buttonsEnabled = 1
var fullscreen = (window.parent != window)
var timeoutid
var album_id;

var browserName=navigator.appName; 
var col_nbr=5;
var inline="inline";
if (browserName=="Netscape"){
	col_nbr=4;
	inline="block";
}

function loadedDoc(album_id)
{

	     //alert(browserName);

	     funct_album(album_id);
	     document.getElementById("menu_albums").style.display="none";
	     document.getElementById("table_album").style.display=inline;
	     
       slidemain.style.cursor = "pointer"; //afficher la main
       path=album[album_id]["path"];
       album_id=album_id;
       if (controlsDisplay)
       {
       	   // Contact = Miniatures
           var contactText = '<center><table style="overflow-y: auto;" border="0">';

           for (var i = 0 ; i < album[album_id]["cImage"] / col_nbr; i++)
           {
              contactText = contactText + "<tr>";
              for (var j = 0; j < col_nbr ; j++)
              {
                 var x = (i * col_nbr + j)
                 if (x < album[album_id]["cImage"])
                 {
                 	  img_src=path+album[album_id]["vThumb"][x];
                 	  contactText = contactText + '<td height="120px" width="120px"><img onclick="filmJump('+album_id+','+x+')" style="cursor:pointer; padding: 20px" src="'+img_src+'"></td>'
                 }
              }
              contactText = contactText + "</tr>"
           }
           contactText = contactText + "</table></center>"
           document.getElementById('contact').innerHTML = contactText;
			 }
       document.getElementById("forwButton").src=nextPath;
       document.getElementById('runButton').src=playPath;
       document.getElementById('prevButton').src=prevPath;
       Contact();
}


function Ticker(i)
{
    if (runSlidesFlag == 1 && Mode == "Slideshow") 
    {
        nextImage(i)
        timeoutid = setTimeout("Ticker("+i+")", 10000)
    }
}

/* 
 * Change la couleur du controle diaporama, pelicule et miniature.
 */
function ShowControls(x)
{
    if (controlsDisplay)
    {
        if (x=="Slideshow")
        {
           advcontrols1.style.color = "black"
           advcontrols3.style.color = display_bgcolor
        }
        else if (x=="Contact")
        {
        	 document.getElementById('advcontrols1').style.color = display_bgcolor
           //advcontrols1.style.color = "blue"
           document.getElementById('advcontrols3').style.color = "black"
           //advcontrols3.style.color = "red"
        }
    }
    else
    {
        advcontrols.style.visibility = "hidden"
    }
}

function ShowStopButton()
{
       //stopButton.width = 20;
       //stopButton.style.cursor = "hand"
       //stopButton.style.visibility = ""
}

function ShowButtons(f)
{
    //ShowStopButton();
     document.getElementById("forwButton").filters[0].Apply();
    //forwButton.filters[0].Apply();
     document.getElementById('runButton').filters[0].Apply();
    //runButton.filters[0].Apply();
     document.getElementById('prevButton').filters[0].Apply();
    //prevButton.filters[0].Apply();
    //stopButton.filters[0].Apply();
    if (f)   
    {
        buttonsEnabled = 1
        document.getElementById('forwButton').filters[0].transition = 3;
        runButton.filters[0].transition = 3;
        prevButton.filters[0].transition = 3;
        //stopButton.filters[0].transition = 3;
        document.getElementById('forwButton').src=nextPath
        runButton.src=playPath
        prevButton.src=prevPath
        //stopButton.src=stopPath
        document.getElementById('forwButton').style.cursor="pointer" //hand
        runButton.style.cursor="pointer" //"hand"
        prevButton.style.cursor="pointer" //"hand"
        //stopButton.style.cursor="hand"
    }
    else
    {
        buttonsEnabled = 0
        document.getElementById('forwButton').filters[0].transition = 2;
        //forwButton.filters[0].transition = 2;
        document.getElementById('runButton').filters[0].transition = 2;
        //runButton.filters[0].transition = 2;
        document.getElementById('prevButton').filters[0].transition = 2;
        //prevButton.filters[0].transition = 2;
        //stopButton.filters[0].transition = 2;
        document.getElementById('prevButton').src=blankPath
        //prevButton.src=blankPath
        document.getElementById('forwButton').src=blankPath
        //forwButton.src=blankPath
        document.getElementById('runButton').src=blankPath
        //runButton.src=blankPath
        //stopButton.src=blankPath
        document.getElementById('forwButton').style.cursor=""
        //forwButton.style.cursor=""
        document.getElementById('runButton').style.cursor=""
        //runButton.style.cursor=""
        document.getElementById('prevButton').style.cursor=""
        //prevButton.style.cursor=""
        //stopButton.style.cursor=""
    }
    document.getElementById('forwButton').filters[0].Play();
    //forwButton.filters[0].Play();
    document.getElementById('runButton').filters[0].Play();
    //runButton.filters[0].Play();
    document.getElementById('prevButton').filters[0].Play();
    //prevButton.filters[0].Play();
    //stopButton.filters[0].Play();
}

function get_text(album_id,iImage)
{
    var counter=iImage+1
		var rtv=album[album_id]["vtitle"]+' ('+counter+'/'+album[album_id]["cImage"]+')';
    if (album[album_id]["vtext"][iImage] != "")
    {
      rtv=rtv+": "+album[album_id]["vtext"][iImage];
    }
    
    return rtv;

}
function Slideshow(album_id,x)
{

    if (controlsEnabled)
    {

        ShowControls('Slideshow')
        Mode = "Slideshow"
        document.getElementById('controls').style.display = inline       //table de controle
        document.getElementById('slideshow').style.display = inline      //diaporama
        if (x == "launch")
        {
            //ShowStopButton()
        }
        else
        {
            ShowButtons(1)
        }
        contact.style.display = "none"
        //filmthumbs.style.display = "none"
         file_nm=album[album_id]["vImage"][iImage]

        description.innerText=get_text(album_id,iImage)
        description.style.display = inline
        slidemain.src = path+album[album_id]["vImage"][iImage]
        img_link.href="javascript:zoom_picture('"+slidemain.src+"')"       
        doResize(album_id)
    }
}

function Contact()  //miniatures
{
    if (controlsEnabled)
    {
        ShowControls("Contact")
        Mode = "Contact"
        runSlidesFlag = 0
        document.getElementById("controls").style.display = inline
        document.getElementById('contact').style.display = inline
        document.getElementById('slideshow').style.display = inline
        document.getElementById('description').style.display = "none"
        ShowButtons(0)                   //cacher les boutons
        document.getElementById('slideshow').style.display = "none"
    }
}

function zoom_picture(img_path)
{
	//alert(img_path)
    open(img_path,"Zoom",'width=800,height=600,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no')
}

// Transition des images du diaporoma
function changeImage(album_id,x,y)
{
    iImage = (iImage + album[album_id]["vImage"].length + x) % album[album_id]["vImage"].length
    if (y == "notrans" || useTransitions != "yes")
    {
        slidemain.src = path+album[album_id]["vImage"][iImage]
        description.innerText=get_text(album_id,iImage)
        img_link.href="javascript:zoom_picture('"+slidemain.src+"')"
        
    }
    else
    {
        slidemain.filters[0].Apply();
        slidemain.filters[0].transition = 1//17
        slidemain.src = path+album[album_id]["vImage"][iImage]
        
        description.innerText=get_text(album_id,iImage)
        description.style.display = ""
        slidemain.filters[0].Play();
    }
    doResize(album_id)
}

function prevImage(album_id,x)
{
    changeImage(album_id,-1,x)
}
function nextImage(album_id,x)
{
    changeImage(album_id,+1,x)
}

function slideClick()  //not used
{
   if (runSlidesFlag == 1)
   {
      runSlides()
   }
   nextImage("notrans")
}

function nextImageButton(i)      // action button suivant
{

    if (buttonsEnabled)
    {
        if (runSlidesFlag == 1)
        {
        		
           runSlides(i)
        }
        
        nextImage(i,"notrans")
    }
}

function runSlidesButton(i)      // action button départ
{
    if (buttonsEnabled)
    {
        if (runSlidesFlag == 0)
        {
	   nextImage(i)
        }
        runSlides(i)
    }
}

function prevImageButton(i)      // action button précedent
{
    if (buttonsEnabled)
    {
        if (runSlidesFlag == 1)
        {
           runSlides(i)
        }
        prevImage(i,"notrans")
    }
}

function exitButton()
{
    window.parent.close()
}

function runSlides(i)
{
	  
    runSlidesFlag = (runSlidesFlag + 1) % 2
    if (runSlidesFlag == 1)
    {
        runButton.src = pausePath
        timeoutid = setTimeout("Ticker("+i+")", 10000)
    }
    else
    {
        clearTimeout(timeoutid)
        runButton.src = playPath
    }
}

function filmSelect(i)
{
    iImage = i;
    for (var j = 0 ; j < cImage ; j++)
    {
        document.all["filmThumbCell"+j].style.border=""
    }
    document.all["filmThumbCell"+i].style.border="#00b 2px solid"
    doResize()
}

function filmJump(album_id,i)
{
    iImage = i;
    Slideshow(album_id,iImage)
}

function changeFilmImage(x)
{
    filmSelect((iImage + vImage.length + x) % vImage.length)
}

function prevFilmImage()
{
    changeFilmImage(-1)
}

function nextFilmImage()
{
    changeFilmImage(+1)
}

function contactSelect(i)
{
    iImage = i
    Slideshow(i)
    doResize()
}

document.onkeydown = keyDown

function keyDown()	
{
   if (27 == event.keyCode)
   {         
     if (fullscreen == 1)
     {
	exiteButton()
     }
   }
   else if (Mode != "Welcome")
   {
      if (37 == event.keyCode)   //flèche gauche
      {
         if (Mode == "Slideshow")
         {
            prevImageButton()
         }
         else if (Mode == "Film")
         {
             prevFilmImage()
         }
      }
      else if (39 == event.keyCode)  //flèche droite
      {
         if (Mode == "Slideshow")
         {
             nextImageButton()
         }
         else if (Mode == "Film")
         {
             nextFilmImage()
         }
      }
      else if (32 == event.keyCode)  //barre d'espace
      {
         if (Mode == "Slideshow")
         {
            runSlidesButton()
         }
         else
         {
            Slideshow(album_id)
         }
      }
   }
}

function doResize(album_id)
{
    var clientWidth = display_width; //(document.body.clientWidth - 220)
    var clientHeight = (document.body.clientHeight - document.all.controls.offsetHeight - 225)

    var cx = album[album_id]["cxImage"][iImage]
    var cy = album[album_id]["cyImage"][iImage]

    if (clientWidth < cx)
    {
        cy = cy * clientWidth / cx;
        cx = clientWidth
    }
    if (clientHeight < cy)
    {
        cx = cx * clientHeight / cy;
        cy = clientHeight
    }

        slidemain.width = cx;
        slidemain.height = cy;

}