$(document).ready(function(){
    $('#IntroCache').css('display','block');
    $('#conteneurIntroGlobal').css('display','block');
});






$(window).load(function() {
    
    $('#titre1').animate({'opacity':1},1000, function(){
            $('#titre2').animate({'opacity':1},1000, function(){
                $('#titre1').animate({'opacity':0, 'letterSpacing':'2px'},1000, function(){
                    $('#titre2').animate({'opacity':0, 'letterSpacing':'2px'},1000, function(){
                        $('#directstreamsLogo2').animate({'opacity':0.2},2000);
                        $('#directstreamsLogo').animate({'opacity':0.2},2000, function(){
                            
                            $('#directstreamsLogo2').animate({'opacity':1},1000);
                            $('#directstreamsLogo').animate({'opacity':1},1000, function(){
                            
                            $('#D').animate({'opacity':0},1500);
                            $('#i').animate({'opacity':0},1500);
                            $('#point').animate({'opacity':0},1500);
                            $('#r1').animate({'opacity':0},1500);
                            $('#e1').animate({'opacity':0},1500);
                            $('#c').animate({'opacity':0},1500);
                            $('#t1').animate({'opacity':0},1500);
                            $('#S1').animate({'opacity':0},1500);
                            $('#t2').animate({'opacity':0},1500);
                            $('#r2').animate({'opacity':0},1500);
                            $('#e2').animate({'opacity':0},1500);
                            $('#a').animate({'opacity':0},1500);
                            $('#m').animate({'opacity':0},1500);
                            $('#s2').animate({'opacity':0},1500);
                            $('#Dbis').animate({'opacity':0},1500);
                            $('#ibis').animate({'opacity':0},1500);
                            $('#pointbis').animate({'opacity':0},1500);
                            $('#r1bis').animate({'opacity':0},1500);
                            $('#e1bis').animate({'opacity':0},1500);
                            $('#cbis').animate({'opacity':0},1500);
                            $('#t1bis').animate({'opacity':0},1500);
                            $('#S1bis').animate({'opacity':0},1500);
                            $('#t2bis').animate({'opacity':0},1500);
                            $('#r2bis').animate({'opacity':0},1500);
                            $('#e2bis').animate({'opacity':0},1500);
                            $('#abis').animate({'opacity':0},1500);
                            $('#mbis').animate({'opacity':0},1500);
                            $('#s2bis').animate({'opacity':0},1500);
                        });
                        });
                        
                        $('#D').animate({'left':'201px'},2000);
                        $('#i').animate({'left':'253px'},2000);
                        $('#point').animate({'left':'253px'},2000);
                        $('#r1').animate({'left':'282px'},2000);
                        $('#e1').animate({'left':'314px'},2000);
                        $('#c').animate({'left':'360px'},2000);
                        $('#t1').animate({'left':'401px'},2000);
                        $('#S1').animate({'left':'423px'},2000);
                        $('#t2').animate({'left':'488px'},2000);
                        $('#r2').animate({'left':'510px'},2000);
                        $('#e2').animate({'left':'551px'},2000);
                        $('#a').animate({'left':'597px'},2000);
                        $('#m').animate({'left':'649px'},2000);
                        $('#s2').animate({'left':'719px'},2000);
                        $('#Dbis').animate({'left':'201px'},2000);
                        $('#ibis').animate({'left':'253px'},2000);
                        $('#pointbis').animate({'left':'253px'},2000);
                        $('#r1bis').animate({'left':'282px'},2000);
                        $('#e1bis').animate({'left':'314px'},2000);
                        $('#cbis').animate({'left':'360px'},2000);
                        $('#t1bis').animate({'left':'401px'},2000);
                        $('#S1bis').animate({'left':'423px'},2000);
                        $('#t2bis').animate({'left':'488px'},2000);
                        $('#r2bis').animate({'left':'510px'},2000);
                        $('#e2bis').animate({'left':'551px'},2000);
                        $('#abis').animate({'left':'597px'},2000);
                        $('#mbis').animate({'left':'649px'},2000);
                        $('#s2bis').animate({'left':'719px'},2000);
                    });
                });
            });
        });
    
    var fadeDsLogo = function(){
            //$('#DsLogo').animate({'width':'478px', 'height':'390px', 'left':'251px'},1000);
            $('#DsLogo').animate({'opacity':0.1, 'width':'478px', 'height':'390px', 'left':'251px', 'top':'-70px'},300, function(){
                
                $('#DsLogo').animate({'opacity':1},1000, function(){
                    $('#DsLogoGlow').animate({'opacity':1},600, function(){
                        $('#DsLogoGlow').animate({'opacity':0},600, function(){
                            $('#directstreamsLogo').fadeOut(1000, function(){
                                $('#conteneurIntroGlobal').fadeOut(100);
                                $('#conteneurIntro').fadeOut(100);
                                $('#IntroCache').fadeOut(1500);
                            });
                        });
                    });
                });
            });
            
    }
    
    var zoomDsLogo = function(){
        $('#DsLogo').animate({'width':'478px', 'height':'390px', 'left':'251px'},1000);
        
    }
    
    
    setTimeout(fadeDsLogo, 8200);
    //setTimeout(zoomDsLogo, 10000);
    
	     
});