// javascript document
;(function($){

	$.fn.extend({
		"qiehuan":function(options){
			var defaults = {
				way:'slide',//slide:滑动，fade:渐隐渐现
				num:6,//默认小图显示个数
				btns:true,//左右按钮是否需要
				auto:3500,//自动切换时间
				animation:1000//切换一个需要的时间	
			}
			var canshu = $.extend(defaults,options);
			return this.each(function(){
				var lenda = $(this).find('.datu ul li').length,
					lendd = $(this).find('.xtu dl dd').length,
					widthd = $(this).find('.datu  ul li').outerwidth(true),
					widthx = $(this).find('.xtu dl dd').outerwidth(true),
					dl =$(this).find('.xtu dl'),
					dd = $(this).find('.xtu dl dd'),
					daul = $(this).find('.datu ul'),
					dali = $(this).find('.datu ul li'),
					way = options.way,
					auto = options.auto,
					animation = options.animation,
					btns = options.btns,
					num = options.num,
					num2 = math.ceil(options.num/2),
					prev = $(this).find('.prev'),
					next = $(this).find('.next'),
					dt = options.dt;
				dl.css('width',lendd*widthx);
				var margin = widthx-$(this).find('.xtu dl dd').width();
				// $(this).find('.xtu').css('width',num*widthx-margin);
				var index = 0;
				if(btns==false){
					prev.hide();
					next.hide();	
				}
				if(dt==true){
					dl.append("<dt></dt>");	
				}

				if(way =="slide"){
					daul.css('left',-widthd);
					function imghover(){
						dd.each(function(){

							var src = $(this).find('img').attr('default');
							var hover = $(this).find('img').attr('hover');

							$(this).find('img').attr('src',src);

							if($(this).hasclass('current')){
								$(this).find('img').attr('src',hover);
							}else{
								$(this).find('img').attr('src',src);
							}
						});
					}
					function change(){
						var nowcurrent = dl.find('dd.current').index();
						dd.eq(index).addclass('current').siblings().removeclass('current');
						if (index < num2) {
							dl.stop(true, true).animate({ 'left': '0' }, animation)
						} else if (index + num2 < lendd) {
							dl.stop(true, true).animate({ 'left': -(index - num2 + 1) * widthx }, animation)
						}else if(lendd<num){
							dl.stop(true, true).animate({ 'left': '0' }, animation);
						}
						else {
							dl.stop(true, true).animate({ 'left': -(lendd - num) * widthx }, animation)
						}
						if(nowcurrent<index){
							dali.eq(index).css({'display':'block','left':widthd});
							daul.stop(true,false).animate({
								'left':-widthd
							},animation,function(){
								daul.css('left','0px');
								dali.eq(index).css('left','0px').siblings().css('display','none');
							});
						}else{
							dali.eq(index).css({'display':'block','left':-widthd});
							daul.stop(true,false).animate({
								'left':widthd
							},animation,function(){
								daul.css('left','0px');
								dali.eq(index).css('left','0px').siblings().css('display','none');
							});
						}
						var left = dl.find('dd.current').position().left;
						dl.find('dt').stop(true,true).animate({
							'left':left
						},animation);
					}
					dd.bind('click',function(){
						index = $(this).index();
						change();
						imghover();
					});
					dd.eq(0).trigger('click');
					
					next.click(function(){
						index++;
						if(index==lendd){
							index=0;
						}	
						change();
						imghover();
					});
					prev.click(function(){
						index--;
						if(index==-1){
							index=lendd-1;
						}	
						change();
						imghover();
					});
					var timer = setinterval(function(){
						index++;
						if(index==lendd){
							index=0;
						}	
						change();
						imghover();
					},auto);
					$(this).hover(function(){
						clearinterval(timer);
					},function(){
						index = dl.find('dd.current').index();
						timer = setinterval(function(){
							index++;
							if(index==lendd){
								index=0;
							}	
							change();
							imghover();
						},auto);
					});
				}
				if(way=="fade"){
					function change2(){
						dd.eq(index).addclass('current').siblings().removeclass('current');
						if (index < num2) {
							dl.stop(true, true).animate({ 'left': '0' }, animation)
						} else if (index + num2 < lendd) {
							dl.stop(true, true).animate({ 'left': -(index - num2 + 1) * widthx }, animation)
						}else if(lendd<num){
							dl.stop(true, true).animate({ 'left': '0' }, animation);
						}
						else {
							dl.stop(true, true).animate({ 'left': -(lendd - num) * widthx }, animation)
						}
						dali.eq(index).stop(true,true).fadein(animation).siblings().stop(true,true).fadeout(animation);	
						var left = dl.find('dd.current').position().left;
						dl.find('dt').stop(true,true).animate({
							'left':left
						},animation);
					}
					dd.bind('click',function(){
						index = $(this).index();
						change2();
					});
					dd.eq(0).trigger('click');
					next.click(function(){
						index++;
						if(index==lendd){
							index=0;
						}	
						change2();
					});
					prev.click(function(){
						index--;
						if(index==-1){
							index=lendd-1;
						}	
						change2();
					});
					var timer = setinterval(function(){
						index++;
						if(index==lendd){
							index=0;
						}	
						change2();
					},auto);
					
					$(this).hover(function(){
						clearinterval(timer);
					},function(){
						index = dl.find('dd.current').index();
						timer = setinterval(function(){
							index++;
							if(index==lendd){
								index=0;
							}	
							change2();
						},auto);
					});
				}

					

			});
		}		
	});
	
})(jquery)