jQuery.fn.slide = function(settings){
    jQuery.extend(this, {defertime:4000, btnopacity:0.9, showbutton: true,fadingtime: 800,slides:3}, settings);
    var _c = this, index = 0, timer,slides = slides?slides:_c.slides;
   
    jQuery(_c).hover(function(){
        clearInterval(timer);
    },function(){
        timer = setInterval(function(){sliding(++index%slides)}, _c.defertime);
    }).trigger("mouseleave");

    function sliding(n){
        jQuery(_c).find("img").stop().animate({opacity:0},_c.fadingtime).css('z-index','').end().find("img").eq(n).stop().css('z-index',slides).animate({opacity:1},_c.fadingtime);
        jQuery(_c).find("li").css({'color':'#B3B3B3','background':'#fff','font-weight':'normal'}).eq(n).css({'color':'#fff','background':'#c5c5c3','font-weight':'bold'});
    }
    var btnstr = '<ul style="position:absolute;z-index:'+(slides+1)+';right:3px;bottom:3px;">';   
    for(var i=0; i<slides; i++){
        btnstr += '<li style="float:left;color:#B3B3B3;text-align:center;line-height:18px;width:28px;height:18px;font-size:12px;cursor:pointer;overflow: hidden;margin:0px 1px;border:1px solid #F3F3F3;background:#fff;">'+(i+1)+'</li>';
    }   
    btnstr += '</ul>';
    if(_c.showbutton)
        jQuery(_c).append(btnstr);
   
    jQuery(_c).find("img").css({'opacity':0,'position':'absolute','top':'0','left':'0'}).eq(0).css({'z-index':1,'opacity':1});
    jQuery(_c).find("li").hover(function(){
        jQuery(this).css({'color':'#fff','background':'#c5c5c3','font-weight':'bold'});
    },function(){
        if(jQuery(_c).find("li").index(this)!==index)jQuery(_c).find("li").eq(jQuery(_c).find("li").index(this)).css({'color':'#B3B3B3','background':'#fff','font-weight':'normal'});
    }).click(function(){index = jQuery(_c).find("li").index(this);sliding(index);jQuery(this).css({'color':'#fff','background':'#c5c5c3','font-weight':'bold'})}).fadeTo("fast", _c.btnopacity).eq(0).css({'color':'#fff','background':'#c5c5c3','font-weight':'bold'});   
};
