// JavaScript Document
$(document).ready(
function(){
		    //================================首页js效果======================================//
			//搜索表单提交时检测是否为空
			//================================全站input type 为 text 的聚焦效果======================================//
			var input_val
			$("input[type=text]").focusin(
			function(){input_val=$(this).val();$(this).val("");}
			).focusout(function(){if($(this).val()!==input_val && $(this).val()!="") return; else{$(this).val(input_val)}})
			
			
			//*---------------------页面共用表单中文本框的输入字数控制(整站表单样式控制)   begin-----------------*/
			//search tips　头部（或页面搜索框）搜索框以及footer底部的newsletter搜索框的限制（1.不能为空 2.输入的字符不能超过100个字符）
			$("form:first").find(":text").add($("form:last").find(":text")).each(function(){$(this).focusin(function(){input_val=$(this).val();$(this).val("");}
			).focusout(function(){if($(this).val()!==input_val && $(this).val()!="") return; else{}}).keyup(
			function(){
				var _this=$(this)
				var txt_len=_this.val().length;
				var append_obj='<div class="tips_attention"><div class="tips_contnet">maxLength 100<s class="tips_nail"></s></div>';				
				if(txt_len >=100)
					{
						//超出100	
						$("div").remove(".tips_attention")
						$(this).parent("form").parent("div").prepend(append_obj)
						$(this).css("disabled","disabled")
					}
				if(txt_len>0 && txt_len<100)
				{
						$("div").remove(".tips_attention")
					}
				}
			).blur(function(){return;})})
			//当点击文档的时候 隐藏搜索提示
			$(document).click(
				function(){$("div").remove(".tips_attention");}
			)
			//档搜索表单提交的时候要检查输入的是否是空字符串
			$("form:first").add($("form:last")).each(function(index){$(this).submit(function(){
				
				//正则验证是否为空 如果输入的是一些特殊字符空格等则给出提示，表单不提交
				var reg= new RegExp(/^\s+$/)
				var reg_email=new RegExp(/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/)//正则验证email输入格式(针对固定name=newsletter表单元素)
				var attention_tip="Please enter a valid email address."
				if(reg.test($(this).find(":text").val())==true||$(this).find(":text").val()=="")
				{
					
								$("div").remove(".tips_attention")
								var append_obj='<div class="tips_attention"><div class="tips_contnet">can not empty<s class="tips_nail"></s></div>';	
								$(this).append(append_obj)	
								return false;
									
				}
				else{
						//因为newsletter的name属性是固定的所以通过name的值来判断
						if($(this).find(":text").attr("name")=="newsletter")
						{
							
							if(reg_email.test($(this).find(":text").val())==false)
							{ 
								
								$("div").remove(".tips_attention")
								var email_attention='<div class="tips_attention"><div class="tips_contnet">Please enter a valid email address.<s class="tips_nail"></s></div></div>';
							
								$(this).append(email_attention)	
								
								return false;
								}
								else{
											$("div").remove(".tips_attention"); return true;
									}
								
						}
						
						
						$(this).parent("form").submit(
						function(){$("div").remove(".tips_attention");return true;}
						);
				
					}
			}).change()})
			/*textarea 多行文本输入框字数控制*/
			var MessageObj = $(".message_length");
			MessageObj.keyup(function(){
				var _len=$(this).val().length;
				if(_len > -1 && _len<=1000){
					var _remain=parseInt(1000-_len)>'0'?parseInt(1000-_len):'0';
					var _str = '<div class="message_length_tips"><em> ' + _remain + '</em>characters left.</div>'
					$(".message_tips_wrap").html(_str);
				}else{
					$(this).val($(this).val().substr(0,1000));  
					$(".message_tips_wrap").html("<div class='message_length_tips'>0 characters left</div>");
				}
			});
			/*input type='text' 单行文本框输入字符个数控制*/
			$(":text").keyup(
					function(){
							var len=$(this).val().length;
							if(len>-1 && len<=100)
							{
								
							}
							else
							{
								$(this).val($(this).val().substr(0,100))
							}
						}
			)
		
		//*---------------------页面共用表单中文本框的输入字数控制(整站表单样式控制)  end-----------------*/	
			//nav
			$("#JS_index_nav > li").hover(function(){$(this).children("a").andSelf().toggleClass("hover")})
			$("#JS_index_nav > li > a").click(function(){if($(this).siblings("div").length>0){return false;}})
			
			
			$("#JS_promo a").addClass("bigimg");
			$("#JS_promo .bigimg img").banner_thaw({
				thumbObj:"#JS_promo ul li",
				thumbNowClass:"current",
				changeTime:3000
			});
			
			
			
			
			//nav promo 
			//=======jquery 首页js bug解决方法（图片在划过后要立即结束animate效果）-----> 队列机制
			$("#Js_prom_img > li").mouseover(
				function(){
				var _this=$(this)
				_this.dequeue();
				_this.queue(
				function(){_this.find("img").stop(true,true).animate({opacity:.8},200)})
				}).mouseout(
				function(){
					var _this=$(this)
					_this.dequeue();
					_this.queue(function(){_this.find("img").animate({opacity:1},200)})
					}
				)
			
			// nav 菜单的子类的显示与隐藏
			$("#nav").find("li").hover(
			function(){if($(this).children("div").length>0){$(this).children("a").addClass("selected").siblings("div").show()} else{}},
			function(){$(this).children("a").removeClass("selected").siblings("div").hide()}
			)
			
			
			//==================================内页侧边栏导航js效果==============================================//
			//#crumb js控制页面中面包屑距离边的距离
			$("#crumb a:first").addClass("padding_css")
			//Js_aside_nav 注意在使用的时候 如果是有二级菜单的 return false 要加以防止页面回调默认函数，如果没有二级菜单，return false要去掉
			$("#Js_aside_nav li a").click(
				function()
				{
					if($(this).siblings("ul").length>0)
						{
							$(this).addClass("current").siblings("ul").addClass("current").slideDown("100").parent("li").siblings("li").children("a").removeClass("current").siblings("ul").removeClass("current").hide(0);
						
												}
				   else
				   		{
							$(this).addClass("current").parent("li").siblings("li").children("a").removeClass("current").siblings("ul").removeClass("current").hide();
						}
				}
			)
			//JS_list 产品类别分类页面js效果
			 //////*控制页面中显示的产品每一行最后一行添加不增加margin的样式*//////
			 $("#JS_list").find("li:nth-child(4n)").addClass("margin-right")
			 $("#JS_list > li").hover(function(){$(this).toggleClass("all_item_hover")})
			
			//list 页面分页选择 filter 效果
				var timeFilterHover;
				$(".filter_select").hover(function(){
					_this = $(this);
					timeFilterHover = setTimeout(function(){
						_this.find(".select_list").show().parents(".filter_item").siblings().find(".select_list").hide()
					},100);
				},function(){
					_this = $(this);
					clearTimeout(timeFilterHover);
					_this.find(".select_list").hide();
				});
			//================================页面其他Js效果=============================================//
			
			//*---------------------------------------------------------*/
			//*about us 页面展示*/
			if($(".aboutnail_slide > ul > li").length > 0){
					$(".aboutnail_slide > ul > li").first().addClass("selected")
					$(".aboutnail_slide").carousel({
					btnNext: ".next",
					btnPrev: ".prev",
					scrolls:1,
					circular:false,
					btnGo: [".0", ".1", ".2"],
					visible:4
					});
					$(".aboutnail_slide ul li").hover(function(){
					$(this).toggleClass("hover");
					$("#comm_picture").attr("href",$(this).find('img').attr("src").replace("_70x70",""));
					$("#comm_picture").find("img").attr("src",$(this).find('img').attr("src").replace("_70x70",""));

						}).click(function(){
					$(this).addClass("selected").siblings().removeClass("selected");
					$("#comm_picture").attr("href",$(this).find('img').attr("src").replace("_70x70",""));
					$("#comm_picture").find("img").attr("src",$(this).find('img').attr("src").replace("_70x70",""));
					return false;
					})

			}
			
			/*certification 页面信息展示*/
			
			if($(".certifinail_slide > ul > li").length > 0){
					$(".certifinail_slide > ul > li").first().addClass("selected")
					$(".certifinail_slide").carousel({
					btnNext: ".next",
					btnPrev: ".prev",
					scrolls:1,
					circular:false,
					btnGo: [".0", ".1", ".2"],
					visible:4
					});
					$(".certifinail ul li").hover(function(){
					$(this).toggleClass("hover");
					$("#picture").parent("a").attr("href",$(this).find('img').attr("src").replace("_80x80",""))
					$("#picture").attr("href",$(this).find('img').attr("src").replace("_80x80",""));
					$("#picture").attr("src",$(this).find('img').attr("src").replace("_80x80",""));

						}).click(function(){
					$(this).addClass("selected").siblings().removeClass("selected");
					$("#picture").parent("a").attr("href",$(this).find('img').attr("src").replace("_80x80",""))
					$("#picture").attr("href",$(this).find('img').attr("src").replace("_80x80",""));
					$("#picture").attr("src",$(this).find('img').attr("src").replace("_80x80",""));
					return false;
					})
			}
			//about us   exhibition 页面弹出窗体效果
			$('.lightbox').lightBox();
			//控制不产生链接
			$("a.no_link").click(
				function(event){
					event.preventDefault();
					}
			)
		    //exhibition
			$(".exhibition_list li:nth-child(3n)").addClass("exhibition_last");
			$(".exhibition_list li").hover(function(){$(this).toggleClass("hover")})
			//contact us
			/*validate*/
			$("#form_validate").validate();
			MessageObj.keyup(function(){
				var _len=$(this).val().length;
				if(_len==0){
					$(".message_length_tips").remove();
				}
			});

	        //product 产品详细页面
			/*detail tab*/
				$("#detail .tab_item").each(function(index){
					$(this).click(function(){
						var _this=this;
						$(_this).addClass("current").siblings().removeClass("current");
						$(_this).parent(".tab_holder").siblings(".tab_content").find(".tab_panel").eq(index).show().siblings().hide();
					})
				});
				$("#detail .tab_item:first").click();
					/*product thumbnail*/
				$(document).ready(function(){
				$(".zoom").zoom({
					xzoom: 350,
					yzoom: 350,
					offset: 45,
					position: "right",
					lens:1
				});
				if($(".thumbnail_slide > ul > li").length > 0){
					$(".thumbnail_slide").carousel({
						btnNext: ".nex",
						btnPrev: ".pre",
						scrolls:1,
						onMouse:true,
						vertical:false,
						mouseWheel: false,
						circular:false,
						btnGo: [".0", ".1", ".2"],
						visible:4
					})
				}
				var small_img = 50;
				var mid_img = 300;
				
				$(".thumbnail ul li:first").addClass("selected");
				var thumbTimeHover,thumbTimeOut;
				$(".thumbnail ul li").hover(function(){
					var _this=$(this);
					clearTimeout(thumbTimeOut);
					thumbTimeHover = setTimeout(function(){
						_this.addClass("hover").siblings().removeClass("hover");
						$("#picture").attr("src",_this.find('img').attr("src").replace(small_img + "x" + small_img,mid_img + "x" + mid_img));
						$("#picture").attr("title",_this.find('img').attr("src").replace("_" + small_img + "x" + small_img,""));
					},150)
				},function(){
					var _this=$(this);
					_this.removeClass("hover");
					clearTimeout(thumbTimeHover);
					thumbTimeOut = setTimeout(function(){
						$("#picture").attr("src",$(".thumbnail .selected").find('img').attr("src").replace(small_img + "x" + small_img,mid_img + "x" + mid_img));
						$(".bigimg").attr("src",$(".thumbnail .selected").find('img').attr("src").replace("_" + small_img + "x" + small_img,""));
						$("#picture").attr("title",$("#picture").attr("src").replace("_" + mid_img + "x" + mid_img,""));
					},10)
				});
				$(".thumbnail ul li").click(function(){
					$(this).addClass("selected").siblings().removeClass("selected");
					$("#picture").attr("title",$(this).find('img').attr("src").replace("_" + small_img + "x" + small_img,""));
					return false;
				})

})

				//*send inquiry*/
				$("#JS_btnSend").click(function(){
					offsetTop=$("#detail").offset().top;
					$("html,body").animate({scrollTop:offsetTop},300);
					$("#JS_sendInquiryTab").click();
					return false;
				})
				
				/*tips_inquiry close*/
				$(".tips_inquiryadd .btn_close").click(function(){
				$(this).parent(".tips_inquiryadd").hide();
				});
				
				/* ============================== 询盘流程 和 支付页 脚本 ============================== Begin */

				//* -- 询盘流程 信息填写页 相关脚本 ----- */
				$("#JS_inquiryInfoTitle").click(function(){
					$(this).toggleClass("inquiry_info_hide");
					$(this).parent(".hd").siblings(".bd").slideToggle(100);
					return false;
				});
				$("#JS_btnMoreOption").click(function(){
					$(this).toggleClass("btn_moreoption_hide");
					if($(this).text()=="More options"){
					$(this).text("Hide options");
				}else{
					$(this).text("More options");
				};
				$(".inquiry_fill .moreoptions").slideToggle(100);
					return false;
				});

				//* partnerships friend_list*//
				var total_friends=$(".friend_list li").length
				$(".friend_list li").slice(total_friends-total_friends%3).addClass("no_bottom_boder")


	

	}

)