/*
example :

<script type="text/javascript" src="js/fit_slider/jquery.fit_slider.js"></script>
<link href="js/fit_slider/jquery.fit_slider.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" >
$(function(){
	$('.fit-slider').fit_slider( {'width':938 , 'height' : 340} );
});
</script>
<div id="slider" class="fit-slider" >
	<ul>
		<li><a href="http://www.f7net.com/"><img src="http://www.f7net.com/images/attachment/201106/2011062213087245531794.jpg" /></a></li>
		<li><a href="http://www.f7net.com/"><img src="http://www.f7net.com/images/attachment/201106/2011061013076821770221.jpg" /></a></li>
		<li><a href="http://www.f7net.com/"><img src="http://www.f7net.com/images/attachment/201103/2011032513010245387506.jpg" /></a></li>
		<li><a href="http://www.f7net.com/"><img src="http://www.f7net.com/images/attachment/201012/2010120812917967499967.jpg" /></a></li>
	</ul>
</div>

*/

;(function($) {
	
	$.fn.fit_slider = function(options) {
		
		if (!$(this).length) {
			return this;
		}

		settings = {
			//url    : '' ,        //service地址
			width  : 520 ,         //宽
			height : 222 ,         //高
			button : 'center',     //提示按钮位置 left right center
			delay  : 4000          //翻转延时
		}
		
		//合并设置
		if(options) {            
            $.extend(settings, options);
		}
		
		var thisobj = this;
			
		//设置宽度和高度，添加css
		//thisobj.attr('width' , settings.width );
		//thisobj.attr('height' , settings.height );
		thisobj.addClass('fit-slider');

		//获取图片内容
		var html = '<div id="fit_slider_content" class="fit-slider-content">'+thisobj.html()+'</div>';
		
		//获取button内容
		var img_num = thisobj.find('li').length;
		var button = '<div id="fit_slider_button" class="fit-slider-button button_'+ settings.button +'">';
		if( img_num ) {
			for( i = 0 ; i < img_num ; i++ ) {
				button += '<span></span>';
			}
		}
		button += '</div>';
		
		thisobj.html(html+button);
		
		if( settings.button == 'center' ) {
			//alert($('#fit_slider_button').width() / 2);
			$('#fit_slider_button').css( 'marginLeft' , $('#fit_slider_button').width() / 2  * -1 );
		}
		
		fit_slider_init(settings);	
	}
	
	//初始化动作
	function fit_slider_init( settings ) {
		$('#fit_slider_content li').eq(0).show();
		$('#fit_slider_button > span').eq(0).addClass('selected')
		var len = $('#fit_slider_button span').length;
		var index = 1;
		//悬浮在数字中时显示图片
		$('#fit_slider_button span').mouseover(function(){
			index = $('#fit_slider_button span').index(this);
			fit_slider_show(index);
		});
		
		//悬浮在图片中时 停止循环
		$('#fit_slider_content').hover(function(){
			if(fit_slider_play_handle){
				clearInterval(fit_slider_play_handle);
			}
		},function(){
			fit_slider_play_handle = setInterval(function(){
				fit_slider_show(index);
				index++;
				if(index==len){index=0}
			},settings.delay)
		});
		
		var fit_slider_play_handle = setInterval(function(){
			fit_slider_show(index);
			index++;
			if(index==len){index=0}
		},settings.delay)	
		
	}
	
	//循环显示
	function fit_slider_show(i){
		$('#fit_slider_content li').eq(i).stop(true,true).fadeIn().siblings().hide();
		$('#fit_slider_button > span').eq(i).addClass('selected').siblings().removeClass('selected');
	}

})(jQuery);