jQuery(document).ready(function() {
	jQuery("#searchSubmit").click(function() {
		var searchVal = jQuery("#searchField").val();
		searchVal = jQuery.trim(searchVal);
		if(searchVal.length > 0) {
			document.location.replace('/mktg/find.htm?sst='+searchVal);
		}
		return false;
	});	
	
	jQuery("#searchField").click(function() {
		jQuery(this).addClass("searchFieldBold");
		oDisplayShowAllDiv();
	});
	
	jQuery("#searchField").keypress(function(e) {
	
		if(e.which==13) {
			var searchVal = jQuery("#searchField").val();
			searchVal = jQuery.trim(searchVal);
			if(searchVal.length > 0) {
				var term = encodeURIComponent(searchVal);
				document.location.replace('/mktg/find.htm?sst='+term);
			}
			return false;
		}
	});
});


function oDisplayShowAllDiv() {
	removeWindow();
	var offset = jQuery("#searchField").offset();
	
	var left = offset.left;
	var top = offset.top;
	var newTop = top + 25;
	
	var cntr = document.createElement("div");
	cntr.id = "showAllCntr";
	cntr.className = "showAllCntr";

	jQuery("body").append(cntr);
	
	jQuery("#showAllCntr").css("position","absolute");
	jQuery("#showAllCntr").css("display","none");
	jQuery("#showAllCntr").css("left",left);
	jQuery("#showAllCntr").css("top", newTop);
	
	var htmlBody = "<div class='showAllClose' id='showAllClose'>&nbsp;</div><p style='font-weight:bold;'>Enter a UPC or a product name</p>" +
			"<p style='font-size:12pt;font-weight:bold;'>OR</p>" +
			"<p><a href='#' id='allManufacturers' class='viewAll'>Display all Manufacturers</a></p>"+
			"<p><a href='#' id='allBrands' class='viewAll'>Display all Brands</a></p>";
	jQuery("#showAllCntr").html(htmlBody);
	jQuery("#showAllCntr").slideDown("slow");
	jQuery("#showAllClose").click(function() {
		jQuery("#showAllCntr").remove();
	});
	
	jQuery("#allManufacturers").click(function() {
		viewAllManufacturers()
	});	 
	jQuery("#allBrands").click(function() {
		viewAllBrands()
	});
	
}



function viewAllManufacturers() {
	var sUrl = CONTEXT_PATH +"/listAll.htm";
	jQuery.get(sUrl, {type:'M'}, function(data) {
		var facetData = data.facets;
		var htmlData = new Array();
		for(var i=0;i<facetData.length;i++) {
			htmlData.push("<div class='view_row'>");
			var facet = facetData[i].facet;
			var count = facetData[i].count;
			var searchUrl = CONTEXT_PATH +"/find.htm?istat=P&mfg="+facetData[i].id+"&mfgd="+encodeURIComponent(facet);
			htmlData.push("<a href='"+searchUrl+"'>"+facet+" ("+count+")</a>");
			htmlData.push("</div>");
		}
		createWindow();
		jQuery("#view_content").html(htmlData.join(''));
		jQuery("#view_title").html("Complete Manufacturer Listing");
	},'json');

	
	
}

function viewAllBrands() {


	var sUrl = CONTEXT_PATH +"/listAll.htm";
	jQuery.get(sUrl, {type:'B'}, function(data) {
		var facetData = data.facets;
		var htmlData = new Array();
		htmlData.push("<div class='view_row'>");
		for(var i=0;i<facetData.length;i++) {
			htmlData.push("<div class='view_row'>");
			var facet = facetData[i].facet;
			var count = facetData[i].count;
			var searchUrl = CONTEXT_PATH +"/find.htm?istat=P&brnd="+facetData[i].id+"&brndd="+encodeURIComponent(facet);
			htmlData.push("<a href='"+searchUrl+"'>"+facet+" ("+count+")</a>");
			htmlData.push("</div>");
		}
		createWindow();
		jQuery("#view_content").html(htmlData.join(''));
		jQuery("#view_title").html("Complete Brand Listing");
	},'json');
}

function createWindow() {

	var outerDiv = document.createElement("div");
	outerDiv.id = "view_outer";
	
	var innerDiv = document.createElement("div");
	innerDiv.id = "view_inner";
	
	jQuery("body").append(outerDiv);
	jQuery(outerDiv).append(innerDiv);

	jQuery("#view_inner").attr("align","center");

	jQuery("#view_outer").addClass("view_outer");
	jQuery("#view_inner").addClass("view_inner");
	//jQuery("#view_outer").centerit();
	jQuery("#view_outer").center();
	var body = "<span style='float:left;padding-left:20px;font-weight:bolder;font-size:12pt;' id='view_title'></span><span style='float:right;padding-right: 10px;padding-bottom: 5px;'><a href='javascript:void(0);' class='button-close'><ins>close</ins></a></span><div class='view_content' id='view_content'></div>";

	jQuery("#view_inner").html(body);
	
	jQuery(".button-close").click(function(){jQuery("#view_outer").remove()});
	
}

function removeWindow() {
	
	jQuery("#view_outer").remove();
}