var t; var i=0; var u=0; var cur=0; var now=0; $(document).ready(function(){ goster(0); h_c(0) next(); }); t= setInterval('siradaki()', 4000); b= setInterval('next()', 4000); y= setInterval('siradaki_haber()', 4000); function goster(i){ $(".slide").hide(); $("#s"+i).fadeIn(800); $(".leds").removeClass("active_led").addClass("passive_led"); $("#led_" + i).removeClass("passive_led").addClass("active_led"); return cur=i; } function siradaki(){ $("#s"+cur).hide(); $("#s"+(cur+1)%3).fadeIn(800); $("#led_" + cur).removeClass("active_led").addClass("passive_led"); $("#led_" + (cur+1)%3).removeClass("passive_led").addClass("active_led"); cur=(cur+1)%3; } function onceki(){ if(cur==0){ $("#s"+0).hide(); $("#s"+2).fadeIn(800); $("#led_" + 0).removeClass("active_led").addClass("passive_led"); $("#led_" + 2).removeClass("passive_led").addClass("active_led"); cur=2; }else { $("#s"+cur).hide(); $("#s"+(cur-1)).fadeIn(800); $("#led_" + cur).removeClass("active_led").addClass("passive_led"); $("#led_" + (cur-1)).removeClass("passive_led").addClass("active_led"); cur=cur-1; } } function h_c(u){ $(".hc").hide(); $("#h"+u).fadeIn(800); return now=u; } function siradaki_haber(){ $("#h"+now).hide(); $("#h"+(now+1)%3).fadeIn(800); now=(now+1)%3; } function onceki_haber(){ if(now==0){ $("#h"+0).hide(); $("#h"+3).fadeIn(800); now=2; }else { $("#h"+now).hide(); $("#h"+(now-1)).fadeIn(800); now=now-1; } } var a=0; function next(){ if(a==0){ $("#p0").removeClass("wide_p").addClass("narrow_p"); $("#p2").removeClass("wide_p").addClass("narrow_p"); $("#p1").removeClass("narrow_p").addClass("wide_p"); $("#p0").animate({left: "0px"}, 'slow'); $("#p1").animate({left: "94px"}, 'slow'); $("#p2").animate({left: "254px"}, 'slow'); $("#r0").animate({width: "104px", height: "132px"}, 'slow'); $("#r2").animate({width: "104px", height: "132px"}, 'slow'); $("#r1").animate({width: "160px", height: "230px"}, 'slow'); a=1; }else if(a==1){ $("#p0").removeClass("wide_p").addClass("narrow_p"); $("#p1").removeClass("wide_p").addClass("narrow_p"); $("#p2").removeClass("narrow_p").addClass("wide_p"); $("#p1").animate({left: "0px"}, 'slow'); $("#p2").animate({left: "94px"}, 'slow'); $("#p0").animate({left: "254px"}, 'slow'); $("#r0").animate({width: "104px", height: "132px"}, 'slow'); $("#r1").animate({width: "104px", height: "132px"}, 'slow'); $("#r2").animate({width: "160px", height: "230px"}, 'slow'); a=2; }else{ $("#p2").removeClass("wide_p").addClass("narrow_p"); $("#p1").removeClass("wide_p").addClass("narrow_p"); $("#p0").removeClass("narrow_p").addClass("wide_p"); $("#p2").animate({left: "0px"}, 'slow'); $("#p0").animate({left: "94px"}, 'slow'); $("#p1").animate({left: "254px"}, 'slow'); $("#r1").animate({width: "104px", height: "132px"}, 'slow'); $("#r2").animate({width: "104px", height: "132px"}, 'slow'); $("#r0").animate({width: "160px", height: "230px"}, 'slow'); a=0; } } function prev(){ if(a==0){ $("#p0").removeClass("wide_p").addClass("narrow_p"); $("#p1").removeClass("wide_p").addClass("narrow_p"); $("#p2").removeClass("narrow_p").addClass("wide_p"); $("#p1").animate({left: "0px"}, 'slow'); $("#p2").animate({left: "94px"}, 'slow'); ("#p0").animate({left: "254px"}, 'slow'); $("#r0").animate({width: "104px", height: "132px"}, 'slow'); $("#r1").animate({width: "104px", height: "132px"}, 'slow'); $("#r2").animate({width: "160px", height: "230px"}, 'slow'); a=2; }else if(a==1){ $("#p2").removeClass("wide_p").addClass("narrow_p"); $("#p1").removeClass("wide_p").addClass("narrow_p"); $("#p0").removeClass("narrow_p").addClass("wide_p"); $("#p2").animate({left: "0px"}, 'slow'); $("#p0").animate({left: "94px"}, 'slow'); $("#p1").animate({left: "254px"}, 'slow'); $("#r1").animate({width: "104px", height: "132px"}, 'slow'); $("#r2").animate({width: "104px", height: "132px"}, 'slow'); $("#r0").animate({width: "160px", height: "230px"}, 'slow'); a=0; }else{ $("#p0").removeClass("wide_p").addClass("narrow_p"); $("#p2").removeClass("wide_p").addClass("narrow_p"); $("#p1").removeClass("narrow_p").addClass("wide_p"); $("#p0").animate({left: "0px"}, 'slow'); $("#p1").animate({left: "94px"}, 'slow'); $("#p2").animate({left: "254px"}, 'slow'); $("#r0").animate({width: "104px", height: "132px"}, 'slow'); $("#r2").animate({width: "104px", height: "132px"}, 'slow'); $("#r1").animate({width: "160px", height: "230px"}, 'slow'); a=1; } }