// programmation.jpg
var pics=new Array("programmation.jpg");

var fadeOut=100;    // fade-out time
var fadeIn=250;     // fade-in time
var showTime=3500;  // picture display time

preLoadImages(pics);
init();

// ---------------------------------------------------------------------------------------------------------------

var pos=0;
var prevpos=0;

function preLoadImages(picsArray) {
    totimg=0;
    imgloaded=0;
    $('#pic_loading').show();
    $('#pics').hide();
    for (i=0;i<picsArray.length;i++) {
        filename=picsArray[i];
      extension=filename.substring(filename.lastIndexOf('.')+1,filename.length);
      if (extension!='flv')
      {
          totimg++;
          var cacheImage = new Image();
          cacheImage.src = '/js/../img/pages/102/pics/'+filename;
          $(cacheImage).load(function(){$('#pics').show();imgloaded++;if(imgloaded>=totimg)$('#pic_loading').hide();});
      }
    }
}

function init()
{
    interval=setInterval ( "picNext()", showTime );
    if (pics.length>0)
    {
        //setInterval ( "picRnd()", showTime ); // display random pic
        picShow();
        if (pics.length>1) $('#navigator').show();
    }
}

function picShow()
{
    if (!pos) pos=0;
    $('#nav_pos').html(pos+1);
    $('#nav_pic').animate({opacity:0.5}, fadeOut, function() {
        filename=pics[pos];
        extension=filename.substring(filename.lastIndexOf('.')+1,filename.length);
        $('#nav_tot').html(pics.length);
        if (extension!='flv')
        {
            $('#nav_pic').empty();
            $('#nav_pic').append('<img src="/js/../img/pages/102/pics/'+pics[pos]+'" width="753" height="300" />');
            //console.debug('<img src="/js/../img/pages/102/pics/'+pics[pos]+'" width="753" height="300" />');
            $('#nav_pic').animate({opacity:1.0}, fadeIn);
        } else
        {
            displayVideo('/js', 102, filename);
            clearInterval(interval);
            $('#nav_pic').animate({opacity:1.0}, fadeIn);
        }
    });
}

function picPlay()
{
    picNext();
    interval=setInterval ( "picNext()", showTime );
}

function picNext(stopauto)
{
    //if ($('#pic_loading').is('visible')) return;
    if (stopauto) clearInterval(interval);
    if (pos<pics.length-1)
    {
        pos++;
        if (pos>0) {
            $('#picprev').css('visibility','visible');
        } else {
            $('#picprev').css('visibility','hidden')
        }
        if (pos<pics.length-1) {
            $('#picnext').css('visibility','visible');
        } else {
            $('#picnext').css('visibility','hidden');
        }
    } else {
        //pos=0;
        clearInterval(interval);
    }
    if (pos!=prevpos) picShow();
    prevpos=pos;
}

function picPrev(stopauto)
{
    if (stopauto) clearInterval(interval);
    if (pos>0)
    {
        pos--;
        if (pos>0) {
            $('#picprev').css('visibility','visible');
        } else {
            $('#picprev').css('visibility','hidden')
        }
        if (pos<pics.length-1) {
            $('#picnext').css('visibility','visible');
        } else {
            $('#picnext').css('visibility','hidden');
        }
    } else {
        //pos=pics.length-1;
    }
    if (pos!=prevpos) picShow();
    prevpos=pos;
}

function picRnd()
{
    pos=Math.floor(Math.random()*pics.length);
    if (pos!=prevpos) picShow();
    prevpos=pos;
}