$(function() { posterscroll(); function posterscroll() { var $posterul = $('.poster ul'); var $posterlis = $('.poster li'); var $posternav = $('.poster nav'); var delay = 3000; var postertimer; var playing = true; $posterlis.each(function() { var $li = $(this); var $img = $li.find('img').first(); var src = $img.attr('src'); var $a = $(''); $li.css('background-image', 'url(' + src + ')'); $li.data('a', $a); $li.data('next', $li.next().length ? $li.next() : $('.poster li').first()); $img.remove(); $a.data('li', $li).appendto($posternav); }); $('.poster nav a').first().before($('.poster nav a').last()); $('.poster nav a').click(function(e) {console.log(playing); e.preventdefault(); if(playing) return false; cleartimeout(postertimer); next($(this).data('li')); }); $('.poster nav a').first().addclass('active'); $posterlis.last().find('b').addclass('pop'); postertimer = settimeout(next, delay); function next($nextli) { playing = true; var $activeli = $('.poster li').last(); if(!$nextli) $nextli = $activeli.data('next'); $activeli.find('b').animate({bottom: 20, opacity: 0}, 300, function() { $(this).removeclass('pop'); $('.poster nav a').removeclass('active'); $nextli.hide().data('a').addclass('active'); $posterul.append($nextli); $nextli.fadein(300, function() { $(this).find('b').removeattr('style').addclass('pop'); postertimer = settimeout(next, delay); playing = false; }); }); } } $('.column-news .scroll a').each(function() { var $img = $(this).find('img'); var src = $img.attr('src'); $(this).css('background-image', 'url(' + src + ')'); $img.hide(); }); $('.column-news .scroll ul').caroufredsel({ pagination: '.column-news .scroll nav', scroll: { pauseonhover : true, items: 1, duration: 500, onbefore: function(data) { var $img = data.items.visible.find('img'); var $t = $('.column-news .scroll .title p'); scrolltxt($img, $t); } }, auto: { play: true, timeoutduration: 3000 } }); scrolltxt($('.column-news .scroll img').first(), $('.column-news .scroll .title p')); function scrolltxt($img, $t) { $t.hide().text($img.attr('alt')).fadein(300); } $('.tabs').tab({ fxfade: true }); });