jQuery(function($) { var timer; function right_text(event) { $("#support-header").css("visibility","visible"); $("#support-header").css("opacity","1"); $("#text-right1").css("visibility","visible"); $("#text-right1").css("opacity","-1"); $("#text-right2").css("visibility","visible"); $("#text-right2").css("opacity","-1"); $("#text-right3").css("visibility","visible"); $("#text-right3").css("opacity","-1"); $("#text-right4").css("visibility","visible"); $("#text-right4").css("opacity","-1"); clearTimeout(timer); timer = setTimeout(eval("caption_0"),"1000"); $("#support-header").animate({"top":420,"left":656},0, "easeOutQuad", null); $("#text-right1").animate({"top":100,"left":645},0, "easeOutQuad", null); $("#text-right1").animate({"opacity":1,"left":605,"opacity":1},1500, "easeOutQuad", null); $("#text-right2").animate({"top":155,"left":675},0, "easeOutQuad", null); $("#text-right2").animate({"opacity":1,"left":655,"opacity":1},2000, "easeOutQuad", null); $("#text-right3").animate({"top":193,"left":685},0, "easeOutQuad", null); $("#text-right3").animate({"opacity":1,"left":655,"opacity":1},2500, "easeOutQuad", null); $("#text-right4").animate({"top":230,"left":695},0, "easeOutQuad", null); $("#text-right4").animate({"opacity":1,"left":655,"opacity":1},3000, "easeOutQuad", null); } function caption_0(event) { $(".slide").css("visibility","hidden"); $("#image1").css("visibility","visible"); $("#image1").css("opacity","0"); $("#caption-bg").css("visibility","visible"); $("#caption-bg").css("opacity","-5"); $("#caption1").css("visibility","visible"); $("#caption1").css("opacity","-5"); $("#caption1-2").css("visibility","visible"); $("#caption1-2").css("opacity","-5"); clearTimeout(timer); timer = setTimeout(eval("caption_2"),"8000"); $("#image1").css("top","0"); $("#image1").animate({"opacity":1,"top":0,"left":0},3000, "easeOutQuad", null); $("#caption-bg").animate({"top":350,"left":20},0, "easeOutQuad", null); $("#caption-bg").animate({"opacity":1,"left":20,"opacity":1},2500, "easeOutQuad", null); $("#caption1").animate({"top":355,"left":20},0, "easeOutQuad", null); $("#caption1").animate({"opacity":1,"left":30,"opacity":1},2500, "easeOutQuad", null); $("#caption1-2").animate({"top":380,"left":20},0, "easeOutQuad", null); $("#caption1-2").animate({"opacity":1,"left":30,"opacity":1},2500, "easeOutQuad", null); } function caption_1(event) { $(".slide").css("visibility","hidden"); $("#image1").css("visibility","visible"); $("#image1").css("opacity","0"); $("#caption-bg").css("visibility","visible"); $("#caption-bg").css("opacity","-1"); $("#caption1").css("visibility","visible"); $("#caption1").css("opacity","-1"); $("#caption1-2").css("visibility","visible"); $("#caption1-2").css("opacity","-1"); clearTimeout(timer); timer = setTimeout(eval("caption_2"),"8000"); $("#image1").css("top","0"); $("#image1").animate({"opacity":1,"top":0,"left":0},3000, "easeOutQuad", null); $("#caption-bg").animate({"top":350,"left":10},0, "easeOutQuad", null); $("#caption-bg").animate({"opacity":1,"left":20,"opacity":1},2500, "easeOutQuad", null); $("#caption1").animate({"top":355,"left":20},0, "easeOutQuad", null); $("#caption1").animate({"opacity":1,"left":30,"opacity":1},2500, "easeOutQuad", null); $("#caption1-2").animate({"top":380,"left":20},0, "easeOutQuad", null); $("#caption1-2").animate({"opacity":1,"left":30,"opacity":1},2500, "easeOutQuad", null); } function caption_2(event) { $(".slide").css("visibility","hidden"); $("#image2").css("visibility","visible"); $("#image2").css("opacity","0"); $("#caption-bg").css("visibility","visible"); $("#caption-bg").css("opacity","-1"); $("#caption2").css("visibility","visible"); $("#caption2").css("opacity","-1"); $("#caption2-2").css("visibility","visible"); $("#caption2-2").css("opacity","-1"); $("#caption2-3").css("visibility","visible"); $("#caption2-3").css("opacity","-1"); clearTimeout(timer); timer = setTimeout(eval("caption_3"),"8000"); $("#image2").css("top","0"); $("#image2").animate({"opacity":1,"top":0,"left":0},3000, "easeOutQuad", null); $("#caption-bg").animate({"top":350,"left":10},0, "easeOutQuad", null); $("#caption-bg").animate({"opacity":1,"left":20,"opacity":1},2500, "easeOutQuad", null); $("#caption2").animate({"top":355,"left":20},0, "easeOutQuad", null); $("#caption2").animate({"opacity":1,"left":30,"opacity":1},2500, "easeOutQuad", null); $("#caption2-2").animate({"top":359,"left":240},0, "easeOutQuad", null); $("#caption2-2").animate({"opacity":1,"left":250,"opacity":1},2500, "easeOutQuad", null); $("#caption2-3").animate({"top":380,"left":20},0, "easeOutQuad", null); $("#caption2-3").animate({"opacity":1,"left":30,"opacity":1},2500, "easeOutQuad", null); } function caption_3(event) { $(".slide").css("visibility","hidden"); $("#image3").css("visibility","visible"); $("#image3").css("opacity","0"); $("#caption-bg").css("visibility","visible"); $("#caption-bg").css("opacity","-1"); $("#caption3").css("visibility","visible"); $("#caption3").css("opacity","-1"); $("#caption3-2").css("visibility","visible"); $("#caption3-2").css("opacity","-1"); clearTimeout(timer); timer = setTimeout(eval("caption_4"),"8000"); $("#image3").css("top","0"); $("#image3").animate({"opacity":1,"top":0,"left":0},3000, "easeOutQuad", null); $("#caption-bg").animate({"top":350,"left":10},0, "easeOutQuad", null); $("#caption-bg").animate({"opacity":1,"left":20,"opacity":1},2500, "easeOutQuad", null); $("#caption3").animate({"top":355,"left":20},0, "easeOutQuad", null); $("#caption3").animate({"opacity":1,"left":30,"opacity":1},2500, "easeOutQuad", null); $("#caption3-2").animate({"top":380,"left":20},0, "easeOutQuad", null); $("#caption3-2").animate({"opacity":1,"left":30,"opacity":1},2500, "easeOutQuad", null); } function caption_4(event) { $(".slide").css("visibility","hidden"); $("#image4").css("visibility","visible"); $("#image4").css("opacity","0"); $("#caption-bg").css("visibility","visible"); $("#caption-bg").css("opacity","-1"); $("#caption4").css("visibility","visible"); $("#caption4").css("opacity","-1"); $("#caption4-2").css("visibility","visible"); $("#caption4-2").css("opacity","-1"); clearTimeout(timer); timer = setTimeout(eval("caption_1"),"8000"); $("#image4").css("top","0"); $("#image4").animate({"opacity":1,"top":0,"left":0},3000, "easeOutQuad", null); $("#caption-bg").animate({"top":350,"left":10},0, "easeOutQuad", null); $("#caption-bg").animate({"opacity":1,"left":20,"opacity":1},2500, "easeOutQuad", null); $("#caption4").animate({"top":355,"left":20},0, "easeOutQuad", null); $("#caption4").animate({"opacity":1,"left":30,"opacity":1},2500, "easeOutQuad", null); $("#caption4-2").animate({"top":380,"left":20},0, "easeOutQuad", null); $("#caption4-2").animate({"opacity":1,"left":30,"opacity":1},2500, "easeOutQuad", null); } function OnLoad(event) { clearTimeout(timer); timer = setTimeout(eval("right_text"),"10"); } OnLoad(); });