//myCrossInit(1);

var TO1;
function myCrossInit(id){
      var img = $j('<img />').load(function(){
        $j('#myCrossFader').append($j(this));        
        $j(this).attr("id","imglink"+id);
                
        $j(this).mouseover(function() {
            clearTimeout(TO1);                          
        });
        $j(this).mouseout(function() {
            autoAnimae("link"+id);                    
        });
        
        $j(this).click(function() {
            var fenetre = $j("#link"+id+" a").attr("target");
            var redirection = $j("#link"+id+" a").attr("href");
            
            if(fenetre=="_blank") {              
              window.open(redirection);
            } else {
              document.location = redirection;
            }         
                                   
        });
        
        if(id==1){
            animae("link"+id,'init');                
        }
        if(id<9){
            //alert('load::'+id);
            myCrossInit(id+1);
           
        } else {
            autoAnimae("link1"); 			
        }
    		 
          	
    		
    });
    if(id!=9){
    	img.attr('src', 'http://www.faleria.info/2012/image/link'+id+'.jpg?'+LOAD_VERSION_IMG);  
    	colorsFader(id);
	}
    
}

function animEngine(id) {     	
    var k = 1;
    $j("#myCrossFader img").each(function() {
        if(id != "link"+k){
            $j("#imglink"+k).fadeOut('fast');
            $j("#link"+k+" a").animate({
            marginLeft: "0"
            }, 1 );
        }        
        k++;
    });  
    $j("#"+id+" a").animate({
        marginLeft: "10px"
    }, 1 );
    $j("#img"+id).fadeIn('fast');
}

function animae(id,from){
    
    if(from=="roll"){
        if($j("#"+id+" a").css("margin-left")=="0px"){    
            animEngine(id);
        }
    } else {
        animEngine(id);
    }
    
    if(from=="roll"){
        clearTimeout(TO1);
    } else {
        autoAnimae(id);
    }     
}

function autoAnimae(id){
    var imgLength = $j("#myCrossFader img").length;
    var justId = parseInt(id.substr(4,1))+1;
    if(justId == 9){
        justId = 1;
    }
      
    TO1 = setTimeout("animae('link"+justId+"','auto')",3500);
    
    var nameOfClass = $j("#"+id).attr("class");
    var cCodeColor = nameOfClass.substring(2,8);        
    $j("#myCrossFader").css("background-color","#"+cCodeColor); 
    $j("#"+id).css("background-color","#"+cCodeColor);           
    $j("#"+id).children().css("border","1px solid #"+cCodeColor);
    
    
    
    $j("#myCrossFader li").each(function(i){
       var mId = $j(this).attr("id");
       var currentId = $j("#"+id).attr("id");          
        if(mId != currentId){
          $j(this).css("background-color","#D0D0D0");
          $j(this).children().css("border","1px solid #D0D0D0");
        }                     
    });
    
    //autoAnimae(justId+1);
    
}

function isNumerique(chaine) {
    var exp=new RegExp("^[0-9]*$","g");
    return exp.test(chaine);
}
    
function colorsFader(id) {
  $j('#link'+id).bind('mouseover', function() {
        var nameOfClass = $j(this).attr("class");
        var cCodeColor = nameOfClass.substring(2,8);        
        $j("#myCrossFader").css("background-color","#"+cCodeColor);    
        $j(this).css("background-color","#"+cCodeColor);
        $j(this).children().css("border","1px solid #"+cCodeColor);
        
       $j("#myCrossFader li").each(function(i){
          var mId = $j(this).attr("id");
          var currentId = $j("#link"+id).attr("id");  
          $j(this).css("font-color","#D0D0D0");        
          if(mId != currentId){
            $j(this).css("background-color","#D0D0D0");
            $j(this).children().css("border","1px solid #D0D0D0");
          }                     
      });
        
        
  });
 
}