$(function(){
	var len  = $(".pic > li").length;
	var suite = 0;
	var adTimer;
	 $(".slides li").click(function(){
		suite  =   $(".slides li").index($(this));
		showImg(suite);
	 }).eq(0).click();	
	 $('.pic').hover(function(){
			 clearInterval(adTimer);
		 },function(){
			 adTimer = setInterval(function(){
				suite++;
				if(suite==len){suite=0;}
				showImg(suite);	
			  } , 3000);
	 }).trigger("mouseleave");
		
	 if($("#sidebar #recommendOffer .asideList li").length<5){
		$("#recommendOffer .offerPage").remove();
	 }
	 $("#sidebar .next-btn").click(function(){
		var list=$(this).parents(".inner-content").find(".asideList");
		var ceil=Math.ceil($(list).find("li").index($(list).find("li:visible"))/4)+1;
		var length = Math.ceil($(list).find("li").length/4)-1;
		$(this).siblings().removeClass("disable");
		if(ceil>length){
			$(this).addClass("disable");
			return false;
		}
		$(list).find("li").hide();
		$(list).find("li").slice(4*ceil, 4*ceil+4).show();
	 })
	 $("#sidebar .prev-btn").click(function(){
		var list=$(this).parents(".inner-content").find(".asideList");
		var ceil=Math.ceil($(list).find("li").index($(list).find("li:visible"))/4)-1;
		$(this).siblings().removeClass("disable");
		if(ceil<0){
			$(this).addClass("disable");
			return false;
		}
		$(list).find("li").hide();
		$(list).find("li").slice(4*ceil, 4*ceil+4).show();
	 })
	var url = document.URL;
	var index=/\/diysite_config\.htm|diysite\.htm|factory/;
	var about=/\/about|aboutus/;
	var list=/\/list|offerlist|offersearch|supply/;
	var quote=/\quote/
	var resume=/\/resume/;
	var cert=/\/cert/;
	var contact=/\/contact/;
	var news = /\/news/;
	var message = /\/message/;
	var download = /\/download/;
	var athena = /\/athena/;
	if(about.test(url)){
		$("#nav_about").parent().addClass("current");
		$("#page_about").parent().addClass("current");
	}else if(list.test(url)){
		$("#nav_list").parent().addClass("current");
		$("#page_list").parent().addClass("current");
	}else if(quote.test(url)){
		$("#nav_quote").parent().addClass("current");
	}else if(cert.test(url)){
		$("#nav_cert").parent().addClass("current");
		$("#page_cert").parent().addClass("current");
	}else if(resume.test(url)){
		$("#nav_resume").parent().addClass("current");
		$("#page_resume").parent().addClass("current");
	}else if(contact.test(url)){
		$("#nav_contact").parent().addClass("current");
		$("#page_contact").parent().addClass("current");
	}else if(news.test(url)){
		$("#nav_news").parent().addClass("current");
		$("#page_news").parent().addClass("current");
	}else if(message.test(url)){
		$("#nav_comment").parent().addClass("current");
		$("#page_comment").parent().addClass("current");
	}else if(download.test(url)){
		$("#nav_download").parent().addClass("current");
		$("#page_download").parent().addClass("current");
	}else if(athena.test(url)){
		$("#nav_athena").parent().addClass("current");
		$("#page_athena").parent().addClass("current");
	}else{
		$("#nav_index").parent().addClass("current");
		$("#page_index").parent().addClass("current");
	}
});
$(function(){
	
	var len  = $(".ads > li").length;
	var index = 0;
	var adTimer;
	 $(".slide li").click(function(){
		index  =   $(".slide li").index($(this));
		showImg2(index);
	 }).eq(0).click();	
	 $('.ads').hover(function(){
			 clearInterval(adTimer);
		 },function(){
			 adTimer = setInterval(function(){
				index++;
				if(index==len){index=0;}
				showImg2(index);	
			  } , 3000);
	 }).trigger("mouseleave");

	$(window).scroll(function(){
		msgScroll();
	}).trigger('scroll');
	setTimeout(function(){
		$(".msg-dialog .msg").hide();
		$('.msg-dialog').css('height','40px');
	},3000)
	$('.msg-dialog .contact-btn').click(function(){
		$('.msg').show();
		$('.msg-dialog').css('height','213px');
		msgScroll();
		return false;
	})
	$('.msg-dialog .close').click(function(){
		$('.msg').hide();
		$('.msg-dialog').css('height','40px');
		msgScroll();
		return false;
	})
	function msgScroll(){
		$(".msg-dialog").css({"top":$(window).height()+$(document).scrollTop()-$('.msg-dialog').outerHeight()});
	}
	$('#ad .close,#floatad .close').click(function(){
		$(this).parents("table").parent().hide();
	})
	if($("#ad").length){
		var top = parseInt($("#ad").css("top"));
		$('#ad_top').change(function(){
			top = parseInt($(this).val());
		})
		$(window).scroll(function(){
			$("#ad:visible").stop(true,true).animate({"top":top+$(document).scrollTop()},300);
		})
	}
	if($("#floatad").length){		
		randomFloat();
	}
	function randomFloat(){
		var w = $(window).width()-$("#floatad").outerWidth(),
			h = $(window).height()-$("#floatad").outerHeight()+parseInt($('html,body').scrollTop());
		$("#floatad").stop(true,true).animate({'top':h*Math.random(),'left':w*Math.random()},5000)
		setTimeout(randomFloat,5000);
	}
})
function showImg(index){
	$(".slides li").removeClass("on").eq(index).addClass("on");
	$(".pic li").eq(index).show().css({"zIndex" : 2}).siblings().hide().css({"zIndex":1});
};
function showImg2(index){
	$(".slide li").removeClass("on").eq(index).addClass("on");
	$(".ads li").eq(index).show().css({"zIndex" : 2}).siblings().hide().css({"zIndex":1});
};
function gotoPage(num)
{
	var pageno = $("#pageno")[0].value;
	if(pageno.search("^-?\\d+$")!=0==true)
	{
		alert("请输入有效页码");
		return false;
	}
	else if(pageno > num || pageno <= 0)
	{
		alert("请输入有效页码");
		return false;
	}
	$("#gotoPageForm")[0].action = document.URL;
	$("#gotoPageForm")[0].submit();
}

