// 在线客服层上下移动
function getPosition(){

	var onlineServerBar=$("#cart_scroll_bar");
	var boxOffset=onlineServerBar.offset();
	var boxHeight=onlineServerBar.height();
	var screenHeight=$(window).height();
	var bodyScrollTop=$(document).scrollTop();
	var topPosition=bodyScrollTop;
	onlineServerBar.animate({top: topPosition}, { queue: false, duration: "slow" });	
}

//生成在线服务图片链接
function createOnlineBox(){
	//$("body").append("<div id=\"cart_scroll_bar\"><div id=\"online_box\" class=\"c_s_b\"><div class=\"c_s_b_inner\"><p><a href=\"#\" onclick=\"window.open('http://www.53kf.com/company.php?arg=shopleader&style=1','_blank','height=473,width=703,fullscreen=3,top=200,left=200,status=yes,toolbar=no,menubar=no,resizable=no,scrollbars=no,location=no,titlebar=no,fullscreen=no');\"><img src=\"http://www.53kf.com/kfimg.php?arg=shopleader&style=1&on_img=http://res.fstvgo.com/www/kefu_online.jpg&off_img=http://res.fstvgo.com/www/kefu_offline.jpg\" border=0></a></p></div></div></div>");
	$("body").append("<div id=\"cart_scroll_bar\"><div id=\"online_box\" class=\"c_s_b\" style=\"background:none;margin-top:1px;\"><div class=\"c_s_b_inner\" style=\"background:none;border:0;\"><p><a target=\"_blank\" href=\"http://wpa.qq.com/msgrd?v=3&uin=1582246820&site=qq&menu=yes\"><img border=\"0\" src=\"http://wpa.qq.com/pa?p=2:1582246820:42\" alt=\"点击这里给我发消息\" title=\"点击这里给我发消息\">客服一</a></p></div></div></div>");
	$("body").append("<div id=\"cart_scroll_bar\"><div id=\"online_box\" class=\"c_s_b\" style=\"background:none;margin-top:1px;\"><div class=\"c_s_b_inner\" style=\"background:none;border:0;\"><p><a target=\"_blank\" href=\"http://wpa.qq.com/msgrd?v=3&uin=2460843724&site=qq&menu=yes\"><img border=\"0\" src=\"http://wpa.qq.com/pa?p=2:2460843724:42\" alt=\"点击这里给我发消息\" title=\"点击这里给我发消息\">客服二</a></p></div></div></div>");

	$("#cart_scroll_bar").append("<a href=\"#\" title=\"关闭\" id=\"close_box\">关闭</a>");
	$("#close_box").click(function(){$("#cart_scroll_bar").hide("slow");$(window).unbind();return false;});
}

function trySetDefaultText(obj,txt){
    if(obj.value==""){
        obj.value = txt;
        $(obj).addClass('default');
    }
}
function tryClearDefaultText(obj,txt){
    if(obj.value==txt){
        obj.value = '';
        $(obj).removeClass('default');
    }
}

function searchResult(e){
	if (e.keyCode!=13 && e.keyCode!=38 && e.keyCode!=40){
		if ($("#keyword").val() != ""){		
			var timestamp = (new Date()).valueOf();	
			$.ajax({
				url: "/product/searchBarResult.php",
				data: {keyword: $("#keyword").val(),time: timestamp},
				type: "GET",
				dataType: "html",
				timeout: 10000,
				success: function(html){				
					if (html != ""){
						showSearchBarResult();
						$("#searchBar_result").html(html);
					}else{
						hideSearchBarResult();
					}
				}
			});
		}else{
			hideSearchBarResult();
		}
	}
}

var nowLink = 0;
var perLink = 0;
function showKeyDown(e){
	var countChild=$("#searchBar_result ul li").length;;
	if(e.keyCode == 38 || e.keyCode == 40){		
		perLink = nowLink;
		if(e.keyCode == 38){
			if (nowLink > 1){				
				nowLink--;				
			}
		}else if(e.keyCode == 40){
			if (nowLink < countChild){
				nowLink++;
			}
		}		
		
		$("#searchBar_result ul li:nth-child("+nowLink+")").css("background","#fff7d1");
		if (nowLink != perLink && perLink != 0){
			$("#searchBar_result ul li:nth-child("+perLink+")").css("background","#fff");
		}
		
		$("#keyword").val($("#searchBar_result ul li:nth-child("+nowLink+") a").attr("title"));
	} 
}

function showMouseOver(obj){
	$("#searchBar_result ul li").css("background","#fff");
	$(obj).css("background","#fff7d1");
}

function showSearchBarResult(){
	var top = $("#search_box").offset().top+82;
	var left = $("#search_box").offset().left+376;
	
	$('#searchBar_result').css('top', top);
	$('#searchBar_result').css('left', left);
	$('#searchBar_result').css('width', 242);
	$("#searchBar_result").show();
	nowLink = 0;
    perLink = 0;
}

function hideSearchBarResult(){
	$("#searchBar_result").hide();
}

function selectSearchBarResult(keyword){	
	hideSearchBarResult();
	$("#keyword").val(keyword);
	$("#searchform").submit();
}

document.onmousedown=function(e){	
	e=e||window.event;
	var elm=e.target||e.srcElement;	
	if(elm == document.getElementById('keyword')){
		return 
	} 
	
	var isClickResult=false;
	while(elm=elm.parentNode){
		if(elm == document.getElementById('keyword') || elm == document.getElementById('searchBar_result')){
			isClickResult=true;
		}		
	}

	if (!isClickResult){
		hideSearchBarResult();
	}
};

$(document).ready(function(){	        
	$("#header").pngFix();
	$(".s_box").wrapInner("<div class=\"s_b_r\"><div class=\"s_b_l\"><div class=\"s_b_b\"><div class=\"s_b_l_b\"><div class=\"s_b_r_b\"><\/div><\/div><\/div><\/div><\/div>");
	$(".b_button").wrapInner("<span class=\"b_b_b\"><span class=\"b_b_l\"><span class=\"b_b_r\"><\/span><\/span><\/span>");
	$(".b_button input,.b_button a,.s_box h4").css("backgroundColor","transparent");
	$(".s_box h4").wrap("<div class=\"h_b\"><div class=\"h_l\"><div class=\"h_r\"><\/div><\/div><\/div>");
	$(".u_button").wrapInner("<span class=\"u_b\"><span class=\"u_l\"><span class=\"u_r\"><\/span><\/span><\/span>");
	$("a").focus(function(){this.blur();});

	//在线客服层生成
	createOnlineBox();

	//在线客服层上下移动
	getPosition();
	$(window).scroll(getPosition);
	
	// 获取购物车商品数量
	var timestamp = (new Date()).valueOf();	
	$.ajax({
		url: "/payment/getCartCount.php",
		data: {time: timestamp},
		type: "GET",
		dataType: "html",
		timeout: 10000,
		success: function(html){			
			$("#cartCount").html(html);
			$("#accountCartCount").html(html);
		}
	});	
});
