//<script>
var arr_items_name = new Array("by_fixture","by_style","by_price","by_brand");
var ItemID = 0;
var str_url = "";
function MM_preloadImages() { //v3.0
			var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    		var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    		if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function openMenu(elm, arg,url_location){		
	var elmOptions = null;
	for(var i  = 0; i< elm.childNodes.length; i++) {
		if(elm.childNodes[i].tagName=="DIV" && elm.childNodes[i].id.indexOf("_options") > 0)
			elmOptions = elm.childNodes[i];
	}
	if(elmOptions==null) return;
	
	ItemID = arg;
	elmOptions.style.display = (elmOptions.style.display=="") ? "none" : "";
	if(elmOptions.style.display == ""){
		if(elmOptions.childNodes.length > 30) {
			elmOptions.style.height = 30*13+3;
		} else {
			elmOptions.style.height = "";
		}
		var width = 0;
		for(var i = 0; i<elmOptions.childNodes.length; i++) {
			var elmOption = elmOptions.childNodes[i];
			elmOption.onmouseover = onOptionOver;
			elmOption.onmouseout = onOptionOut;
			elmOption.onclick = onOptionClick;
			if(width < elmOption.scrollWidth)
				width = elmOption.scrollWidth;
		}
		elmOptions.style.width = elm.scrollWidth+10;
	}
}
function onOptionOver() {
	this.style.backgroundColor = "#972D30";
	this.style.color = "#EEEEFF";
}
function onOptionOut() {
	this.style.backgroundColor = "#FFFFFF";
	this.style.color = "#000000"
}
function onOptionClick(evt) {
	if(window.event) {
		evt = window.event;
	}
	var elm = this.parentNode.parentNode;
	var selItem = null;

	for(var i  = 0; i< elm.childNodes.length; i++) {
		if(elm.childNodes[i].tagName=="DIV" && elm.childNodes[i].className == "selectedItem")
			selItem = elm.childNodes[i];
	}
	openMenu(elm, ItemID);
	if(this.attributes["value"].nodeValue != selItem.attributes["value"].nodeValue)
	{
		selItem.innerHTML = this.innerHTML;
		selItem.attributes["value"].nodeValue = this.attributes["value"].nodeValue;
		getData();
	}
	evt.cancelBubble = true;
}		
function search_submitReg() {
	var str_url = "";
	for(var i = 0; i<arr_items_name.length; i++){
		var selItem = document.getElementById(arr_items_name[i] + "_selected");
		document.forms["frmSearch"].elements[arr_items_name[i]].value=selItem.attributes["value"].nodeValue;
		str_url = str_url + "&"+arr_items_name[i]+"="+selItem.attributes["value"].nodeValue;
	}
	var o = document.getElementById("search_text");
	var val = escape(o.value).replace(/\+/g,"%2B");
	str_url = str_url + "&search_text="+ val;

	//location.href = request_base + "index.cfm?act=public.products.search_filter"+str_url;
	//document.forms["frmSearch"].submit();
	return true;
}

function resetSearch() {
	for(var i = 0; i<arr_items_name.length; i++)
		{
		var forms_count = document.getElementsByName(arr_items_name[i] + "_selected").length;
		var selItem_array = new Array();
		var firstOption_array = new Array();
		if (forms_count == 0)
			{
			forms_count = 1;
			selItem_array[0] = document.getElementById(arr_items_name[i] + "_selected");
			firstOption_array[0] = document.getElementById(arr_items_name[i] + "_options");
			}
		else
			{
			selItem_array = document.getElementsByName(arr_items_name[i] + "_selected");
			firstOption_array = document.getElementsByName(arr_items_name[i] + "_options");
			}
			
		for(var j=0; j<forms_count; j++)
			{
			var selItem = selItem_array[j];
			var firstOption = firstOption_array[j].childNodes[0];
			selItem.innerHTML = firstOption.innerHTML;
			if(firstOption.attributes != null)
				selItem.attributes["value"].nodeValue = firstOption.attributes["value"].nodeValue;
			}
		}

	//alert("search_text" + " - " + document.getElementsByName("search_text").length);
	var forms_count = document.getElementsByName("search_text").length;
	var o_array = document.getElementsByName("search_text");
	for(var j=0; j<forms_count; j++)
		{
		var o = o_array[j];
		o.value = "";
		}

	getData();
	var o = document.getElementById("resetSearchId");
	o.style.display = "none";

	var o = document.getElementById("by_fixture");
		o.style.width = 125;
	var selItem = document.getElementById("by_fixture_selected");
		selItem.style.width = 105;
	var o = document.getElementById("by_style");
	o.style.width = 145;
	var selItem = document.getElementById("by_style_selected");
		selItem.style.width = 125;
}

var objXMLDoc = null;

function xmlRows2Array(oElement,xPath){
	var aData = new Array();

	aRows = xPathSearch(oElement,xPath);
	for (var i = 0; i < aRows.length; i++){
		var o = new Object();
		for (var j = 0; j < aRows[i].childNodes.length; j++){
			o[aRows[i].childNodes[j].nodeName] = aRows[i].childNodes[j].firstChild.nodeValue;
		}
		aData.push(o)
	}
	
	return aData;
}

function getData(){
	var strUrl = request_base_local + "site/public/products/get_search_filter_xml.cfm?" + "&dt="+(new Date()).getTime();
	strUrl += "&by_fixture=" + document.getElementById("by_fixture_selected").attributes["value"].nodeValue;
	strUrl += "&by_style=" + document.getElementById("by_style_selected").attributes["value"].nodeValue;
	strUrl += "&by_price=" + document.getElementById("by_price_selected").attributes["value"].nodeValue;
	strUrl += "&by_brand=" + document.getElementById("by_brand_selected").attributes["value"].nodeValue;

	objXMLDoc = XmlHttp.create();
	objXMLDoc.onreadystatechange = function (){
		if(objXMLDoc.readyState == 4){
			LoadDataCompleted();
		}
	}
	objXMLDoc.open("GET", strUrl, true);
	objXMLDoc.send(null);
}

function LoadDataCompleted(){
	if(VerifyLoad(objXMLDoc)) {
		var arr = xmlRows2Array(objXMLDoc.responseXML.documentElement, "//data/category/rows/row");
		var objOptions = document.getElementById("by_fixture_options");
		var strOptions = "<div value='-1'>Select Category</div>"

		for(var i=0; i < arr.length; i++) {
			strOptions += "<div value='" + arr[i]["code"] + "'>" + arr[i]["name"] + "</div>"
		}
		objOptions.innerHTML = strOptions;

		var arr = xmlRows2Array(objXMLDoc.responseXML.documentElement, "//data/subcategory/rows/row");
		var objOptions = document.getElementById("by_style_options");
		var strOptions = "<div value='-1'>Select SubCategory</div>"

		for(var i=0; i < arr.length; i++) {
			strOptions += "<div value='" + arr[i]["code"] + "'>" + arr[i]["name"] + "</div>"
		}
		objOptions.innerHTML = strOptions;

		var arr = xmlRows2Array(objXMLDoc.responseXML.documentElement, "//data/price_range/rows/row");
		var objOptions = document.getElementById("by_price_options");
		var strOptions = "<div value='-1'>Select Price</div>"

		for(var i=0; i < arr.length; i++) {
			strOptions += "<div value='" + arr[i]["code"] + "'>" + arr[i]["name"] + "</div>"
		}

		objOptions.innerHTML = strOptions;
		var arr = xmlRows2Array(objXMLDoc.responseXML.documentElement, "//data/manufacturer/rows/row");
		var objOptions = document.getElementById("by_brand_options");
		var strOptions = "<div value='-1'>Select Brand</div>"
		for(var i=0; i < arr.length; i++) {
			strOptions += "<div value='" + arr[i]["code"] + "'>" + arr[i]["name"] + "</div>"
		}
		objOptions.innerHTML = strOptions;
	}
}

function VerifyLoad(objXMLDoc){
	//alert(objXMLDoc.responseXML.documentElement)
	if(objXMLDoc.responseXML!=null && objXMLDoc.responseXML.documentElement!=null){ //  
		return true;
	}else{
		//alert("Error happen. Please try again.")
		/*var objOptions = document.getElementById("by_fixture").childNodes[1];
		objOptions.innerText = objXMLDoc.responseText; */
		//document.write(objXMLDoc.responseText)
	}
	return false;
}

//</script>