﻿
var eventSrcId;var golobalKeyWord;var isSearchBoxBlur=false;var IsHoverOnTip=false;var IsFirstShow=true;var Tip={currentId:"",totalCount:0};$(document).ready(function(){$("li :input").toggleClass("watermark");});function MySuggestion(id,arg){this.srcElementId=id;eventSrcId=id;this.keyWord=arg;golobalKeyWord=arg;}
MySuggestion.prototype.Go=function(event){var e=event||window.event;var code=e.keyCode||e.which;if(code=="40"||code=='38'||code=='13')
return;if($("#"+eventSrcId).val()==""){$("#TipContainer").hide();return;}
var url='keyword='+escape(this.keyWord)+'&num='+Math.random()*1000;isSearchBoxBlur=false;$.ajax({url:'suggestion.ashx',method:'GET',data:url,complete:function(res,status){var html="";if(status=='success'){$("#TipContainer").show();var ProductsJson=eval(res.responseText);if(ProductsJson.length==0){$("#TipContainer").hide();return;}
Tip.totalCount=ProductsJson.length;var htmlHeader="<table  cellpadding='0' cellspacing='0' style='width:100%'><tr class='TipHeader'><td colspan='2'  style='text-align:left' >&nbsp;Products<td></tr>";var htmlFoot="<tr class='TipHeader'><td colspan='2' style=\"padding-right:5px;text-align:right;\" ><a onclick=\"viewAllResults();\"> View all search results now!</a><td></tr>";for(var i=0;i<ProductsJson.length;i++){html+="<tr  id=\"tr_"+i+"\" class=\"TRNormal\"  onclick=\"goto('"+ProductsJson[i].Introl+"');\"  url=\""+ProductsJson[i].Introl+"\"  onmouseover=\"toggleCss(this.id,'over');\" onmouseout=\"toggleCss(this.id,\'out\');\" >";html+="<td>&nbsp;&nbsp;<img style=\"width:50px;height:50px;\"  src=\""+ProductsJson[i].Photo.toString().replace('~/','')+"\"/></td>";html+="<td><div>"+ProductsJson[i].ProName+"</div>";html+=" <div>Sale Price:"+ProductsJson[i].Sales+" &nbsp;&nbsp;"+"</div>";html+="</td>";html+="</tr>";}
html=htmlHeader+html+htmlFoot;html+="</table>";$("#TipContainer").html(html);$("#TipContainer").corner("bottom");}}});if(IsFirstShow){adjustPostion();IsFirstShow=false;}}
function goto(url)
{window.location.href=url;}
function viewAllResults(){var url='Search-Content-'+golobalKeyWord+'-Page1-.html';window.location.href=url;}
function toggleCss(id,action){if(action=="over"){$("#"+id).addClass("TRHover");$("#"+id).removeClass("TRNormal");}
else{$("#"+id).removeClass("TRHover");$("#"+id).addClass("TRNormal");}
Tip.currentId=id;}
function adjustPostion(){var srcId=eventSrcId;var divTop=$("#"+srcId).parent("div .top")[0];var srcElement=$("#"+srcId)[0];var Container=$("#TipContainer")[0];var offset=$("#"+eventSrcId).offset();var left=offset.left-19;var top=offset.top+srcElement.offsetHeight+7;$("#TipContainer").css("left",left);$("#TipContainer").css("top",top);}
function SeaarchBoxOnFocus(id){$("li :input").removeClass("watermark");if($("#"+id).val()=="Search")
$("#"+id).val("");}
function SearchBoxOnBlur(id){if($("#"+id).val()=="")
$("#"+id).val("Search")}
function SearchBoxBlur(id){isSearchBoxBlur=true;if($("#"+id).val()==""){$("li :input").toggleClass("watermark");$("#"+id).val("Search");}}
function HoverOnTip(){IsHoverOnTip=true;}
function LeaveFromTip(){IsHoverOnTip=false;}
window.document.onmousedown=function(){if(isSearchBoxBlur&&!IsHoverOnTip){$("#TipContainer").hide();}}
function captureKeyDown(event){var e=event||window.event;var code=e.keyCode||e.which;if($("#TipContainer").css("display")=='block'){if(code=='13'){var url=$("#"+Tip.currentId).attr('url');window.location.href=url;return false;}
else if(code=='38'){if(Tip.currentId!=""){$("#"+Tip.currentId).mouseout();index=Tip.currentId.split('_')[1];index--;if(index==-1)index=Tip.totalCount-1;Tip.currentId="tr_"+index;$("#"+Tip.currentId).mouseover();}
else
return;}
else if(code=="40"){var index=0;if(Tip.currentId!=""){$("#"+Tip.currentId).mouseout();index=Tip.currentId.split('_')[1];index++;}
if(index==Tip.totalCount)index=0;Tip.currentId="tr_"+index;$("#"+Tip.currentId).mouseover();}}}
function ShowTip(event,srcElementId,keyword){var sug=new MySuggestion(srcElementId,keyword);sug.Go(event);}
