jQuery(function($) { var timer; function imagen_1(event) { $('#a-prev').unbind('click'); $('#a-next').unbind('click'); $('#a-prev').bind('click', imagen_6); $('#a-next').bind('click', imagen_2); $(".slide").css("visibility","hidden"); $("#image1").css("visibility","visible"); $("#image1").css("opacity","0"); $("#text1").css("visibility","visible"); $("#text1").css("opacity","-1"); $("#text1-2").css("visibility","visible"); $("#text1-2").css("opacity","-1"); $("#text1-3").css("visibility","visible"); $("#text1-3").css("opacity","-1"); $("#text1-4").css("visibility","visible"); $("#text1-4").css("opacity","-1"); clearTimeout(timer); timer = setTimeout(eval("imagen_2"),"8000"); $("#image1").css("top","0"); $("#image1").animate({"opacity":1,"top":0,"left":-30},3000, "easeOutQuad", null); $("#text1").animate({"opacity":1,"top":45,"left":450},4000, "easeOutQuad", null); $("#text1-2").animate({"opacity":1,"top":135,"left":450},4000, "easeOutQuad", null); $("#text1-3").animate({"opacity":1,"top":203,"left":450},4000, "easeOutQuad", null); $("#text1-4").animate({"opacity":1,"top":235,"left":450},4000, "easeOutQuad", null); } function imagen_2(event) { $('#a-prev').unbind('click'); $('#a-next').unbind('click'); $('#a-prev').bind('click', imagen_1); $('#a-next').bind('click', imagen_3); $(".slide").css("visibility","hidden"); $("#image2").css("visibility","visible"); $("#text2").css("visibility","visible"); $("#text2").css("opacity","-1"); $("#text2-1").css("visibility","visible"); $("#text2-1").css("opacity","-1"); $("#text2-2").css("visibility","visible"); $("#text2-2").css("opacity","-1"); $("#image2").css("opacity","0"); clearTimeout(timer); timer = setTimeout(eval("imagen_3"),"8000"); $("#image2").css("top","-30"); $("#image2").css("left","0"); $("#image2").animate({"opacity":1,"top":-30,"left":0},3000, "easeOutQuad", null); $("#text2").animate({"opacity":1,"top":190,"left":25},4000, "easeOutQuad", null); $("#text2-1").animate({"opacity":1,"top":235,"left":25},4000, "easeOutQuad", null); $("#text2-2").animate({"opacity":1,"top":265,"left":25},4000, "easeOutQuad", null); } function imagen_3(event) { $('#a-prev').unbind('click'); $('#a-next').unbind('click'); $('#a-prev').bind('click', imagen_2); $('#a-next').bind('click', imagen_4); $(".slide").css("visibility","hidden"); $("#image3").css("visibility","visible"); $("#image3").css("opacity","0"); $("#text3").css("visibility","visible"); $("#text3").css("opacity","-1"); $("#text3-1").css("visibility","visible"); $("#text3-1").css("opacity","-1"); $("#text3-2").css("visibility","visible"); $("#text3-2").css("opacity","-1"); $("#text3-3").css("visibility","visible"); $("#text3-3").css("opacity","-1"); clearTimeout(timer); timer = setTimeout(eval("imagen_4"),"8000"); $("#image3").css("top","0"); $("#image3").animate({"opacity":1,"top":0,"left":-30},3000, "easeOutQuad", null); $("#text3").animate({"opacity":1,"top":85,"left":400},4000, "easeOutQuad", null); $("#text3-1").animate({"opacity":1,"top":120,"left":400},4000, "easeOutQuad", null); $("#text3-2").animate({"opacity":1,"top":165,"left":400},4000, "easeOutQuad", null); $("#text3-3").animate({"opacity":1,"top":220,"left":400},4000, "easeOutQuad", null); } function imagen_4(event) { $('#a-prev').unbind('click'); $('#a-next').unbind('click'); $('#a-prev').bind('click', imagen_3); $('#a-next').bind('click', imagen_5); $(".slide").css("visibility","hidden"); $("#image4").css("visibility","visible"); $("#image4").css("opacity","0"); $("#text4").css("visibility","visible"); $("#text4").css("opacity","-1"); $("#text4-2").css("visibility","visible"); $("#text4-2").css("opacity","-1"); $("#text4-3").css("visibility","visible"); $("#text4-3").css("opacity","-1"); $("#text4-4").css("visibility","visible"); $("#text4-4").css("opacity","-1"); clearTimeout(timer); timer = setTimeout(eval("imagen_5"),"8000"); $("#image4").css("top","-30"); $("#image4").css("left","0"); $("#image4").animate({"opacity":1,"top":-30,"left":0},3000, "easeOutQuad", null); $("#text4").animate({"opacity":1,"top":75,"left":470},4000, "easeOutQuad", null); $("#text4-2").animate({"opacity":1,"top":110,"left":463},4000, "easeOutQuad", null); $("#text4-3").animate({"opacity":1,"top":155,"left":470},4000, "easeOutQuad", null); $("#text4-4").animate({"opacity":1,"top":210,"left":470},4000, "easeOutQuad", null); } function imagen_5(event) { $('#a-prev').unbind('click'); $('#a-next').unbind('click'); $('#a-prev').bind('click', imagen_4); $('#a-next').bind('click', imagen_6); $(".slide").css("visibility","hidden"); $("#image5").css("visibility","visible"); $("#image5").css("opacity","0"); $("#text5").css("visibility","visible"); $("#text5").css("opacity","-1"); $("#text5-2").css("visibility","visible"); $("#text5-2").css("opacity","-1"); $("#text5-3").css("visibility","visible"); $("#text5-3").css("opacity","-1"); clearTimeout(timer); timer = setTimeout(eval("imagen_6"),"8000"); $("#image5").css("top","0"); $("#image5").css("left","30"); $("#image5").animate({"opacity":1,"top":0,"left":-30},3000, "easeOutQuad", null); $("#text5").animate({"opacity":1,"top":190,"left":305},4000, "easeOutQuad", null); $("#text5-2").animate({"opacity":1,"top":230,"left":305},4000, "easeOutQuad", null); $("#text5-3").animate({"opacity":1,"top":255,"left":305},4000, "easeOutQuad", null); } function imagen_6(event) { $('#a-prev').unbind('click'); $('#a-next').unbind('click'); $('#a-prev').bind('click', imagen_5); $('#a-next').bind('click', imagen_1); $(".slide").css("visibility","hidden"); $("#image6").css("visibility","visible"); $("#image6").css("opacity","0"); $("#imagebtn").css("visibility","visible"); $("#imagebtn").css("opacity","-1"); $("#text6").css("visibility","visible"); $("#text6").css("opacity","-1"); $("#text6-2").css("visibility","visible"); $("#text6-2").css("opacity","-1"); $("#text6-3").css("visibility","visible"); $("#text6-3").css("opacity","-1"); $("#text6-4").css("visibility","visible"); $("#text6-4").css("opacity","-1"); clearTimeout(timer); timer = setTimeout(eval("imagen_1"),"8000"); $("#image6").css("top","-30"); $("#image6").css("left","30"); $("#imagebtn").css("top","263"); $("#imagebtn").css("left","470"); $("#image6").animate({"opacity":1,"top":-30,"left":0},3000, "easeOutQuad", null); $("#text6").animate({"opacity":1,"top":150,"left":335},4000, "easeOutQuad", null); $("#text6-2").animate({"opacity":1,"top":190,"left":330},4000, "easeOutQuad", null); $("#text6-3").animate({"opacity":1,"top":238,"left":330},4000, "easeOutQuad", null); $("#text6-4").animate({"opacity":1,"top":272,"left":330},4000, "linear", null); $("#imagebtn").animate({"top":267,"left":470},0, "linear", null); $("#imagebtn").animate({"opacity":1},4000, "linear", null); } function OnLoad(event) { clearTimeout(timer); timer = setTimeout(eval("imagen_1"),"100"); } OnLoad(); });