﻿
var gSearch = {
	page:1,
	size:6,	
	txt:new Array(),	
	
	init:function(){	
		gSearch.txt["en_US"]= "Enter product code, keywords here.";
		gSearch.txt['zh_CN']="输入您要查询的产品代码、关键字到这儿.";
		gSearch.txt['de']= "Enter product code, keywords here.";
	}	
};

/**
<a href="?q=cn&p=1">Previous </a>
<a href="?q=cn&p=1" style="text-decoration:underline">1</a> 
<a href="?q=cn&p=2">2</a>
<a href="?q=cn&p=3">3</a> 
<a href="?q=cn&p=4">4</a>
<a href="?q=cn&p=5">5</a> 
<a href="?q=cn&p=6">6</a>
<a href="?q=cn&p=7">7</a> 
<a href="?q=cn&p=8">8</a>
<a href="?q=cn&p=9">9</a> 
<a href="?q=cn&p=10">10</a>
<a href="?q=cn&p=11">Next</a>

<div id="1" class="itemC" sort="item" >	
    <div class="proImgC"></div>
    <table border="0" style="float:left; margin-left:20px;" cellpadding="0" cellspacing="0">
        <tr><td width="60px">Name:</td><td>Product.1</td></tr>
        <tr><td width="60px">Number:</td><td>nu1002.1</td></tr>
        <tr><td width="60px">Category:</td><td>CateA->CateB</td></tr>
        <tr><td width="60px">Spec:</td><td>200mm*300mm 200mm*300mm 200mm*300mm 200mm*300mm200mm*300mm</td></tr>
    </table>
</div>

// eason
<div id="1" class="case"  sort="item">
	<div class="imgArea2"><img src="images/pic.png" width="181" height="106"/></div>
	<h4>fsdfsdfsd</h4>
	<h4>556464</h4>
	<h4>sddfsdf</h4>
</div>
*/
function initResult(key,result){
	
	if(result.length == 0){
		$("#searchInfo").hide();
		$("#searchPage").hide();
		$("#searchResult").html('<div class="itemC"> Sorry, No you want search result !</div>');
		return false;
	}
	
	//search result information
	$("#searchFrom").text((result["page"]["page"]-1)*gSearch.size+1);
	var to = result["page"]["page"]*gSearch.size;
	to = (to > result["page"]["count"])?result["page"]["count"]:to;
	$("#searchTo").text(to);
	$("#searchCount").text(result["page"]["count"]);
	$("#searchKey").text(result["page"]["key"]);
	$("#searchTime").text(result["page"]["time"].substring(0,6));
	
	var page = new Array();
	//	previous
	if(result["page"]["page"] != 1){
		page[page.length] = '<a href="?q='+result["page"]["key"]+'&p='+(result["page"]["page"]-1)+'"> Previous </a>';	
	}	
	//	content
	if(gSearch.size >= result["page"]["total"] ){
		for(var i=0;i<result["page"]["total"];i++){
			if(i == (result["page"]["page"]-1)){
				page[page.length] = '<a href="?q='+result["page"]["key"]+'&p='+(i+1)+'" style="text-decoration:underline">'+(i+1)+'</a>';
			}else{
				page[page.length] = '<a href="?q='+result["page"]["key"]+'&p='+(i+1)+'">'+(i+1)+'</a>';
			}
		}		
	}else{
		var count =  result["page"]["page"]-1 + gSearch.size;
		count = (count <= result["page"]["total"])?count:result["page"]["total"];
		for(var i=0;i<count;i++){
			if(i == (result["page"]["page"]-1)){
				page[page.length] = '<a href="?q='+result["page"]["key"]+'&p='+(i+1)+'" style="text-decoration:underline">'+(i+1)+'</a>';
			}else{
				page[page.length] = '<a href="?q='+result["page"]["key"]+'&p='+(i+1)+'">'+(i+1)+'</a>';
			}
		}		
	}	
	//	Next
	if(Math.ceil(result["page"]["page"]) < Math.ceil(result["page"]["total"])){
		page[page.length] = '<a href="?q='+result["page"]["key"]+'&p='+(Math.ceil(result["page"]["page"])+1)+'">Next</a>';	
	}	
	var page = page.join("\r\n");	
	$("#searchPage").html(page);
	$("#pageNo").val(gProduct.page);
	$("#pageSum").html(result["page"]["total"]);
	
	var html = new Array();
	for(var i=0;i<result.length;i++){		
		var name = highLight(key,result[i]["name"]);	
		var number = highLight(key,result[i]["number"]);
		var photoUrl = result[i]["photoUrl"];
		var cat_id = highLight(key,result[i]["cat_id"]);
		
		/*
		html[html.length] = '<div id="'+result[i]["id"]+'" class="itemC" sort="item" >';
		html[html.length] = '	<div class="proImgC"></div>';
		html[html.length] = '	<table border="0" style="float:left; margin-left:20px;" cellpadding="0" cellspacing="0">';		
		html[html.length] = '		<tr><td width="60px">Name:</td><td>'+name+'</td></tr>';
		html[html.length] = '		<tr><td width="60px">Number:</td><td>'+number+'</td></tr>';
		html[html.length] = '		<tr><td width="60px">Category:</td><td>'+cat_id+'</td></tr>';
		html[html.length] = '		<tr><td width="60px">Spec:</td><td>'+spec+'</td></tr>';
		html[html.length] = '	</table>';
		html[html.length] = '</div>';
		*/
		html[html.length] = '<div id="'+result[i]["id"]+'" class="case" sort="item" >';
		html[html.length] = '<div class="imgArea2"><img src="'+photoUrl+'" width="181" height="106"/></div>';
		html[html.length] = '<h4>'+name+'</h4>';
		//html[html.length] = '<h4>'+number+'</h4>';
		html[html.length] = '<h4>'+cat_id+'</h4>';
		//html[html.length] = '<h4><span>spec:</span>'+spec+'</h4>';
		html[html.length] = '</div>';
		
		
	}
	var htm = html.join("\r\n");	
	$("#productList").html(htm);
	initItemB();
}


