(function($) {
    $.fn.extend({
        yx_rotaion: function(options) {
            var defaults = {
                during: 3000,
                btn: true,
                focus: true,
                title: true,
                auto: true
            }
            var options = $.extend(defaults, options);
            return this.each(function() {
                var o = options;
                var curr_index = 0;
                var $this = $(this);
                var $li = $this.find("li");
                var li_count = $li.length;
                $this.css({
                    position: 'relative',
                    overflow: 'hidden',
                    width: $li.find("img").width(),
                    height: $li.find("img").height()
                });
                $this.find("li").css({
                    position: 'absolute',
                    left: 0,
                    top: 0
                }).hide();
                $li.first().show();
                $this.append('<div class="yx-rotaion-btn"><span class="left_btn"><\/span><span class="right_btn"></span><\/div>');
                if (!o.btn) $(".yx-rotaion-btn").css({
                    visibility: 'hidden'
                });
                if (o.title) $this.append(' <div class="yx-rotation-title"><\/div><a href="" class="yx-rotation-t"><\/a>');
                if (o.focus) $this.append('<div class="yx-rotation-focus"><\/div>');
                var $btn = $(".yx-rotaion-btn span"),
                $title = $(".yx-rotation-t"),
                $title_bg = $(".yx-rotation-title"),
                $focus = $(".yx-rotation-focus");
                if (o.auto) var t = setinterval(function() {
                    $btn.last().click()
                },
                o.during);
                $title.text($li.first().find("img").attr("alt"));
                $title.attr("href", $li.first().find("a").attr("href"));
                for (i = 1; i <= li_count; i++) {
                    $focus.append('<span>' + i + '</span>');
                }
                if ($.browser.msie && $.browser.version == "6.0") {
                    $btn.add($focus.children("span")).css({
                        backgroundimage: 'url(images/ico.gif)'
                    });
                }
                var $f = $focus.children("span");
                $f.first().addclass("hover");
                $btn.hover(function() {
                    $(this).addclass("hover");
                },
                function() {
                    $(this).removeclass("hover");
                });
                $btn.add($li).add($f).hover(function() {
                    if (t) clearinterval(t);
                },
                function() {
                    if (o.auto) t = setinterval(function() {
                        $btn.last().click()
                    },
                    o.during);
                });
                $f.bind("mouseover",
                function() {
                    var i = $(this).index();
                    $(this).addclass("hover");
                    $focus.children("span").not($(this)).removeclass("hover");
                    $li.eq(i).fadein(300);
                    $li.not($li.eq(i)).fadeout(300);
                    $title.text($li.eq(i).find("img").attr("alt"));
                    $title.attr("href", $li.eq(i).find("a").attr("href"));
                    curr_index = i;
                });
                $btn.bind("click",
                function() {
                    $(this).index() == 1 ? curr_index++:curr_index--;
                    if (curr_index >= li_count) curr_index = 0;
                    if (curr_index < 0) curr_index = li_count - 1;
                    $li.eq(curr_index).fadein(300);
                    $li.not($li.eq(curr_index)).fadeout(300);
                    $f.eq(curr_index).addclass("hover");
                    $f.not($f.eq(curr_index)).removeclass("hover");
                    $title.text($li.eq(curr_index).find("img").attr("alt"));
                    $title.attr("href", $li.eq(curr_index).find("a").attr("href"));
                });
            });
        }
    });
})(jquery);