function animateIntro() { var tmp = 100; $('#riqTopQ1').css('visibility','hidden'); $('#riqTopQ2').css('visibility','hidden'); $('#riqTopQ3').css('visibility','hidden'); $('#riqTopQ4').css('visibility','hidden'); $('#logo1').css('visibility','hidden'); $('#logo2').css('visibility','hidden'); $('#logo3').css('visibility','hidden'); $('#logo1').css('top','5px'); $('#logo1').css('left','5px'); $('#logo2').css('top','-60px'); $('#logo3').css('bottom','-160px'); $('#logo3').css('right','-160px'); setTimeout( function(){ $('#riqTopQ1').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0}); }, tmp); tmp = tmp+500; setTimeout( function(){ $('#riqTopQ2').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0}); }, tmp); tmp = tmp+500; setTimeout( function(){ $('#riqTopQ3').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0}); }, tmp); tmp = tmp+500; setTimeout( function(){ $('#riqTopQ4').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0}); }, tmp); tmp = tmp+500; setTimeout( function(){ $('#logo1').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});; $('#logo1').animate({top:25,left:25}); }, tmp); tmp = tmp+500; setTimeout( function(){ $('#logo2').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0}); $('#logo2').animate({top:30}); $('#logo2').animate({top:50}); }, tmp); tmp = tmp+500; setTimeout( function(){ $('#logo3').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0}); $('#logo3').animate({bottom:-5,right:-5}); $('#logo3').animate({bottom:-1,right:-1}); }, tmp); tmp = tmp+1500; setTimeout( function(){ $('#riqTopQ4').animate({opacity: 0.1}); $('#riqTopQ4').animate({opacity: 1.0}); }, tmp); tmp = tmp+1000; if ($('#riqEmoz').length) { setTimeout( function(){ setEmoz(); }, tmp); tmp = tmp+500; } } function setEmoz() { var effect1 = {name: 'myEffect1', top: true, move: true, duration: 2000}; var effect2 = {name: 'myEffect2', right: true, move: true, duration: 400}; var effect3 = {name: 'myEffect3', bottom: true, move: true, duration: 400}; var effect4 = {name: 'myEffect4', left: true, move: true, duration: 400}; var effect5 = {name: 'myEffect5', rows: 3, cols: 9, delay: 50, duration: 100, order: 'random', fade: true}; var effect6 = {name: 'myEffect6', rows: 2, cols: 4, delay: 100, duration: 400, order: 'random', fade: true, chess: true}; var arEffects = [effect1,effect2,effect3,effect4,effect5,effect6,'blinds']; var demoSlider_3 = Sliderman.slider({container: 'SliderCont', width: 860, height: 350, effects: arEffects, display: {autoplay: 3000} }); } $(document).ready(function(){ var myBody = $( "" ); myBody.promise().done(function( arg1 ) { animateIntro(); }); });