/*
Copyright (c) 2009 wang
Email wpy126@yahoo.com.cn

#SlidePlayer {position:relative;overflow:hidden;}
.Slides {position:absolute;top:0px;left:0px;margin:0px;padding:0px;}
.Slides li {list-style:none;margin:0px;padding:0px;}
.Slides a{padding:0px;}
.Slides img {border:none;display:block;}
.SlideTriggers {position:absolute;bottom:10px;right:5px;margin:0px;padding:0px;}
.SlideTriggers li {float: left; color: #FF7300; text-align: center; line-height: 16px; width: 16px; height: 16px; font-family: Arial; font-size: 12px; cursor: pointer; overflow: hidden; margin: 3px 1px; border: 1px solid #FF7300; background-color: #fff;}
.SlideTriggers li.Current {color: #fff; line-height: 21px; width: 21px; height: 21px; font-size: 16px; margin: 0 1px; border: 0; background-color: #FF7300; font-weight: bold;}
 
 
<div id="SlidePlayer">
<ul>
<li><img alt="艺术招生" src='http://6318.cn/Upload/6318/20090725162529.jpg' width="510" height="160"  /></li>
<li><img alt="艺术招生" src='http://6318.cn/Upload/6318/20090725162529.jpg' width="510" height="160" /></li>
<li><img alt="艺术招生" src='http://6318.cn/Upload/6318/20090725162529.jpg' width="510" height="160" /></li>
<li><img alt="赚钱主题" src='http://6318.cn/Upload/6318/dft_AD_03.gif' width="510" height="160" /></li>
</ul>
</div>
    


$("#SlidePlayer").slideshow({
pauseSeconds: 1,
width:510,
height: 160
});
    
*/


(function($) {
    $.fn.SlidePlayer = function(options) {

        var defaults = {
            pauseSeconds: 2,
            fadeSpeed: 0.3,
            width: 510,
            height: 160,
            cssClass: 'Slides'
        };

        var options = $.extend(defaults, options);

        $(this).css({
            width: parseInt(options.width) + "px",
            height: parseInt(options.height) + "px"
        });

        var slides = $(this).find('>ul');
        if (!slides.hasClass(options.cssClass)) slides.addClass(options.cssClass);

        var len = slides.find('> li').length;
        if (len > 0) {

            var triggers = '<ul class="SlideTriggers">';
            for (var i = 1; i <= len; i++) {
                if (i == 1) {
                    triggers += '<li class="Current">' + i + '</li>';
                }
                else {
                    triggers += '<li>' + i + '</li>';
                }
            }
            triggers += "</ul>";
            $(this).append(triggers);

            var index = 0;
            $('.SlideTriggers > li').mouseover(function() {
                index = $('.SlideTriggers li').index(this);
                $('.Slides').stop(true, false).animate({ top: (-(parseInt(options.height) * index)) + 'px' }, parseFloat(options.fadeSpeed) * 1000);
                $('.SlideTriggers li').eq(index).addClass('Current').siblings().removeClass('Current');
            });
            $(this).hover(function() {
                if (interval) {
                    clearInterval(interval);
                }
            }, function() {
                interval = setInterval(function() {
                    $('.Slides').stop(true, false).animate({ top: (-(parseInt(options.height) * index)) + 'px' }, parseFloat(options.fadeSpeed) * 1000);
                    $('.SlideTriggers li').eq(index).addClass('Current').siblings().removeClass('Current');
                    index++;
                    if (index == len) { index = 0; }
                }, parseFloat(options.pauseSeconds) * 1000);
            });
            var interval = setInterval(function() {
                $('.Slides').stop(true, false).animate({ top: (-(parseInt(options.height) * index)) + 'px' }, parseFloat(options.fadeSpeed) * 1000);
                $('.SlideTriggers li').eq(index).addClass('Current').siblings().removeClass('Current');
                index++;
                if (index == len) { index = 0; }
            }, parseFloat(options.pauseSeconds) * 1000);
        }
    };
})(jQuery);