/**
 * script qui fait l'animation de l'entete
 */
(function($) {
  $.fn.hylades_transition = function(options) {
    
      // définition des paramètres par défaut
        var defaults = {
            duration: 4000,
            transition: 800
        };   
        // mélange des paramètres fournis et des paramètres par défaut
        var opts = $.extend(defaults, options);   
        var nb_photo=0;
        var table=Array();
        var Posi=0;
        var line_1,line_2,ligne_1,ligne_0,pause,t_1,t_2,t_3;
        var obj_main=$(this);
        
        var i,j;
        pause=1;

        //1°) init
        init_hylades_transition();
        
        //2°) le
        t_1=3;
        setInterval(function(){
            if(t_1==3)
                animation_trans();
            
          },opts.duration);

        function animation_trans(){
            
            pause=0;
            Posi++;

                //alert(table[((Posi+2)%table.length)]);
                //colonne 1
                //alert((Posi+2)%table.length+'   '+table[((Posi+2)%table.length)]);
                t_1=0;
                t_2=0;
                t_3=0;
                line_1=(Posi)%table.length;
                line_2=(Posi+1)%table.length;
                ligne_0=(Posi-1)%2;
                ligne_1=(Posi)%2;
                
                //alert(line_0+' '+line_1);
                i=obj_main.find('#cell_'+ligne_0+'_0').css('height').split('px');
                i=i[0];
                obj_main.find('#cell_'+ligne_0+'_0').animate({top: '+='+i}, opts['transition'], function(){
                      obj_main.find('#cell_'+ligne_0+'_0').css({'background-image':'url(\''+table[line_2]+'\'','top':'0px','left':'0px','z-index':9,'display':'block'});
                      obj_main.find('#cell_'+ligne_1+'_0').css({'background-image':'url(\''+table[line_1]+'\'','top':'0px','left':'0px','z-index':10});
                      t_1++;
                      //;
                      
                });
                obj_main.find('#cell_'+ligne_0+'_1').delay(200).animate({top: '+='+i}, opts['transition'], function(){
                      obj_main.find('#cell_'+ligne_0+'_1').css({'background-image':'url(\''+table[line_2]+'\'','top':'0px','left':'258px','z-index':9,'display':'block'});
                      obj_main.find('#cell_'+ligne_1+'_1').css({'background-image':'url(\''+table[line_1]+'\'','top':'0px','left':'258px','z-index':10});
                      t_1++;
                  });
                  
                  obj_main.find('#cell_'+ligne_0+'_2').delay(400).animate({top: '+='+i}, opts['transition'], function(){
                      obj_main.find('#cell_'+ligne_0+'_2').css({'background-image':'url(\''+table[line_2]+'\'','top':'0px','left':'516px','z-index':9,'display':'block'});
                      obj_main.find('#cell_'+ligne_1+'_2').css({'background-image':'url(\''+table[line_1]+'\'','top':'0px','left':'516px','z-index':10});
                      t_1++;
                      //alert(t_1+' '+t_2+' '+t_3)
                  });
                  
                  //if((t_1==1)||(t_2==1)||(t_3==1)){
                      
                 // }
                  //alert(pause)
        }   
        function init_hylades_transition(){
            //compter le nombre d'image dans l'entete
            obj_main.find('img').each(function(){
                //
                table[nb_photo]=$(this).attr('src');
                nb_photo++;
            });
            
            if(table.length==1){
                table[nb_photo]=table[0];
                nb_photo++;
            }
            
            obj_main.html('');
            //construction de la bascule
            //6 div
            
            for(i=0;i<2;i++){
                for(j=0;j<3;j++){
                    obj_main.append('<div id="cell_'+i+'_'+j+'" class="roulette line_'+(i+1)+' colone_'+(j+1)+'" style="background-image:url(\''+table[i]+'\');" ></div>');
                }
            }
        }
        
        function animation_hylades_transition(){
            
            
            
        }
      
        
        // interface fluide
        return $(this);  
    }
 })(jQuery);