$(document).ready(function() {
            $("#txtStyleLookup").autocomplete(rootURL + "php/styleLookup.php", {
		width: 150,
		minchars: 2,
		highlight: false,
		scroll: true,
		scrollHeight: 300,
		autoFill:false,
		mustMatch: false,
		selectFirst: false,
		parse: function(data){
        		var array = new Array();
			var b = data.split("^");
        		for(var i=0;i<b.length;i++)
	        		{
	        	    	array[array.length] = { data: b[i], value: b[i].split("|")[0], result: b[i].split("|")[0] };
		        	}
        		return array;
			},
   		formatItem: function(data, i, n, value) {
			return value + "<br /><img  align='top' src='http://www.visualbadge.com/w3ShowImage.aspx?img=" + value + ".jpg&f=images/&h=50&maxw=50' /> ";
		},
		formatResult: function(data, value) {
			return value;
		}
	});


$('input#txtStyleLookup').result(function(event, data, formatted) {

});


$("#txtStyleLookup").keyup(function(event){
  if(event.keyCode == 13){
    styleLookup_Results();
  }
});

});  // document.ready

function styleLookup_Results(){


	var searchBy=$("#txtStyleLookup").val();
	if (searchBy=="") return;

	$("#stylelookup_button").focus();

	$("#subpage-content").contents().remove();
	$("#subpage-content").append("Style Lookup :: " + searchBy + "<br />");

	$.get(rootURL + 'php/styleLookup.php?q=' + searchBy, function(data) {
		if (data==""){
			$("#subpage-content").append("No styles matching your search. Please contact us to asssist you in finding what you are looking for.");
		} else{
			var items = data.split("^");

			for(i = 0; i < items.length; i++){
				$("#subpage-content").append(styleLookup_Results_BuildItem(jQuery.trim(items[i]))); 
			}
		}
		$("#txtStyleLookup").val("");

		// make fancybox reinit
    		setTimeout(
        	function() {
            		$("a.iframe").fancybox(
				{
					'transitionIn'	:	'fade',
					'transitionOut'	:	'fade',
					'speedIn'		:	600, 
					'speedOut'		:	200, 
					'overlayShow'	:	true,
					'width':700,
					'height':480

				}
			);
        		},
        		600
    			);
	
	});


}

function styleLookup_Results_BuildItem(item) {
	var prop = item.split("|");
	var result="";

	var leatherLink="<a class=\"iframe\" href=\"http://www.visualbadge.com/LeatherDetails.aspx?style=" + prop[0] +"\">";


	result +="<div class=\"lookup-result-smallbox\">"

	result +="<div class=\"header\">";
	if (prop[4]!=-9){
		result +="<a href=\"" + rootURL + "visualbadge_build.html?b=" + prop[0] +"\">";
	} else {
		result +=leatherLink;
	}
	result += prop[0] + styleLookup_Results_BuildDimension(prop[2],prop[3]);
	result += "</a>";

	result += "</div>";

	result +="<div class=\"lookup-result-smallbox-imgwrap\">";

	if (prop[4]!=-9){
		result +="<a href=\"" + rootURL + "visualbadge_build.html?b=" + prop[0] + "\">";
	}else {
		result +=leatherLink;
	}

	result +="<img src=\"http://www.visualbadge.com/w3ShowImage.aspx?img=" + prop[0] +".jpg&f=images/&h=170&maxw=165"  + "\" alt=\"\"";
//	result += " onmouseover=\"showtrail(300,180,'http://www.visualbadge.com/w3ShowImage.aspx?img=" + prop[0] +".jpg&f=images/&h=600&maxw=600');\" onmouseout=\"hidetrail();\"";
	result +=" /></a>";
	result +="</div>";

	result +="<div class=\"footer\">";
	if (prop[4]!=-9) {
		result +="<a class=\"categ\" href=\"" + rootURL + "visualbadge_1categ.html?c=" + prop[4] + "\">" ;
	}else {
		result +=leatherLink;
	}

	result += prop[1];
	result += "</a>";


	if (prop[4]!=-9) {
		result +="<a class=\"iframe\" href=\"http://www.visualbadge.com/php/getBadgePrice.php?build=1&badge=" + prop[0] + "\">";
		result +="<img src=\"" + rootURL + "img/dollar_quest.png\" alt=\"Retail Price\" />";
		result +="</a>";
	}

	result += "</div>";

	result +="</div>";

	return result;
}

function styleLookup_Results_BuildDimension(w,h) {
	var result = "";
	if (w>0 && h>0) {
		if (w>0) result = w + "'' W";
		if (h>0) result = (result=="" ? "" : result + " x ") + h + "'' H";
		result = " (" + result + ")";
	}
	return result;
}