// $RCSfile: glimmer.js,v $ // $Source: /cvs/tristartweb/sites/default/themes/tristart/javascript/glimmer.js,v $, $Revision: 1.3 $, $Date: 2010/06/01 12:14:42 $, $State: Exp $ ////Microsoft.Glimmer.OneWay // jQuery(function($) { var timer; function button1_click(event) { $(".slide").css("visibility","hidden"); $("#image1").css("visibility","visible"); $("#image1").css("opacity","0"); $("#image1").animate({"opacity":1},300, "linear", null); $("ul.buttons li").removeClass("active"); $("#image1").animate({"opacity":1},300, "linear", null); $("#button1").addClass("active"); clearTimeout(timer); //button1_hover(); timer = setTimeout(eval("button2_click"),"5000"); $("#image1").animate({"opacity":1},300, "linear", null); } function button1_hover(event) { $(".slide").css("visibility","hidden"); $("#image1a").css("visibility","visible"); $("#image1a").css("opacity","0"); //$("#image1").animate({"opacity":1},300, "linear", null); //$("ul.buttons li").removeClass("active"); //$("#image1").animate({"opacity":1},300, "linear", null); // $("#button1").addClass("active"); clearTimeout(timer); $("#image1a").animate({"opacity":1},300, "linear", null); } function button2_click(event) { $(".slide").css("visibility","hidden"); $("#image2").css("visibility","visible"); $("#image2").css("opacity","0"); $("#image2").animate({"opacity":1},300, "linear", null); $("ul.buttons li").removeClass("active"); $("#image2").animate({"opacity":1},300, "linear", null); $("#button2").addClass("active"); clearTimeout(timer); //button2_hover(); timer = setTimeout(eval("button3_click"),"5000"); $("#image2").animate({"opacity":1},300, "linear", null); } function button2_hover(event) { $(".slide").css("visibility","hidden"); $("#image2a").css("visibility","visible"); $("#image2a").css("opacity","0"); //$("#image2").animate({"opacity":1},300, "linear", null); //$("ul.buttons li").removeClass("active"); //$("#image2").animate({"opacity":1},300, "linear", null); //$("#button2").addClass("active"); clearTimeout(timer); $("#image2a").animate({"opacity":1},300, "linear", null); } function button3_click(event) { $(".slide").css("visibility","hidden"); $("#image3").css("visibility","visible"); $("#image3").css("opacity","0"); $("#image3").animate({"opacity":1},300, "linear", null); $("ul.buttons li").removeClass("active"); $("#image3").animate({"opacity":1},300, "linear", null); $("#button3").addClass("active"); clearTimeout(timer); //button3_hover(); timer = setTimeout(eval("button4_click"),"5000"); $("#image3").animate({"opacity":1},300, "linear", null); } function button3_hover(event) { $(".slide").css("visibility","hidden"); $("#image3a").css("visibility","visible"); $("#image3a").css("opacity","0"); //$("#image3").animate({"opacity":1},300, "linear", null); //$("ul.buttons li").removeClass("active"); //$("#image3").animate({"opacity":1},300, "linear", null); //$("#button3").addClass("active"); clearTimeout(timer); $("#image3a").animate({"opacity":1},300, "linear", null); } function button4_click(event) { $(".slide").css("visibility","hidden"); $("#image4").css("visibility","visible"); $("#image4").css("opacity","0"); $("#image4").animate({"opacity":1},300, "linear", null); $("ul.buttons li").removeClass("active"); $("#image4").animate({"opacity":1},300, "linear", null); $("#button4").addClass("active"); clearTimeout(timer); //button4_hover(); timer = setTimeout(eval("button5_click"),"5000"); $("#image4").animate({"opacity":1},300, "linear", null); } function button4_hover(event) { $(".slide").css("visibility","hidden"); $("#image4a").css("visibility","visible"); $("#image4a").css("opacity","0"); //$("#image4").animate({"opacity":1},300, "linear", null); //$("ul.buttons li").removeClass("active"); //$("#image4").animate({"opacity":1},300, "linear", null); //$("#button4").addClass("active"); clearTimeout(timer); $("#image4a").animate({"opacity":1},300, "linear", null); } function button5_click(event) { $(".slide").css("visibility","hidden"); $("#image5").css("visibility","visible"); $("#image5").css("opacity","0"); $("#image5").animate({"opacity":1},300, "linear", null); $("ul.buttons li").removeClass("active"); $("#image5").animate({"opacity":1},300, "linear", null); $("#button5").addClass("active"); clearTimeout(timer); //button5_hover(); timer = setTimeout(eval("button6_click"),"5000"); $("#image5").animate({"opacity":1},300, "linear", null); } function button5_hover(event) { $(".slide").css("visibility","hidden"); $("#image5a").css("visibility","visible"); $("#image5a").css("opacity","0"); //$("#image5").animate({"opacity":1},300, "linear", null); //$("ul.buttons li").removeClass("active"); //$("#image5").animate({"opacity":1},300, "linear", null); //$("#button5").addClass("active"); clearTimeout(timer); $("#image5a").animate({"opacity":1},300, "linear", null); } function button6_click(event) { $(".slide").css("visibility","hidden"); $("#image6").css("visibility","visible"); $("#image6").css("opacity","0"); $("#image6").animate({"opacity":1},300, "linear", null); $("ul.buttons li").removeClass("active"); $("#image6").animate({"opacity":1},300, "linear", null); $("#button6").addClass("active"); clearTimeout(timer); //button6_hover(); timer = setTimeout(eval("button7_click"),"5000"); $("#image6").animate({"opacity":1},300, "linear", null); } function button6_hover(event) { $(".slide").css("visibility","hidden"); $("#image6a").css("visibility","visible"); $("#image6a").css("opacity","0"); //$("#image6").animate({"opacity":1},300, "linear", null); //$("ul.buttons li").removeClass("active"); //$("#image6").animate({"opacity":1},300, "linear", null); //$("#button6").addClass("active"); clearTimeout(timer); $("#image6a").animate({"opacity":1},300, "linear", null); } function button7_click(event) { $(".slide").css("visibility","hidden"); $("#image7").css("visibility","visible"); $("#image7").css("opacity","0"); $("#image7").animate({"opacity":1},300, "linear", null); $("ul.buttons li").removeClass("active"); $("#image7").animate({"opacity":1},300, "linear", null); $("#button7").addClass("active"); clearTimeout(timer); //button7_hover(); timer = setTimeout(eval("button1_click"),"5000"); $("#image7").animate({"opacity":1},300, "linear", null); } function button7_hover(event) { $(".slide").css("visibility","hidden"); $("#image7a").css("visibility","visible"); $("#image7a").css("opacity","0"); //$("#image7").animate({"opacity":1},300, "linear", null); //$("ul.buttons li").removeClass("active"); //$("#image7").animate({"opacity":1},300, "linear", null); //$("#button7").addClass("active"); clearTimeout(timer); $("#image7a").animate({"opacity":1},300, "linear", null); } //function button8_click(event) //{ // /*$(".slide").css("visibility","hidden"); // $("#image8").css("visibility","visible"); // $("#image8").css("opacity","0"); // $("#image8").animate({"opacity":1},300, "linear", null); // $("ul.buttons li").removeClass("active"); // $("#image8").animate({"opacity":1},300, "linear", null); // $("#button8").addClass("active"); // clearTimeout(timer);*/ // button8_hover(); // timer = setTimeout(eval("button1_click"),"5000"); // //$("#image8").animate({"opacity":1},300, "linear", null); //} // function button8_hover(event) // { // $(".slide").css("visibility","hidden"); // $("#image8").css("visibility","visible"); // $("#image8").css("opacity","0"); // //$("#image8").animate({"opacity":1},300, "linear", null); // //$("ul.buttons li").removeClass("active"); // //$("#image8").animate({"opacity":1},300, "linear", null); // //$("#button8").addClass("active"); // clearTimeout(timer); // $("#image8").animate({"opacity":1},300, "linear", null); //} function OnLoad(event) { clearTimeout(timer); timer = setTimeout(eval("button2_click"),"5000"); } /*$('#button1').bind('click', button1_click); $('#button2').bind('click', button2_click); $('#button3').bind('click', button3_click); $('#button4').bind('click', button4_click); $('#button5').bind('click', button5_click); $('#button6').bind('click', button6_click); $('#button7').bind('click', button7_click); $('#button8').bind('click', button8_click);*/ $('#button1').bind('mouseover', button1_hover); $('#button2').bind('mouseover', button2_hover); $('#button3').bind('mouseover', button3_hover); $('#button4').bind('mouseover', button4_hover); $('#button5').bind('mouseover', button5_hover); $('#button6').bind('mouseover', button6_hover); $('#button7').bind('mouseover', button7_hover); // $('#button8').bind('mouseover', button8_hover); $('#button1').bind('mouseout', button1_click); $('#button2').bind('mouseout', button2_click); $('#button3').bind('mouseout', button3_click); $('#button4').bind('mouseout', button4_click); $('#button5').bind('mouseout', button5_click); $('#button6').bind('mouseout', button6_click); $('#button7').bind('mouseout', button7_click); // $('#button8').bind('mouseout', button8_click); OnLoad(); });