$(function() { var $slider = $('#mp_slider_win'), $current = $('.mp_slider_item.current',$slider), $first = $('#mps_1',$slider), $left = $('#mps_l'), $right = $('#mps_r'), $next_action = function() { var $next = $current.next(); $left.removeClass('mps_off').unbind('click'); $right.unbind('click'); $current.animate({ opacity: 0, },500,function() { $current.removeClass('current'); }); $next.animate({ opacity: 1 },500,function() { $next.addClass('current'); $current=$next; $left.bind('click',$prev_action); if($current.next().length==0) $right.unbind('click'); else $right.bind('click',$next_action); }); if($next.next().length==0) $right.addClass('mps_off').unbind('click'); }, $prev_action = function() { var $prev = $current.prev(); $right.removeClass('mps_off').unbind('click'); $left.unbind('click'); $current.animate({ opacity: 0 },500,function() { $current.removeClass('current'); }); $prev.animate({ opacity: 1 },500,function() { $prev.addClass('current'); $current=$prev; $right.bind('click',$next_action); if($current.prev().length==0) $left.unbind('click'); else $left.bind('click',$prev_action); }); if($prev.prev().length==0) $left.addClass('mps_off').unbind('click'); } $left.addClass('mps_off').unbind('click'); if($current.next().length>0) $right.click($next_action); $('#mps_first').click(function() { if($first.attr('id')==$current.attr('id')) return false; $right.unbind('click'); $left.unbind('click'); $first.animate({ opacity: 1, },500,function() { $first.addClass('current'); $current=$first; $right.bind('click',$next_action); }); $current.animate({ opacity: 0, },500,function() { $current.removeClass('current'); }); $right.removeClass('mps_off') $left.addClass('mps_off').unbind('click'); }); });