/*modify 2011-3-30 14:23:27 by ice*/
/*
<div id="slideShow" style="visibility:hidden;">
	<a href="#" target="_blank"><img src="#" alt="这是标题1"  /></a>
	<a href="#" target="_blank"><img src="#" alt="这是标题2"  /></a>
	<a href="#" target="_blank"><img src="#" alt="这是标题3"  /></a>
</div>
<script type="text/javascript">
$(function(){
	$("#slideShow").KinSlideshow({
		ice_width:300,
		ice_height:220
	});
})
</script>
附：所有参数列表
intervalTime:5,   		//设置间隔时间为5秒 【单位：秒】 [默认为5秒]

moveSpeedTime:400  		//切换一张图片所需时间，【单位：毫秒】[默认为400毫秒]

moveStyle:"left",		//切换方向 可选值：【 left | right | up | down 】left:向左切换,right:向右切换,up:向上切换,down:向下切换 [默认向左切换]

mouseEvent:"mouseclick",	//鼠标操作按钮事件,可选值：【mouseclick | mouseover】mouseclick：鼠标单击切换。mouseover：鼠标滑过切换。[默认为鼠标点击按钮切换]

isHasTitleBar:true,		//是否显示标题背景 可选值：【 true | false 】[默认为true]

titleBar:{titleBar_height:40,titleBar_bgColor:"#000000",titleBar_alpha:0.5},//标题背景样式，(isHasTitleBar = true 前提下启用)
          
          titleBar_height :40 - > 标题背景高度。[默认：40]
          titleBar_bgColor:"#000000" - > 标题背景颜色。[默认：#000000]
          titleBar_alpha:0.5 -> 标题背景透明度，取值【0~1】。[默认：0.5]
          
isHasTitleFont:true,	//是否显示标题文字 可选值：【 true | false 】[默认为true]   

titleFont:{TitleFont_size:12,TitleFont_color:"#FFFFFF",TitleFont_family:"Verdana",TitleFont_weight:"bold"}, //标题文字样式，(isHasTitleFont = true 前提下启用)       
         
          TitleFont_size - > 标题文字大小 单位像素。[默认：12]
          TitleFont_color:"#FFFFFF" - > 标题文字颜色。[默认：#000000]
          TitleFont_family:"Verdana" -> 标题文字字体。[默认：Verdana] 
          TitleFont_weight:"bold" -> 标题文字粗细。可选值：【 bold | normal 】[默认："bold"]  ,normal 正常 不加粗。  
          
isHasBtn:true, //是否显示按钮

btn:{btn_bgColor:"#666666",btn_bgHoverColor:"#CC0000",
      btn_fontColor:"#CCCCCC",btn_fontHoverColor:"#000000",btn_fontFamily:"Verdana",
      btn_borderColor:"#999999",btn_borderHoverColor:"#FF0000",
      btn_borderWidth:1,btn_bgAlpha:0.7} //按钮样式设置，(isHasBtn = true 前提下启用) 
      
        btn_bgColor:"#666666" -> 按钮背景颜色  [默认："#666666"]。
        btn_bgHoverColor:"#CC0000" -> 按钮滑过/点击 背景颜色  [默认："#CC0000"]。
        btn_fontColor:"#CCCCCC" -> 按钮文字颜色  [默认："#CCCCCC"]。
        btn_fontHoverColor:"#000000" -> 按钮滑过/点击 按钮文字颜色  [默认："#000000"]。
        btn_fontFamily:"Verdana", -> 按钮文字字体  [默认："Verdana"]。
        btn_borderColor:"#999999" -> 按钮边框颜色  [默认："#999999"]。
        btn_borderHoverColor:"#FF0000" -> 按钮滑过/点击 按钮边框颜色  [默认："#FF0000"]。
        btn_borderWidth:1 -> 按钮边框宽度，单位像素 不能超过3  [默认：1]。
        btn_bgAlpha:0.7 -> 按钮透明度 ，取值【0~1】 [默认：0.7]。
【多项复合】参数调用说明

  $(function(){
      $("#KinSlideshow").KinSlideshow({
              titleFont:{TitleFont_size:14,TitleFont_color:"#FF0000"} //设置标题文字大小为14px，颜色：#FF0000 【titleFont 其他未设置的 使用默认参数设置】
      });
  })

*/
(function($) {
    $.fn.KinSlideshow = function(settings) {
        settings = jQuery.extend({
			ice_width:400,
			ice_height:300,
            intervalTime: 5,
            moveSpeedTime: 400,
            moveStyle: "left",
            mouseEvent: "mouseclick",
            isHasTitleBar: true,
            titleBar: {
                titleBar_height: 30,
                titleBar_bgColor: "#000000",
                titleBar_alpha: 0.5
            },
            isHasTitleFont: true,
            titleFont: {
                TitleFont_size: 12,
                TitleFont_color: "#FFFFFF",
                TitleFont_family: "Verdana",
                TitleFont_weight: "bold",
				ice_TitleFont_marginRight:23
            },
            isHasBtn: true,
            btn: {
                btn_bgColor: "#b1b1b1",
                btn_bgHoverColor: "#4ea7eb",
                btn_fontColor: "#ffffff",
                btn_fontHoverColor: "#ffffff",
                btn_fontFamily: "Verdana",
                btn_borderColor: "#b1b1b1",
                btn_borderHoverColor: "#4ea7eb",
                btn_borderWidth: 1,
                btn_bgAlpha: 1
            }
        },
        settings);
        var titleBar_Bak = {
            titleBar_height: 30,
            titleBar_bgColor: "#000000",
            titleBar_alpha: 0.5
        }
        var titleFont_Bak = {
            TitleFont_size: 12,
            TitleFont_color: "#FFFFFF",
            TitleFont_family: "Verdana",
            TitleFont_weight: "bold",
			ice_TitleFont_marginRight:23
        }
        var btn_Bak = {
            btn_bgColor: "#666666",
            btn_bgHoverColor: "#CC0000",
            btn_fontColor: "#CCCCCC",
            btn_fontHoverColor: "#000000",
            btn_fontFamily: "Verdana",
            btn_borderColor: "#999999",
            btn_borderHoverColor: "#FF0000",
            btn_borderWidth: 1,
            btn_bgAlpha: 0.7
        }
        for (var key in titleBar_Bak) {
            if (settings.titleBar[key] == undefined) {
                settings.titleBar[key] = titleBar_Bak[key]
            }
        }
        for (var key in titleFont_Bak) {
            if (settings.titleFont[key] == undefined) {
                settings.titleFont[key] = titleFont_Bak[key]
            }
        }
        for (var key in btn_Bak) {
            if (settings.btn[key] == undefined) {
                settings.btn[key] = btn_Bak[key]
            }
        }
        var ksthis = this;
        var ksbs = $(ksthis).selector;
        var KSS_DateArray = new Array();
        var KSS_imgaeLength = 0;
        var KSS_Size = new Array();
        var KSS_changeFlag = 0;
        var KSS_IntervalTime = settings.intervalTime;
        var KSS_setInterval;
        var KSS_firstMoveFlag = true;
        var getTitleBar_Height;
        if (isNaN(KSS_IntervalTime) || KSS_IntervalTime <= 1) {
            KSS_IntervalTime = 5
        }
        if (settings.moveSpeedTime > 500) {
            settings.moveSpeedTime = 500
        } else if (settings.moveSpeedTime < 100) {
            settings.moveSpeedTime = 100
        }
        function KSS_initialize() {
            $(ksthis).css({
                visibility: "hidden"
            });
            $(ksbs + " a img").css({
                border: 0,
				width:settings.ice_width,
				height:settings.ice_height
            });
            KSS_start();
            KSS_mousehover()
        };
        function KSS_start() {
            KSS_imgaeLength = $(ksbs + " a").length;
            KSS_Size.push(settings.ice_width);
            KSS_Size.push(settings.ice_height);
            $(ksbs + " a img").each(function(i) {
                KSS_DateArray.push($(this).attr("alt"))
            });
            $(ksbs + " a").wrapAll("<div id='KSS_content'></div>");
            $(ksbs).find("#KSS_content").clone().attr("id", "KSS_contentClone").appendTo(ksthis);
            KSS_setTitleBar();
            KSS_setTitleFont();
            KSS_setBtn();
            KSS_action();
            KSS_btnEvent(settings.mouseEvent);
            $(ksthis).css({
                visibility: "visible"

            })
        };
        function KSS_setTitleBar() {
            $(ksthis).css({
                width: KSS_Size[0],
                height: KSS_Size[1],
                overflow: "hidden",
                position: "relative"
            });
            $(ksthis).append("<div class='KSS_titleBar'></div>");
            getTitleBar_Height = settings.titleBar.titleBar_height;
            if (isNaN(getTitleBar_Height)) {
                getTitleBar_Height = 40
            } else if (getTitleBar_Height < 25) {
                getTitleBar_Height = 25
            };
            $(ksbs + " .KSS_titleBar").css({
                height: getTitleBar_Height,
                width: "100%",
                position: "absolute",
                bottom: 0,
                left: 0
            });
            if (settings.isHasTitleBar) {
                $(ksbs + " .KSS_titleBar").css({
                    background: settings.titleBar.titleBar_bgColor,
                    opacity: settings.titleBar.titleBar_alpha
                })
            }
			getice_TitleFont_marginRight = settings.titleFont.ice_TitleFont_marginRight;
        };
        function KSS_setTitleFont() {
            if (settings.isHasTitleFont) {
                $(ksthis).append("<div class='KSS_titleBox' style='overflow:hidden;'><h2 class='title' style='padding:0; text-align:left;'></h2></div>");
                $(ksbs + " .KSS_titleBox").css({
                    height: getTitleBar_Height,
					lineHeight: getTitleBar_Height+"px",
                    width: "100%",
                    position: "absolute",
                    bottom: 0,
                    left: 0
                });
                $(ksbs + " .KSS_titleBox h2").css({
                    fontSize: settings.titleFont.TitleFont_size,
                    color: settings.titleFont.TitleFont_color,
                    fontFamily: settings.titleFont.TitleFont_family,
                    fontWeight: settings.titleFont.TitleFont_weight,
					margin:"0 "+(KSS_imgaeLength*getice_TitleFont_marginRight+10)+"px 0 5px"
                });
                setTiltFontShow(0)
            }
        };
        function KSS_setBtn() {
            if (settings.btn.btn_borderWidth > 2) {
                settings.btn.btn_borderWidth = 2
            }
            if (settings.btn.btn_borderWidth < 0 || isNaN(settings.btn.btn_borderWidth)) {
                settings.btn.btn_borderWidth = 0
            }
            if (settings.isHasBtn && KSS_imgaeLength >= 2) {
                $(ksthis).append("<div class='KSS_btnBox' style='position:absolute;right:10px;bottom:0px; z-index:100'></div>");
                var KSS_btnList = "";
                for (i = 1; i <= KSS_imgaeLength; i++) {
                    KSS_btnList += "<li>" + i + "</li>"
                }
                KSS_btnList = "<ul id='btnlistID' style='margin:0;padding:0; overflow:hidden'>" + KSS_btnList + "</ul>";
                $(ksbs + " .KSS_btnBox").append(KSS_btnList);
                $(ksbs + " .KSS_btnBox #btnlistID li").css({
                    listStyle: "none",
                    float: "left",
                    width: 15,
                    height: 15,
                    borderWidth: settings.btn.btn_borderWidth,
                    borderColor: settings.btn.btn_borderColor,
                    borderStyle: "solid",
                    background: settings.btn.btn_bgColor,
                    textAlign: "center",
                    cursor: "pointer",
                    marginLeft: 6,
                    fontSize: 12,
                    fontFamily: settings.btn.btn_fontFamily,
                    lineHeight: "15px",
                    opacity: settings.btn.btn_bgAlpha,
                    color: settings.btn.btn_fontColor
                });
                $(ksbs + " #btnlistID li:eq(0)").css({
                    background: settings.btn.btn_bgHoverColor,
                    borderColor: settings.btn.btn_borderHoverColor,
                    color: settings.btn.btn_fontHoverColor
                })
            }
        };
        function KSS_action() {
            switch (settings.moveStyle) {
            case "left":
                KSS_moveLeft();
                break;
            case "right":
                KSS_moveRight();
                break;
            case "up":
                KSS_moveUp();
                break;
            case "down":
                KSS_moveDown();
                break;
            default:
                settings.moveStyle = "left";
                KSS_moveLeft()
            }
        };
        function KSS_moveLeft() {
            $(ksbs + " div:lt(2)").wrapAll("<div id='KSS_moveBox'></div>");
            $(ksbs).find("#KSS_moveBox").css({
                width: KSS_Size[0],
                height: KSS_Size[1],
                overflow: "hidden",
                position: "relative"
            });
            $(ksbs).find("#KSS_content").css({
                float: "left"
            });
            $(ksbs).find("#KSS_contentClone").css({
                float: "left"
            });
            $(ksbs + " #KSS_moveBox div").wrapAll("<div id='KSS_XposBox'></div>");
            $(ksbs).find("#KSS_XposBox").css({
                float: "left",
                width: "2000%"
            });
            KSS_setInterval = setInterval(function() {
                KSS_move(settings.moveStyle)
            },
            KSS_IntervalTime * 1000 + settings.moveSpeedTime)
        };
        function KSS_moveRight() {
            $(ksbs + " div:lt(2)").wrapAll("<div id='KSS_moveBox'></div>");
            $(ksbs).find("#KSS_moveBox").css({
                width: KSS_Size[0],
                height: KSS_Size[1],
                overflow: "hidden",
                position: "relative"
            });
            $(ksbs).find("#KSS_content").css({
                float: "left"
            });
            $(ksbs).find("#KSS_contentClone").css({
                float: "left"
            });
            $(ksbs + " #KSS_moveBox div").wrapAll("<div id='KSS_XposBox'></div>");
            $(ksbs).find("#KSS_XposBox").css({
                float: "left",
                width: "2000%"
            });
            $(ksbs).find("#KSS_contentClone").html("");
            $(ksbs + " #KSS_content a").wrap("<span></span>");
            $(ksbs + " #KSS_content a").each(function(i) {
                $(ksbs).find("#KSS_contentClone").prepend($(ksbs + " #KSS_content span:eq(" + i + ")").html())
            });
            $(ksbs).find("#KSS_content").html($(ksbs).find("#KSS_contentClone").html());
            var KSS_offsetLeft = (KSS_imgaeLength - 1) * KSS_Size[0];
            $(ksbs).find("#KSS_moveBox").scrollLeft(KSS_offsetLeft);
            KSS_setInterval = setInterval(function() {
                KSS_move(settings.moveStyle)
            },
            KSS_IntervalTime * 1000 + settings.moveSpeedTime)
        };
        function KSS_moveUp() {
            $(ksbs + " div:lt(2)").wrapAll("<div id='KSS_moveBox'></div>");
            $(ksbs).find("#KSS_moveBox").css({
                width: KSS_Size[0],
                height: KSS_Size[1],
                overflow: "hidden",
                position: "relative"
            });
            $(ksbs).find("#KSS_moveBox").animate({
                scrollTop: 0
            },
            1);
            KSS_setInterval = setInterval(function() {
                KSS_move(settings.moveStyle)
            },
            KSS_IntervalTime * 1000 + settings.moveSpeedTime)
        };
        function KSS_moveDown() {
            $(ksbs + " div:lt(2)").wrapAll("<div id='KSS_moveBox'></div>");
            $(ksbs).find("#KSS_moveBox").css({
                width: KSS_Size[0],
                height: KSS_Size[1],
                overflow: "hidden",
                position: "relative"
            });
            $(ksbs).find("#KSS_contentClone").html("");
            $(ksbs + " #KSS_content a").wrap("<span></span>");
            $(ksbs + " #KSS_content a").each(function(i) {
                $(ksbs).find("#KSS_contentClone").prepend($(ksbs + " #KSS_content span:eq(" + i + ")").html())
            });
            $(ksbs).find("#KSS_content").html($(ksbs).find("#KSS_contentClone").html());
            var KSS_offsetTop = (KSS_imgaeLength - 1) * KSS_Size[1];
            $(ksbs).find("#KSS_moveBox").animate({
                scrollTop: KSS_offsetTop
            },
            1);
            KSS_setInterval = setInterval(function() {
                KSS_move(settings.moveStyle)
            },
            KSS_IntervalTime * 1000 + settings.moveSpeedTime)
        };
        function KSS_move(style) {
            switch (style) {
            case "left":
                if (KSS_changeFlag >= KSS_imgaeLength) {
                    KSS_changeFlag = 0;
                    $(ksbs).find("#KSS_moveBox").scrollLeft(0);
                    $(ksbs).find("#KSS_moveBox").animate({
                        scrollLeft: KSS_Size[0]
                    },
                    settings.moveSpeedTime)
                } else {
                    sp = (KSS_changeFlag + 1) * KSS_Size[0];
                    if ($(ksbs).find("#KSS_moveBox").is(':animated')) {
                        $(ksbs).find("#KSS_moveBox").stop();
                        $(ksbs).find("#KSS_moveBox").animate({
                            scrollLeft: sp
                        },
                        settings.moveSpeedTime)
                    } else {
                        $(ksbs).find("#KSS_moveBox").animate({
                            scrollLeft: sp
                        },
                        settings.moveSpeedTime)
                    }
                }
                setTiltFontShow(KSS_changeFlag + 1);
                break;
            case "right":
                var KSS_offsetLeft = (KSS_imgaeLength - 1) * KSS_Size[0];
                if (KSS_changeFlag >= KSS_imgaeLength) {
                    KSS_changeFlag = 0;
                    $(ksbs).find("#KSS_moveBox").scrollLeft(KSS_offsetLeft + KSS_Size[0]);
                    $(ksbs).find("#KSS_moveBox").animate({
                        scrollLeft: KSS_offsetLeft
                    },
                    settings.moveSpeedTime)
                } else {
                    if (KSS_firstMoveFlag) {
                        KSS_changeFlag++;
                        KSS_firstMoveFlag = false
                    }
                    sp = KSS_offsetLeft - (KSS_changeFlag * KSS_Size[0]);
                    if ($(ksbs).find("#KSS_moveBox").is(':animated')) {
                        $(ksbs).find("#KSS_moveBox").stop();
                        $(ksbs).find("#KSS_moveBox").animate({
                            scrollLeft: sp
                        },
                        settings.moveSpeedTime)
                    } else {
                        $(ksbs).find("#KSS_moveBox").animate({
                            scrollLeft: sp
                        },
                        settings.moveSpeedTime)
                    }
                }
                setTiltFontShow(KSS_changeFlag);
                break;
            case "up":
                if (KSS_changeFlag >= KSS_imgaeLength) {
                    KSS_changeFlag = 0;
                    $(ksbs).find("#KSS_moveBox").scrollTop(0);
                    $(ksbs).find("#KSS_moveBox").animate({
                        scrollTop: KSS_Size[1]
                    },
                    settings.moveSpeedTime)
                } else {
                    sp = (KSS_changeFlag + 1) * KSS_Size[1];
                    if ($(ksbs).find("#KSS_moveBox").is(':animated')) {
                        $(ksbs).find("#KSS_moveBox").stop();
                        $(ksbs).find("#KSS_moveBox").animate({
                            scrollTop: sp
                        },
                        settings.moveSpeedTime)
                    } else {
                        $(ksbs).find("#KSS_moveBox").animate({
                            scrollTop: sp
                        },
                        settings.moveSpeedTime)
                    }
                }
                setTiltFontShow(KSS_changeFlag + 1);
                break;
            case "down":
                var KSS_offsetLeft = (KSS_imgaeLength - 1) * KSS_Size[1];
                if (KSS_changeFlag >= KSS_imgaeLength) {
                    KSS_changeFlag = 0;
                    $(ksbs).find("#KSS_moveBox").scrollTop(KSS_offsetLeft + KSS_Size[1]);
                    $(ksbs).find("#KSS_moveBox").animate({
                        scrollTop: KSS_offsetLeft
                    },
                    settings.moveSpeedTime)
                } else {
                    if (KSS_firstMoveFlag) {
                        KSS_changeFlag++;
                        KSS_firstMoveFlag = false
                    }
                    sp = KSS_offsetLeft - (KSS_changeFlag * KSS_Size[1]);
                    if ($(ksbs).find("#KSS_moveBox").is(':animated')) {
                        $(ksbs).find("#KSS_moveBox").stop();
                        $(ksbs).find("#KSS_moveBox").animate({
                            scrollTop: sp
                        },
                        settings.moveSpeedTime)
                    } else {
                        $(ksbs).find("#KSS_moveBox").animate({
                            scrollTop: sp
                        },
                        settings.moveSpeedTime)
                    }
                }
                setTiltFontShow(KSS_changeFlag);
                break
            }
            KSS_changeFlag++
        }
        function setTiltFontShow(index) {
            if (index == KSS_imgaeLength) {
                index = 0
            };
            if (settings.isHasTitleFont) {
                $(ksbs + " .KSS_titleBox h2.title").html(KSS_DateArray[index])
            };
            $(ksbs + " #btnlistID li").each(function(i) {
                if (i == index) {
                    $(this).css({
                        background: settings.btn.btn_bgHoverColor,
                        borderColor: settings.btn.btn_borderHoverColor,
                        color: settings.btn.btn_fontHoverColor
                    })
                } else {
                    $(this).css({
                        background: settings.btn.btn_bgColor,
                        borderColor: settings.btn.btn_borderColor,
                        color: settings.btn.btn_fontColor
                    })
                }
            })
        };
        function KSS_btnEvent(Event) {
            switch (Event) {
            case "mouseover":
                KSS_btnMouseover();
                break;
            case "mouseclick":
                KSS_btnMouseclick();
                break;
            default:
                KSS_btnMouseclick()
            }
        };
        function KSS_btnMouseover() {
            $(ksbs + " #btnlistID li").mouseover(function() {
                var curLiIndex = $(ksbs + " #btnlistID li").index($(this));
                switch (settings.moveStyle) {
                case "left":
                    KSS_changeFlag = curLiIndex - 1;
                    break;
                case "right":
                    if (KSS_firstMoveFlag) {
                        KSS_changeFlag = curLiIndex - 1;
                        break
                    } else {
                        KSS_changeFlag = curLiIndex;
                        break
                    }
                case "up":
                    KSS_changeFlag = curLiIndex - 1;
                    break;
                case "down":
                    if (KSS_firstMoveFlag) {
                        KSS_changeFlag = curLiIndex - 1;
                        break
                    } else {
                        KSS_changeFlag = curLiIndex;
                        break
                    }
                }
                KSS_move(settings.moveStyle);
                $(ksbs + " #btnlistID li").each(function(i) {
                    if (i == curLiIndex) {
                        $(this).css({
                            background: settings.btn.btn_bgHoverColor,
                            borderColor: settings.btn.btn_borderHoverColor,
                            color: settings.btn.btn_fontHoverColor
                        })
                    } else {
                        $(this).css({
                            background: settings.btn.btn_bgColor,
                            borderColor: settings.btn.btn_borderColor,
                            color: settings.btn.btn_fontColor
                        })
                    }
                })
            })
        };
        function KSS_btnMouseclick() {
            $(ksbs + " #btnlistID li").click(function() {
                var curLiIndex = $(ksbs + " #btnlistID li").index($(this));
                switch (settings.moveStyle) {
                case "left":
                    KSS_changeFlag = curLiIndex - 1;
                    break;
                case "right":
                    if (KSS_firstMoveFlag) {
                        KSS_changeFlag = curLiIndex - 1;
                        break
                    } else {
                        KSS_changeFlag = curLiIndex;
                        break
                    }
                case "up":
                    KSS_changeFlag = curLiIndex - 1;
                    break;
                case "down":
                    if (KSS_firstMoveFlag) {
                        KSS_changeFlag = curLiIndex - 1;
                        break
                    } else {
                        KSS_changeFlag = curLiIndex;
                        break
                    }
                };
                KSS_move(settings.moveStyle);
                $(ksbs + " #btnlistID li").each(function(i) {
                    if (i == curLiIndex) {
                        $(this).css({
                            background: settings.btn.btn_bgHoverColor,
                            borderColor: settings.btn.btn_borderHoverColor,
                            color: settings.btn.btn_fontHoverColor
                        })
                    } else {
                        $(this).css({
                            background: settings.btn.btn_bgColor,
                            borderColor: settings.btn.btn_borderColor,
                            color: settings.btn.btn_fontColor
                        })
                    }
                })
            })
        };
        function KSS_mousehover() {
            $(ksbs + " #btnlistID li").mouseover(function() {
                clearInterval(KSS_setInterval)
            });
            $(ksbs + " #btnlistID li").mouseout(function() {
                KSS_setInterval = setInterval(function() {
                    KSS_move(settings.moveStyle)
                },
                KSS_IntervalTime * 1000 + settings.moveSpeedTime)
            })
        };
        return KSS_initialize()
    }
})(jQuery);