var defaultopts = { interval: 5000, fadeintime: 300, fadeouttime: 200 }; //iterate over the current set of matched elements var _titles = $("ul.slide-txt li"); var _titles_bg = $("ul.op li"); var _bodies = $("ul.slide-pic li"); var _count = _titles.length; var _current = 0; var _intervalid = null; var stop = function() { window.clearinterval(_intervalid); }; var slide = function(opts) { if (opts) { _current = opts.current || 0; } else { _current = (_current >= (_count - 1)) ? 0 : (++_current); }; _bodies.filter(":visible").fadeout(defaultopts.fadeouttime, function() { _bodies.eq(_current).fadein(defaultopts.fadeintime); _bodies.removeclass("cur").eq(_current).addclass("cur"); }); _titles.removeclass("cur").eq(_current).addclass("cur"); _titles_bg.removeclass("cur").eq(_current).addclass("cur"); }; //endof slide var go = function() { stop(); _intervalid = window.setinterval(function() { slide(); }, defaultopts.interval); }; //endof go var itemmouseover = function(target, items) { stop(); var i = $.inarray(target, items); slide({ current: i }); }; //endof itemmouseover _titles.hover(function() { if($(this).attr('class')!='cur'){itemmouseover(this, _titles); }else{stop();}}, go); //_titles_bg.hover(function() { itemmouseover(this, _titles_bg); }, go); _bodies.hover(stop, go); //trigger the slidebox go(); var slidex={ thisul:$('#catalog ul.imgbox'), btnleft:$('#catalog a.left'), btnright:$('#catalog a.right'), thisli:$('#catalog ul.imgbox li'), init:function(){ slidex.thisul.width(slidex.thisli.length*112); slidex.slideauto(); slidex.btnleft.click(slidex.slideleft).hover(slidex.slidestop,slidex.slideauto); slidex.btnright.click(slidex.slideright).hover(slidex.slidestop,slidex.slideauto); slidex.thisul.hover(slidex.slidestop,slidex.slideauto); }, slideleft:function(){ slidex.btnleft.unbind('click',slidex.slideleft); slidex.thisul.find('li:last').prependto(slidex.thisul); slidex.thisul.css('marginleft',-112); slidex.thisul.animate({'marginleft':0},350,function(){ slidex.btnleft.bind('click',slidex.slideleft); }); return false; }, slideright:function(){ slidex.btnright.unbind('click',slidex.slideright); slidex.thisul.animate({'marginleft':-112},350,function(){ slidex.thisul.css('marginleft','0'); slidex.thisul.find('li:first').appendto(slidex.thisul); slidex.btnright.bind('click',slidex.slideright); }); return false; }, slideauto:function(){ slidex.intervalid=window.setinterval(slidex.slideright,3000); }, slidestop:function(){ window.clearinterval(slidex.intervalid); } } $(document).ready(function(){ slidex.init(); })