//图片加载自适应
function SetImg(obj,maxW,maxH)
{
	var imgH=obj.height;
	var imgW=obj.width;

	if(obj.height>maxH)
	{
		obj.height=maxH;
		obj.widht=(obj.width*(maxH/imgH));
		imgH=maxH;
		imgW=obj.width;
	}
   
	if(obj.width>maxW)
	{
		obj.width=maxW;
		obj.height=(maxW/imgW)*imgH;
		imgW=maxW;
		imgH=obj.height;
	}
	if(obj.style.cssFloat)
	{
		obj.style.cssFloat='left';
	}
	else
	{
		obj.style.styleFloat='left';
	}
	obj.style.marginTop=(maxH-obj.height)/2+'px';
	obj.style.marginLeft=(maxW-obj.width)/2+'px';
}
//产品图片加载自适应
function SetAdditionImg(obj,maxW,maxH)
{
	var imgH=obj.height;
	var imgW=obj.width;

	if(obj.height>maxH)
	{
		obj.height=maxH;
		obj.widht=(obj.width*(maxH/imgH));
		imgH=maxH;
		imgW=obj.width;
	}
   
	if(obj.width>maxW)
	{
		obj.width=maxW;
		obj.height=(maxW/imgW)*imgH;
		imgW=maxW;
		imgH=obj.height;
	}
	if(obj.style.cssFloat)
	{
		obj.style.cssFloat='left';
	}
	else
	{
		obj.style.styleFloat='left';
	}
	obj.style.marginLeft=(maxW-obj.width)/2+'px';
}
//头部搜索关键字检测
function checkKeyword(form){
    var keyword = form.keyword.value;
    var k_length = keyword.length;
    var trim_keyword = $.trim(keyword);
    var trim_k_length = trim_keyword.length;
    var noword = "请输入搜索关键字";
    var longsearch = "请输入少于50个字符的搜索关键字。";
    var pattern = /^\s+$/;
    
    if(k_length == 0 || pattern.test(keyword)||keyword=="请输入产品名称"){//检测空格
        alert(noword);
        return false;
    }else if(trim_k_length < 1){
        alert(shortnotice);
        return false;
    }else if(trim_k_length > 50){
        alert(longsearch);
        return false;
    }else if(keyword == '请输入产品名称'){
        return false;
    }

    return true;
}


