/*
* autor zhongweiming
*/
(function($){
     //turn pics begin
	 /* The underlying HTML has to look like this:
      *   <div class="" id="">
      *      <div class="">
      *         <ul class="">
      *            <li></li>
      *            <li></li>
      *            <li></li>
      *            <li></li>
      *            <li></li>
      *            <li></li>
      *         </ul>
      *      </div>
      *      <div class="">
      *         <ul class="">
      *            <li class="on">1</li>
      *            <li>2</li>
      *            <li>3</li>
      *            <li>4</li>
      *            <li>5</li>
      *            <li>6</li>
      *         </ul>
      *      </div>
      *   </div>
	 */
	 
     $.fn.mangoshowpic = function(settings){
	     var timer, currNum;
	     settings = jQuery.extend({
		       imgsrc : ["images/3.jpg","images/1.jpg","images/2.jpg","images/4.jpg","images/5.jpg"],
			   links  : ["#","#","#","#","#"],
		     smalltab : "tabs",
			   bigtab : "picli",
			   isAuto : true,
			    times : 3000
		 }, settings || {});
		 
		 $('ul.'+settings.bigtab+' li').each(
		    function(i, item){
			   $(item).html('<a href = '+ settings.links[i] +' target="_blank"><img src = '+ settings.imgsrc[i] +' alt=""></a>');
			}
		 );
		 
		 
		 $('ul.'+settings.smalltab+' li').each(function(i, item){
		     if($(item).hasClass('on')) currNum = i;
			 $('ul.'+settings.bigtab+' li').eq(currNum).fadeIn();
			 $(item).mouseover(function(){
			     $('ul.'+settings.smalltab+' li').removeClass();
				 $('ul.'+settings.bigtab+' li').hide();
			     $(this).addClass('on');
				 $('ul.'+settings.bigtab+' li').eq(i).fadeIn("slow");
				 currNum = i;
			 });
			 
		 });
		 
		 $.each([$('ul.'+settings.smalltab), $('ul.'+settings.bigtab)], function(i, item){
		     $(item).hover(
			    function(){
				   settings.isAuto = false;
				},
				function(){
				   settings.isAuto = true;
				}
			 );
		 });			 
		 setInterval(
			 function(){
				 if(!settings.isAuto) return false;
				 $('ul.'+settings.smalltab+' li').each(function(i, item){
					 if($(item).hasClass('on')) currNum = i;
				 });
				 if(currNum == ($('ul.'+settings.smalltab+' li').length-1)){
					 $('ul.'+settings.smalltab+' li').removeClass();
					 $('ul.'+settings.bigtab+' li').hide();
					 $('ul.'+settings.smalltab+' li').eq(0).addClass('on');
					 $('ul.'+settings.bigtab+' li').eq(0).fadeIn("slow");
				 }else{
					 $('ul.'+settings.smalltab+' li').removeClass();
					 $('ul.'+settings.bigtab+' li').hide();
					 $('ul.'+settings.smalltab+' li').eq(currNum).next().addClass('on');
					 $('ul.'+settings.bigtab+' li').eq(currNum).next().fadeIn("slow");
				 
				 }
			
			 },settings.times);

		 
		 
	 };
	 //turn pics end
	 
	 //tabs begin
	 /* The underlying HTML has to look like this:
	  * <div id="tabWrap">
	  *     <ul class="tabNav">
	  *         <li><a href="#frag-1">Section 1</a></li>
	  *         <li><a href="#frag-2">Section 2</a></li>
	  *         <li><a href="#frag-3">Section 3</a></li>
	  *     </ul>
	  *     <div id="frag-1" class="tabCont">
	  *
	  *     </div>
	  *     <div id="frag-2" class="tabCont">
	  *
	  *     </div>
	  *     <div id="frag-3" class="tabCont">
	  * 
	  *     </div>
	  * </div>
	 */
	 $.fn.mangoTabs = function(settings){
	     settings = jQuery.extend({
		     container : "tabWrap",
			    tabNav : "tabNav",
			   tabCont : "tabCont",
		 selectedClass : "selected",
		     showClass : "showcont",
			 hideClass : "hidecont",
			    nodata : "nodata",
			 bindEvent : "click"
		 }, settings || {});
		 return this.each(function(){
		     var container = this;
			 var tnav = $('ul.'+ settings.tabNav , container);
			 tnav = tnav.size() && tnav || $('>ul:eq(0)', container); //当ul不存在样式的时候取容器内第一个ul作为节点
			 
			 var tabs = $('a', tnav);
			 var lis = $('li', tnav);
			 tabs.each(function(){
			     if(/#/.test(this.href)){
				    var toid = this.href.split('#')[1];
					$(this).bind(settings.bindEvent, function(e){
					     $(lis).removeClass();
						 $('div.'+ settings.tabCont, container).removeClass(settings.showClass).addClass(settings.hideClass);
                         $(this).parent().addClass(settings.selectedClass);
                         $('#'+toid).removeClass(settings.hideClass).addClass(settings.showClass);						 
					});
					$(this).click(function(e){
					    this.blur();
					    e.preventDefault();
					});
				 }
			     
			 });
		 });
		 
	 };
	 //tabs end
	 
	 //radio change begin
	 $.fn.radiochange = function(settings){
	     settings = jQuery.extend({
		     name : "changename",
		 changeid : "which"
		 }, settings || {});
		 
		 return this.each(function(){
		     var contain = this;
			 var inputs = $('input[name = "'+ settings.name + '"]', contain);
			 inputs.each(function(){
				 $(this).bind('click', function(){
				     $("#" + settings.changeid).text($(this).val() +"：");
				 });
			 });
		 });
	 };
	 //radio change end
	 
	 //cycle images begin
	 $.fn.mangocycle = function(settings){
	     settings = jQuery.extend({
		        wraper : "cycle",
		     wrapWidth : 610, //滚动外部宽度
			cycleWidth : 610, //自动每次移动宽度
			 showclass : "cytleshow",
			 hideclass : "cyclehide",
			  autotime : 6000,
			    isAuto : true
		 }, settings || {});
		 
		 return this.each(function(){
		     var timer;
		     var cur = 0; //当前位置
			 var container = this;
			 var tnav = $("ol.cycleList", container),
			     tnav = tnav.size() && tnav || $('>ol:eq(0)', container),
				  lis = $("li", tnav);
			 
			 $(this).hover(function(){
			     settings.isAuto = false;
			 },function(){
			     settings.isAuto = true;
			 });
			 
			 lis.each(function(i, item){
				 $(item).mouseover(function(){
				     cur = i;
				     lis.removeClass().eq(cur).addClass("on");
					 if(timer) clearInterval(timer);
					 timer = setInterval(function(){movemc(cur, settings.cycleWidth)}, 10);
					 
				 });
			 });
			 
			 setInterval(function(){
			     if(!settings.isAuto) return false;
				 lis.each(function(i, item){
				     if($(item).hasClass("on")) cur = i;
					 if(timer) clearInterval(timer);
					 timer = setInterval(function(){movemc(cur, settings.cycleWidth)}, 10);
				 });
				 if(cur == lis.size()-1){
				    cur = 0;
					lis.removeClass().eq(cur).addClass("on");
				 }else{
				    cur += 1;
					lis.removeClass().eq(cur).addClass("on");
				 }
			 }, settings.autotime);
			 
			 function movemc( i, distance){
			     var item = $("#" + settings.wraper);
				 var ns = (i*distance - item.scrollLeft());
				 if(ns == 0) return;
				 var v = ns > 0 ? Math.ceil(ns/10) : Math.floor(ns/10);
				 item.scrollLeft(item.scrollLeft() + v);
				 
			 }
			 
		 });
	 };
	 //cycle images end
})(jQuery);