$("#h_1").show(); $("#s_1").removeClass("off").addClass("on"); $("#s_1 .arrow").removeClass("arrow_off").addClass("arrow_on"); $(".dep_thumb a").mouseover(function(){ clearInterval(timer); $(".dep_thumb a").removeClass("off").removeClass("on").addClass("off"); $(".dep_thumb a .arrow").removeClass("arrow_off").removeClass("arrow_on").addClass("arrow_off"); $(this).removeClass("off").addClass("on"); $(this).children('.arrow').removeClass("arrow_off").addClass("arrow_on"); var arr = $(this).attr('id').split("_"); $('.dep_headline').hide(); $("#h_"+arr[1]).show(); }); $(".dep_thumb a").mouseout(function(){ timer = setTimeout('timer_chk()', 5000); }); timer = setTimeout('timer_chk()', 5000); function timer_chk(){ if($(".dep_thumb a.on").parent('li').next().children().is('a')){ var id = $(".dep_thumb a.on").attr('id'); $(".dep_thumb a").removeClass("off").removeClass("on").addClass("off"); $(".dep_thumb a .arrow").removeClass("arrow_off").removeClass("arrow_on").addClass("arrow_off"); $("#"+id).parent('li').next().children().removeClass("off").addClass("on"); $("#"+id).parent('li').next().children().children('.arrow').removeClass("arrow_off").addClass("arrow_on"); var arr = $("#"+id).parent('li').next().children().attr('id').split("_"); $(".dep_headline").hide(); $("#h_"+arr[1]).show(); }else{ $(".dep_thumb a").removeClass("off").removeClass("on").addClass("off"); $(".dep_thumb a .arrow").removeClass("arrow_off").removeClass("arrow_on").addClass("arrow_off"); $("#s_1").removeClass("off").addClass("on"); $("#s_1").children('.arrow').removeClass("arrow_off").addClass("arrow_on"); $(".dep_headline").hide(); $("#h_1").show(); } timer = setTimeout('timer_chk()', 5000); }