(function($){
	$.fn.extend({
		imgShower:function(settings){
			settings = $.extend({
				col : 4,
				row : 2,
				imgW:140,
				imgH:140,
				boxW:400,
				boxH:400
			},settings);

			var box = $(this),
			ul = $(this).find('ul'),
			li = $(this).find('li'),
			len = li.length,
			cache = {},
			height = li.outerHeight(),
			width = li.outerWidth(),
			//修复重复点击BUG
			isfirst = true,
			page=0,
			maxPage=Math.floor((len-1)/settings.col/settings.row),
			size = settings.col*settings.row,

			//事件绑定
			active = {
				setImg:function(obj,wrapW,wrapH,unit){
					var scale = $(obj).width()>$(obj).height()?wrapW/$(obj).width():wrapH/$(obj).height();
					scale = scale>1?1:scale;
					if(typeof unit!=='undefined'&&unit=='em'){
						$(obj).css({'width':$(obj).width()*scale/100+'em','height':$(obj).height()*scale/100+'em','marginTop':(wrapH-$(obj).height()*scale)/200+'em'});
					}else{
						$(obj).css({'width':$(obj).width()*scale,'height':$(obj).height()*scale,'marginTop':(wrapH-$(obj).height()*scale)/2});
					}
				},
				firstShow:function(){
					if(!isfirst) return false;
					var i	= li.index($(this)),
						pos = i%settings.col<(settings.col/2)?'left':'right',
						row = Math.floor(i/settings.col)%settings.row,
						//大图地址
						src = $(this).find('img')[0].src,
						//链接地址
						href = $(this).find('.txt')[0].href,
						newRight = cache.right.slice(0),
						newLeft = cache.left.slice(0),
						index = '';

					if(pos == 'left'){
						index =  i%settings.col+settings.col/2*row;
						newLeft.splice(index,1);
						
					}else{
						index = i%settings.col+settings.col/2*(row-1);
						newRight.splice(index,1);
					}
					for(var n=0,len=newRight.length;n<len;n++){
						$(li).eq(newRight[n]).stop(true,true).animate({'top':(n-page*settings.col/2)/2*height,'left':(settings.col-1/2)*width},500);
					}
					
					for(var n=0,len=newLeft.length;n<len;n++){
						$(li).eq(newLeft[n]).stop(true,true).animate({'top':(n-page*settings.col/2)/2*height,'left':0},500);
					}
					//缓存当前li
					$(this).hide();
					cache.hideItem = i;
					//显示大图
					$(showBox).find('.showBoxDetail').html('<a href="'+href+'" target="_blank"><img src='+src+' /></a>');
					$(showBox).find('.showBoxTxt').html('<a href="'+href+'" target="_blank">'+$(this).find('.txt').html()+'</a>');
					$(showBox).find('img')[0].onload = function(){active.setImg($(showBox).find('img'),settings.boxW,settings.boxH)};
					$(showBox).show().css({'width':$(this).width(),'height':$(this).height(),'top':$(this).css('top'),'left':$(this).css('left')}).show();
					$(showBox).stop(true,true).animate({'width':settings.boxW,'height':settings.boxH,'top':0,'left':(width*settings.col-settings.boxW)/2},500);
					$(ul).stop(true,true).animate({'fontSize':50},500);
					li.unbind('click.firstShow',active.firstShow).bind('click.simpleShow',active.simpleShow);
					showBox.find('.close').bind('click.closeShow',function(){active.closeShow(500)});
					isfirst = false;
					return false;
				},
				simpleShow:function(){
					var i	= li.index($(this)),
						src = $(this).find('img')[0].src,
						href = $(this).find('.txt')[0].href,
						pos = i%settings.col<(settings.col/2)?'left':'right',
						hidepos = cache.hideItem%settings.col<(settings.col/2)?'left':'right';
					//将隐藏的li移动到当前点击位置
					li.eq(cache.hideItem).show().css({'top':li.eq(i).css('top'),'left':li.eq(i).css('left')});
					$(this).hide();
					cache.hideItem = i;
					$(showBox).find('.showBoxDetail img')[0].src=src;
					$(showBox).find('.showBoxTxt a')[0].href=href;
					return false;
				},
				closeShow:function(speed){
					li.eq(cache.hideItem).show();
					li.each(function(i){
						var col = i%settings.col,
							row = Math.floor(i/settings.col%settings.row);
						li.eq(i).animate({'top':height*row,'left':width*col},speed);
					})
					$(ul).animate({'fontSize':100},speed);
					showBox.hide();
					isfirst = true;
					li.unbind('click.simpleShow',active.simpleShow).bind('click.firstShow',active.firstShow);
				}
			}

			//初始化
			//float转换为absolute
			cache.left = [];
			cache.right = [];
			$(ul).css({'position':'relative'});
			li.each(function(i){
				var col = i%settings.col,
					row = Math.floor(i/settings.col%settings.row);
				li.eq(i).css({'float':'none','position':'absolute','top':height*row,'left':width*col});
				//将li按照num的一半平分左右两列
				col<(settings.col/2)?cache.left.push(i):cache.right.push(i);
			})
			
			$(window).load(function(){
				//图片缩放
				$(box).find('img').each(function(i){
					active.setImg($(box).find('img').eq(i),settings.imgW,settings.imgH,'em');
				})
							
				//翻页
				if(len>size){
					var pageBox = $('<div class="offerPage"><a class="next-btn">下一页</a><a class="prev-btn disable">上一页</a></div>');
					$(box).append(pageBox);
					$(".next-btn").click(function(){
						page = page+1>maxPage?maxPage:page+1;
						!isfirst?active.closeShow(0):true;
						li.hide().slice(page*size,(page+1)*size).show();
						if(page==maxPage) $(this).addClass("disable").siblings().removeClass("disable");
					 })
					 $(".prev-btn").click(function(){
						page = page-1?0:page-1;
						!isfirst?active.closeShow(0):true;
						li.hide().slice(page*size,(page+1)*size).show();
						if(!page) $(this).addClass("disable").siblings().removeClass("disable");
					 }).trigger('click');
				}
			})
			
			//弹出层
			var showBox = $('<div class="innerShowBox"><span class="close"></span><div class="showBoxDetail"></div><div class="showBoxTxt"></div></div>');
			$(box).append(showBox);
			li.one('click.firstShow', active.firstShow);
		}
	})

})(jQuery);


$(function(){
	$('#content #recommendShower .showBox').imgShower();
})