$(document).ready(function() { function liloop() { $("#tb01 .tx1").animate({ "top": "-=90px" }, 800, 'swing'); $("#tb01 .tx2").delay(350).animate({ "top": "-=48px" }, 800, 'swing', function() { $('#tb01').delay(4000).fadeOut(800, function() { $("#tb02 .tx1").animate({ "top": "-=90px" }, 800, 'swing'); $("#tb02 .tx2").delay(350).animate({ "top": "-=48px" }, 800, 'swing', function() { $('#tb02').delay(4000).fadeOut(800, function() { $("#tb03 .tx1").animate({ "top": "-=98px" }, 800, 'swing'); $("#tb03 .tx2").delay(350).animate({ "top": "-=60px" }, 800, 'swing', function() { $('#tb03').delay(4000).fadeOut(800, function() { $("#tb04 .tx1").animate({ "top": "-=90px" }, 800, 'swing', function() { $('#tb04').delay(4000).fadeOut(800, function() { $("#tb05 .tx1").animate({ "top": "-=90px" }, 800, 'swing'); $("#tb05 .tx2").delay(350).animate({ "top": "-=48px" }, 800, 'swing', function() { $('#tb05').delay(4000).fadeOut(800, function() { $("#tb06 .tx1").animate({ "top": "-=90px" }, 800, 'swing', function() { $('#tb06').delay(4000).fadeOut(800, function() { $("#tb01 .tx1").attr("style", "top: 172px"); $("#tb01 .tx2").attr("style", "top: 172px"); $("#tb01").attr("style", "display: block"); $("#tb02 .tx1").attr("style", "top: 172px"); $("#tb02 .tx2").attr("style", "top: 172px"); $("#tb02").attr("style", "display: block"); $("#tb03 .tx1").attr("style", "top: 172px"); $("#tb03 .tx2").attr("style", "top: 172px"); $("#tb03").attr("style", "display: block"); $("#tb04 .tx1").attr("style", "top: 172px"); $("#tb04").attr("style", "display: block"); $("#tb05 .tx1").attr("style", "top: 172px"); $("#tb05 .tx2").attr("style", "top: 172px"); $("#tb05").attr("style", "display: block"); $("#tb06 .tx1").attr("style", "top: 172px"); $("#tb06").attr("style", "display: block"); }); }); }); }); }); }); }); }); }); }); }); }); $("#tb01 .tx1").everyTime(37000, function() { $("#tb01 .tx1").animate({ "top": "-=90px" }, 800, 'swing'); $("#tb01 .tx2").delay(350).animate({ "top": "-=48px" }, 800, 'swing', function() { $('#tb01').delay(4000).fadeOut(800, function() { $("#tb02 .tx1").animate({ "top": "-=90px" }, 800, 'swing'); $("#tb02 .tx2").delay(350).animate({ "top": "-=48px" }, 800, 'swing', function() { $('#tb02').delay(4000).fadeOut(800, function() { $("#tb03 .tx1").animate({ "top": "-=98px" }, 800, 'swing'); $("#tb03 .tx2").delay(350).animate({ "top": "-=60px" }, 800, 'swing', function() { $('#tb03').delay(4000).fadeOut(800, function() { $("#tb04 .tx1").animate({ "top": "-=90px" }, 800, 'swing', function() { $('#tb04').delay(4000).fadeOut(800, function() { $("#tb05 .tx1").animate({ "top": "-=90px" }, 800, 'swing'); $("#tb05 .tx2").delay(350).animate({ "top": "-=48px" }, 800, 'swing', function() { $('#tb05').delay(4000).fadeOut(800, function() { $("#tb06 .tx1").animate({ "top": "-=90px" }, 800, 'swing', function() { $('#tb06').delay(4000).fadeOut(800, function() { $("#tb01 .tx1").attr("style", "top: 172px"); $("#tb01 .tx2").attr("style", "top: 172px"); $("#tb01").attr("style", "display: block"); $("#tb02 .tx1").attr("style", "top: 172px"); $("#tb02 .tx2").attr("style", "top: 172px"); $("#tb02").attr("style", "display: block"); $("#tb03 .tx1").attr("style", "top: 172px"); $("#tb03 .tx2").attr("style", "top: 172px"); $("#tb03").attr("style", "display: block"); $("#tb04 .tx1").attr("style", "top: 172px"); $("#tb04").attr("style", "display: block"); $("#tb05 .tx1").attr("style", "top: 172px"); $("#tb05 .tx2").attr("style", "top: 172px"); $("#tb05").attr("style", "display: block"); $("#tb06 .tx1").attr("style", "top: 172px"); $("#tb06").attr("style", "display: block"); }); }); }); }); }); }); }); }); }); }); }); }); }); } function lights() { $('#lights').toggle('slow', liloop); } $('#frameOne').animate({opacity:0, height:'320px'},0); $('#frameOne').delay(1000).animate({opacity:1, height:'275px'}, 1000, lights); });