/*
var arr = ["bd","b","abc","ab","abcd"];
var newArr = grep(arr)); newArr = ["abcd","bd"]
*/
function grep(arr){
	if(arr.length == 1) return arr;
	
	// sort, get array link ["abcd","abc","bd","ab","a"]
	arr = arr.sort(function(x,y){   
		return y.length - x.length;
	});	
	// if contain, set value ""
	for(var i=0;i<arr.length-1;i++){
		for(var j=i+1;j<arr.length;j++){
			if(arr[j] == "") break;
			var exist = arr[i].search(arr[j]);
			//$.log(exist + " | " + arr[i] + " | "+ arr[j]); //	Test
			if(exist != -1){
				arr[j] = "";
			}
		}
	}
	// Remove the previous set "" Item
	var newArr = new Array();
	var count = 0;
	for(var i=0;i<arr.length;i++){
		if(arr[i] != ""){
			newArr[count] =  arr[i];
			count++;
		}
	}
	return newArr;		
}


function pageSearchKeyDown(e){
	e = e || window.event;
	if(e.keyCode == 13){
		var pageNo = $("#pageNo").val();
		var pageSum = Math.ceil($("#pageSum").html());
		var q = $("#autosearch").text();
		var re = new RegExp("^[1-9]*$");
		var judeg = re.test(pageNo);
		if(pageNo <= 0 || pageNo > pageSum || !judeg){
			$("#pageNo").val(gProduct.page);
			return false;
		}
		location.href = "?q="+q+"&p="+pageNo;	
	}	
}

function highLight(key,str){
	key = $.trim(key);
	key = key.replace(/\s+/g," ");//把中间的多个空格用一个空格替换(eg. "a b  cb " -> "a b cb");
	keyArr = key.split(" ");
	keyArr = grep(keyArr);
	//$.log(keyArr);
	for(var i=0;i<keyArr.length;i++){
		str = str.replace(eval("/"+keyArr[i]+"/ig"),"<>"+keyArr[i]+"</>");			
	}
	str = str.replace(/<>/ig,"<b class='highLight'>");
	str = str.replace(/<\/>/ig,"</b>");			
	return str;
}


function initSearchMarket(val){
	global.market = val;
	global.init();
	
	var c = "all";
	var gm = global.market;
	if(gm == "US"){c = "us";}
	else if(gm == "CN"){c = "ch";}
	else if(gm == "DE"){c = "gm";}
	$("#searchMarket").removeClass();	
	
	//$("#searchMarket").attr("value",global.market).addClass(c).html(global.marketText[global.market]);
	$("#searchMarket").attr("value",global.market).addClass(c).html("Plant");
	$("#autosearch_market").val(global.market);
	
	$("#search_market").find("li a").click(function(){
		$("#autosuggest").hide();
		var market = $(this).attr("market");	
		
		//$("#searchMarket").attr("value",market).html(global.marketText[market]);
		$("#searchMarket").attr("value",market).html("Plant");
		
		$("#autosearch_market").val(market);
		
		$("#search_market").hide();
	});	
	$("#searchMarket").hover(function(){
		$("#search_market").show();
	},function(){
		$("#search_market").hide();		
	});	
	
	$("#search_market").hover(function(){
		$("#search_market").show();
		},function(){
		$("#search_market").hide();
	});	
	
	
}