/*     YXLSlider 基于jquery的图片切换插件
+-----------------------------------------------------------------------------------------------------------------------------+
        YXLSlider -- Powered By YXL.cn
        最后修改：2011年9月22日
+-----------------------------------------------------------------------------------------------------------------------------+
*/
(function($){
    $.fn.YXLSlider = function(op){
        var ops = $.extend({},$.fn.YXLSlider.defaults,op);
        var cur =1;
        var ob = $(this);
        var img = ob.find('img');
		var ahref = ob.find('a');
        var h = ob.height();
        var w = ob.width();
        var n = img.length;
        var ele = $('ul',ob);
        var lh = ops.height==0?h:ops.height;
        var lw = ops.width==0?w:ops.width;
        ele.css({'width':w*n});
        ob.css({'overflow':'hidden','position':'relative'});
        $('li',ob).css({'float':'left','height':lh,'width':lw,'overflow':'hidden','margin':'0px','padding':'0px','list-style':'none'});
        $('ul',ob).css({'margin':'0px','padding':'0px','list-style':'none'});
        img.css({'float':'left','height':lh,'width':lw});
        
        if(ops.numnav){
           addnavdiv();
        }
        if(ops.watermark == 1){
            var mark="<div id='slider-watermark'>"+ops.mark+"</div>";
            ob.append(mark);
            addwatermarkcss();
        }
        if(ops.watermark == 2){
            var mark="<div id='slider-watermark'><img src='"+ops.mark+"'/></div>";
            ob.append(mark);
            addwatermarkcss();
        }
        if(ops.titlebg){
             var bgdiv ="<div id='slider-title-bg'></div><div id='slider-img-title'></div>";
             ob.append(bgdiv);
			 andtitle(0);
        }
        function andtitle(i){
            var imgtitle= img.eq(i).attr('alt')||img.eq(i).attr('title');
			var ahrefv=ahref.eq(i).attr('href')||'';
			imgtitle='<a href="'+ahrefv+'" target="_blank" title="'+imgtitle+'">'+imgtitle+'</a>';
            $("#slider-img-title").html(imgtitle);
			$("#slider-img-title").hide();
			$("#slider-img-title").slideDown();
        }
        function andnavon(i){
			ob.find(".slider-num-nav-span").eq(i).siblings().removeClass('snnsOn').end().addClass('snnsOn');
        }
        function slide(i,on){
            ele.stop();
            var next = i==n?1:i+1;
            var l = (i-1)*w*(-1);
            cur=i;
            if(ops.titlebg){
                andtitle((i-1));
            }
            if(ops.numnav){
                andnavon((i-1));
            }
            ele.animate({marginLeft:l},ops.speed);
            if(on){
                clearTimeout(timeout);
            }
            if(!on){
                timeout = setTimeout(function(){
                    slide(next,false);
                },ops.pause);
            }
        }
        //添加导航div
        function addnavdiv(){
            var nav="<div id='slider-num-nav'>";
            for(var i=0;i<n;i++){
                nav+="<span class='slider-num-nav-span'>"+(i+1)+"</span>";
            }
            nav+="</div>";
            ob.append(nav);
            ob.find('.slider-num-nav-span').hover(function(){
                    var num = $(this).html();
                    slide(num,true);
            },function(){
                    if(cur>=n){cur=1;}
                    timeout = setTimeout(function(){
                        slide((cur/1+1),false);
                    },ops.pause/4);
            });
        }
        function addwatermarkcss(on){
            $("#slider-watermark").css(ops.markon,'15px');
        }

		var snnR=$("#slider-num-nav").css("right")||'';snnR=snnR.replace("px","")
		$("#slider-img-title").width($("#slider-title-bg").width()-$("#slider-num-nav").width()-snnR-30);

        andnavon(0);
		if(n>1)
		{
			var timeout;
			timeout = setTimeout(function(){
					slide(2,false);
				},(ops.pause/2));
		}
    }
    //默认参数
    $.fn.YXLSlider.defaults = {
        watermark:0,	/*是否使用水印，0不使用，1使用文字水印，2使用图片水印*/
        mark:'袁晓力',	/*文字或者图片URL*/
        markon:'right',	/*水印位置左上和右上*/
        numnav:true,	/*是否显示数字导航*/
        titlebg:true,	/*是否需要标题背景*/
        height:350,		/*默认图片宽度*/
        width:600,		/*默认图片高度*/
        pause:2000,		/*时间间隔*/
        speed:600		/*滑行速度*/
    };
})(jQuery);

document.writeln("<style>");
document.writeln("#slider-title-bg	{width:100%;height:36px;background-color: #000;position:absolute;z-index:1000;bottom:0;left:0;filter:alpha(opacity=50);-moz-opacity:.5;opacity:0.5;}");
document.writeln("#slider-img-title,#slider-img-title a	{width:100%;padding:0 10px;height:36px;line-height:36px;float:left;color:#FFF;font-family:微软雅黑;font-size:18px;font-weight:bold;position:absolute;z-index:1100;bottom:0;left:0;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;overflow:hidden;text-decoration:none;}");
document.writeln("#slider-watermark {position:absolute;font-family:微软雅黑;font-size:18px;font-weight:bold;top:10px;color:#E4F8EC;}");
document.writeln("#slider-num-nav {height:27px;position:absolute;bottom:5px;right:10px;z-index:1200;}");
document.writeln(".slider-num-nav-span {background-color:#FFF;color:#FFF;width:12px;height:12px;float:left;margin:0 2px;margin-top:9px;cursor:pointer;font-size:12px;overflow:hidden;text-align:center;display:block;}");
document.writeln(".snnsOn	{background-color:#FF7E00;color:#FF7E00;}");
document.writeln("</style>");