//河南道奈特Banner插件
//版本号 v1.00
//版权所有 河南道奈特

(function ($) {
    $.fn.jobBanner = function (options) {
        var defaults = {
            "width": 768,
            "height": 253,
            "img": ["../Images/01.jpg", "../Images/02.jpg", "../Images/03.jpg", "../Images/04.jpg", "../Images/05.jpg"],
            "text": ["1", "2", "3", "4", "5"],
            "url": ["#1", "#2", "#3", "#4", "#5"],
            "changeType": "left",
            "speed": 1000,
            "interval": 5000,
            "auto": true
        };

        //初始化参数
        options = $.extend(defaults, options);

        this.each(function () {

            //获得每一个对象
            var obj = $(this);

            //改变对象的样式
            //            obj.css({ "width": options.width, "height": options.height, "overflow": "hidden", "padding": "0px", "position": "relative", "border": "1px solid #333333" });

            //设置次序
            var index = 0;

            //是否自动播放
            var flag = options.auto;

            //
            var titleDiv = $("<div>", { "class": "hd_title" });

            //创建图片DIV
            var picDiv = $("<div>", { "class": "hd_zt" });

            //创建图片UL
            //var picUl = $("<ul>", {
            // "css": { "list-style": "none" }
            //});
            //创建图片LI并添加到图片UL
            $.each(options.img, function (i, src) {
                var picLi = $("<a>", {
                    "html": "<img src=" + src + " style='width:" + options.width + "px; height:" + options.height + "px' alt='' />",
                    "href": options.url[i],
                    "target":"_blank",
                    "mouseover": function () {
                        options.auto = false;
                    },
                    "mouseout": function () {
                        options.auto = flag;
                    },
                    "click": function () {
                        //window.open(options.url[i]);
                    }
                }).appendTo(picDiv);
            });

            //图片UL添加到图片DIV
            // picDiv.append(picUl);

            //创建文本DIV


            //创建数字DIV
            var numDiv = $("<div>", {
                "class": "hd_tidle_L FL"
            });
            //
            var btnDiv = $("<div>", {
                "class": "hd_tidle_R FR"
            });
            //创建数字LI并添加到数字UL
            $.each(options.img, function (i, src) {
                var numLi = $("<a>", {
                    "class": "hd_title_off_a",
                    "text": i + 1,
                    "mouseover": function () {
                        //$(this).addClass("hd_title_on_a");
                        ShowImg(i, options.changeType);
                        options.auto = false;
                        index = i;
                    },
                    "mouseout": function () {
                        options.auto = flag;
                    }
                }).appendTo(numDiv);
            });
            var stopLink = $("<a>", { "html": "<img src=\"images/hd_bt_of.gif\" />","style":"cursor:pointer;","title":"暂停",  "click": function () {
                flag = false;
                options.auto = false;
                $(this).html("<img src=\"images/hd_bt_of2.gif\" />");
                startLink.html("<img src=\"images/hd_bt_on.gif\" />");
            }
            });
        var startLink = $("<a>", { "html": "<img src=\"images/hd_bt_on2.gif\" />", "style": "cursor:pointer;", "title": "播放", "click": function () {
                flag = true;
                options.auto = true;
                $(this).html("<img src=\"images/hd_bt_on2.gif\" />");
                stopLink.html("<img src=\"images/hd_bt_of.gif\" />");
            }
            });
            btnDiv.append(stopLink).append(startLink);
            titleDiv.append(numDiv).append(btnDiv);
            //将图片DIV、文本DIV、数字DIV添加到对象
            obj.append(titleDiv).append(picDiv);

            //初始化
            ShowImg(index, options.changeType);

            //循环播放
            var timer = setInterval(function () {
                if (options.auto == true) {
                    ++index;
                    if (index >= options.img.length) {
                        index = 0;
                    }
                    ShowImg(index, options.changeType);
                }
            }, options.interval);

            //根据不同特效显示
            function ShowImg(index, changeType) {

                switch (changeType) {
                    case "flash":
                        picDiv.find("a").css({ "position": "absolute", "left": "0px", "top": "0px" });
                        picDiv.find("a").eq(index).fadeIn(1000).siblings().stop(true, true).fadeOut(1000);
                        break;
                    default:
                        picDiv.find("a").eq(index).slideDown().siblings().slideUp();
                }

                //txtDiv.text(options.text[index]);
                //numDiv.find("a").eq(index).removeClass("hd_title_off_a");
                numDiv.find("a").eq(index).attr("class", "hd_title_on_a").siblings().attr("class", "hd_title_off_a");
            }
        });
    }
})(jQuery)