var agt = navigator.userAgent.toLowerCase();
//is IE
var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
//is Gecko (Mozilla)
var is_safari  = (agt.indexOf("safari") != -1);
var is_gecko  = (navigator.product == "Gecko" && !is_safari);
window.onload = function() {
	if(is_gecko) {//fix display for FireFox
		document.getElementById("leftPanelEnd").style.height = "33px";
	}
	getAndFill();
}

var jar=new cookiejar("demo");
jar.path = "/";

function saveValsFromURL() {
	var url = window.location.href;
	if(url.indexOf("gclid=") == -1) {
		return;
	}
	var urlArr = url.split("/");
	for(var i=0; i<urlArr.length; i++) {
		if(urlArr[i] == "custom1") {
			if(urlArr[i+1] != null) {
				jar.setCookie("material", urlArr[i+1]);
				jar.write();
			}
		}
		if(urlArr[i] == "custom2") {
			if(urlArr[i+1] != null) {
				jar.setCookie("construction", urlArr[i+1]);
				jar.write();
			}
		}
		if(urlArr[i] == "custom3") {
			if(urlArr[i+1] != null) {
				jar.setCookie("style", urlArr[i+1]);
				jar.write();
			}
		}
		if(urlArr[i] == "custom4") {
			if(urlArr[i+1] != null) {
				jar.setCookie("pricolor", urlArr[i+1]);
				jar.write();
			}
		}
		if(urlArr[i] == "keyword") {
			if(urlArr[i+1] != null) {
				jar.setCookie("size", urlArr[i+1]);
				jar.write();
			}
		}
	}
}
//call it
saveValsFromURL();


function search(a){
  
       


	if(a==null){
		setHiddenField(null);
		return
	}
	if(!a.checked){//unchecked checkbox
		jar.delCookie(a.name);
	}else{//checked
		//disabled other checkboxes: begin
		var cbOthers = document.getElementsByName(a.name);
		for(var i=0; i<cbOthers.length; i++) {
			if(cbOthers[i] != a) {
				//cbOthers[i].disabled = true;
				cbOthers[i].checked = false;
			}
		}
		//disabled other checkboxes: end
		jar.setCookie(a.name,a.value);
		jar.setCookie("lastSelectionOptName",a.name);
		jar.setCookie("lastSelectionOptVal",a.value);
	}
	jar.write();
	setHiddenField(a)
}

function setHiddenField(i){
	//var h=document.getElementById("oem");
	//var t=document.getElementById("keyword");
	//var f=document.getElementById("custom1");
	//var e=document.getElementById("custom2");
	//var d=document.getElementById("custom3");
	// var key=document.getElementById("keyword");
	var g=jar.getCookie("brand")?jar.getCookie("brand"):"";
	var a=jar.getCookie("size")?jar.getCookie("size"):"";
	var n=jar.getCookie("shap")?jar.getCookie("shap"):"";
	var j=jar.getCookie("minprice")?jar.getCookie("minprice"):"";
	var m=jar.getCookie("maxprice")?jar.getCookie("maxprice"):"";
	var p=jar.getCookie("style")?jar.getCookie("style"):"";
	var r=jar.getCookie("material")?jar.getCookie("material"):"";
	var b=jar.getCookie("construction")?jar.getCookie("construction"):"";
	var l=jar.getCookie("origin")?jar.getCookie("origin"):"";
	var q=jar.getCookie("pricolor")?jar.getCookie("pricolor"):"";
	var o=jar.getCookie("acccolor")?jar.getCookie("acccolor"):"";
	var key=jar.getCookie("myKeyword")?jar.getCookie("myKeyword"):"";
	if(a==""&&m!=""){
		alert("Please Select Size on next page for Better Results")
	}
	//h.value=g;
	//t.value=a+m+o;
	//f.value=r;
	//e.value=b;
	//d.value=p;
	//c.value=q;
	//var k="http://www.nilimarugs.com/servlet/Categories";
	//var s=document.getElementById("advancedSearch");
	//s.action=k;
	//s.target="_self";
	//s.submit()

	var parameters = "oem=" + g + "&keyword=" + a + m + o +"+"+ key + "&custom1=" + r + "&custom2=" + b + "&custom3=" + p + "&custom4=" + q;
	var url = "http://www.nilimarugs.com/servlet/Categories?" + parameters;
	window.location.href = url;
}


function searchWithoutThis(a){
	jar.delCookie(a);
	jar.write();
	setHiddenField(null);
}
function getSearchString(){
	return"brand="+jar.getCookie("brand")+"&size="+jar.getCookie("size")+"&shap="+jar.getCookie("shap")+"&style="+jar.getCookie("style")+"&material="+jar.getCookie("material")+"&construction="+jar.getCookie("construction")+"&minprice="+jar.getCookie("minprice")+"&maxprice="+jar.getCookie("maxprice")+"&origin="+jar.getCookie("origin")+"&pricolor="+jar.getCookie("pricolor")+"&acccolor="+jar.getCookie("acccolor")}

function clearSearch(){
	jar.reset();
	setHiddenField(null)
}

function getAndFill(){
	//get controls
	var pricolor = document.getElementsByName("pricolor");
	var acccolor = document.getElementsByName("acccolor");
	var style = document.getElementsByName("style");
	var size = document.getElementsByName("size");
	var maxprice = document.getElementsByName("maxprice");
	var material = document.getElementsByName("material");
	var construction = document.getElementsByName("construction");
	var brand = document.getElementsByName("brand");
	var selectedValues = document.getElementById("selectedValues");
	 
	//get from cookie
	var pricolor_selected = jar.getCookie("pricolor")?jar.getCookie("pricolor"):"";
	var acccolor_selected = jar.getCookie("acccolor")?jar.getCookie("acccolor"):"";
	var style_selected = jar.getCookie("style")?jar.getCookie("style"):"";
	var size_selected = jar.getCookie("size")?jar.getCookie("size"):"";
	var maxprice_selected = jar.getCookie("maxprice")?jar.getCookie("maxprice"):"";
	var material_selected = jar.getCookie("material")?jar.getCookie("material"):"";
	var construction_selected = jar.getCookie("construction")?jar.getCookie("construction"):"";
	var brand_selected = jar.getCookie("brand")?jar.getCookie("brand"):"";

//close when the controls have selected values
    if(pricolor_selected != "") {
        document.getElementById("pricolorPanel").style.display = "none";
    }
    if(acccolor_selected != "") {
        document.getElementById("acccolorPanel").style.display = "none";
    }
    if(style_selected != "") {
        document.getElementById("stylePanel").style.display = "none";
    }
    if(size_selected != "") {
        document.getElementById("sizePanel").style.display = "none";
    }
if(maxprice_selected != "") {
        document.getElementById("maxpricePanel").style.display = "none";
    }
    if(material_selected != "") {
        document.getElementById("materialPanel").style.display = "none";
    }
    if(construction_selected != "") {
        document.getElementById("constructionPanel").style.display = "none";
    }
    if(brand_selected != "") {
        document.getElementById("brandPanel").style.display = "none";
    }
	
	//pricolor
	for(var i=0; i<pricolor.length; i++) {
		if(pricolor[i].value == pricolor_selected) {
			pricolor[i].checked = true;
		}
	}
	//acccolor
	for(var i=0; i<acccolor.length; i++) {
		if(acccolor[i].value == acccolor_selected) {
			acccolor[i].checked = true;
		}
	}
	//style
	for(var i=0; i<style.length; i++) {
		if(style[i].value == style_selected) {
			style[i].checked = true;
		}
	}
	//size
	for(var i=0; i<size.length; i++) {
		if(size[i].value == size_selected) {
			size[i].checked = true;
		}
	}
	//maxprice
	for(var i=0; i<maxprice.length; i++) {
		if(maxprice[i].value == maxprice_selected) {
			maxprice[i].checked = true;
		}
	}
	//material
	for(var i=0; i<material.length; i++) {
		if(material[i].value == material_selected) {
			material[i].checked = true;
		}
	}
	//construction
	for(var i=0; i<construction.length; i++) {
		if(construction[i].value == construction_selected) {
			construction[i].checked = true;
		}
	}
	//brand
	for(var i=0; i<brand.length; i++) {
		if(brand[i].value == brand_selected) {
			brand[i].checked = true;
		}
	}
	
	var selectedValuesContent = "";
	if(pricolor_selected != "") {
		selectedValuesContent += removeText('pricolor', pricolor_selected) + removeLink('pricolor');
	}
	if(acccolor_selected != "") {
		selectedValuesContent += removeText('acccolor', acccolor_selected) + removeLink('acccolor');
	}
	if(style_selected != "") {
		selectedValuesContent += removeText('style', style_selected) + removeLink('style');
	}
	if(size_selected != "") {
		selectedValuesContent += removeText('size', size_selected) + removeLink('size');
	}
	if(maxprice_selected != "") {
		selectedValuesContent += removeText('maxprice', maxprice_selected) + removeLink('maxprice');
	}
	if(material_selected != "") {
		selectedValuesContent += removeText('material', material_selected) + removeLink('material');
	}
	if(construction_selected != "") {
		selectedValuesContent += removeText('construction', construction_selected) + removeLink('construction');
	}
	if(brand_selected != "") {
		selectedValuesContent += removeText('brand', brand_selected) + removeLink('brand');
	}
	
	var lastSelectionOptName = jar.getCookie("lastSelectionOptName")?jar.getCookie("lastSelectionOptName"):"";
	var lastSelectionOptVal = jar.getCookie("lastSelectionOptVal")?jar.getCookie("lastSelectionOptVal"):"";
	var lastSelectionContent = "";
	if(lastSelectionOptName != "" && lastSelectionOptVal != "") {
		if(hasCookie(pricolor_selected, acccolor_selected, style_selected, size_selected, maxprice_selected, 
		material_selected, construction_selected, brand_selected)) {
			selectedValuesContent += "<br />";
		}
		lastSelectionContent += "<span style=\"font-weight: bold; font-size: 10pt;\">Last Selection:</span> <br />" + removeText(lastSelectionOptName, lastSelectionOptVal) + removeLink(lastSelectionOptName);
		var lastSelectionDiv = document.getElementById("lastSelection");
		if(lastSelectionDiv != null) {
			lastSelectionDiv.innerHTML = lastSelectionContent;
		}
	}
	//selectedValues.innerHTML = selectedValuesContent;
	
	//if(hasCookie(pricolor_selected, acccolor_selected, style_selected, size_selected, maxprice_selected, 
	//material_selected, construction_selected, brand_selected)) {
	//	alert("There's a cookie!");
	//}
}

//detect if there is a cookie
function hasCookie(pricolor_selected, acccolor_selected, style_selected, size_selected, maxprice_selected, 
	material_selected, construction_selected, brand_selected) {
	if(pricolor_selected != "" ||
		acccolor_selected != "" ||
		style_selected != "" ||
		size_selected != "" ||
		maxprice_selected != "" ||
		material_selected != "" ||
		construction_selected != "" ||
		brand_selected != "") {
		return true;
	}
	return false;
}

function removeLink(which) {
	return "  (<a class=\"removeLink\" href=\"javascript: searchWithoutThis('" + which + "');\">remove</a>)";	
}

function removeText(optionName, optionValue) {
	var result = "";
	var obj = document.getElementsByName(optionName);
	for(var i=0; i<obj.length; i++) {
		if(obj[i].value == optionValue) {
			var divParent = obj[i].parentNode;
			var theLink = divParent.getElementsByTagName("a");
			result = theLink[0].innerHTML; 
		}
	}
	return "<span class=\"removeText\">" + result.replace(/font-weight: bold/, "") + "</span>";
}

function toggleFilter(titlePanel, ItemPanelId) {
	var ItemPanel = document.getElementById(ItemPanelId);
	var img = titlePanel.getElementsByTagName("img");
	if(titlePanel.className == "leftPanelHeader") {
		titlePanel.className = "leftPanelHeaderOpen";
		ItemPanel.style.display = "block";
		img[0].src = "/images/sa_filters_arrow_d.gif";
		img[0].className = "leftPanel_imgOn";
	}else {
		titlePanel.className = "leftPanelHeader";
		ItemPanel.style.display = "none";
		img[0].src = "/images/sa_filters_arrow_r.gif";
		img[0].className = "leftPanel_imgOff";
	}
}

function toggleCheckbox(obj) {
            var parentNode = obj.parentNode;
            var paleteNode = obj.parentNode.parentNode;
            var cbObj = parentNode.getElementsByTagName("input");
            if(cbObj[0].disabled) {
                return;
            }

            if(cbObj[0].checked) {
                cbObj[0].checked = false;
            }else {
                cbObj[0].checked = true;
            }
            paleteNode.style.display = "none";
            search(cbObj[0]);
        }

function seeresults(){ 
var pricolor_selected = jar.getCookie("pricolor")?jar.getCookie("pricolor"):"";
var acccolor_selected = jar.getCookie("acccolor")?jar.getCookie("acccolor"):"";
var style_selected = jar.getCookie("style")?jar.getCookie("style"):"";
var size_selected = jar.getCookie("size")?jar.getCookie("size"):"";
var maxprice_selected = jar.getCookie("maxprice")?jar.getCookie("maxprice"):"";
var material_selected = jar.getCookie("material")?jar.getCookie("material"):"";
var construction_selected = jar.getCookie("construction")?jar.getCookie("construction"):"";
var brand_selected = jar.getCookie("brand")?jar.getCookie("brand"):"";
var keyword_searched = jar.getCookie("myKeyword")?jar.getCookie("myKeyword"):"";
if(hasCookie(pricolor_selected, acccolor_selected, style_selected, size_selected, maxprice_selected,
material_selected, construction_selected, brand_selected, keyword_searched)) {
	document.write("<div style=\"margin:2px;text-align:justify;padding:1px;\"><a style=\"margin:2px;\" href=\"javascript: clearSearch();\">[clear all]</a><a style=\"margin:2px;\" href=\"javascript: search(null);\">[see Results]</a></div>");
}

}

function togglePanelMore(whichPanel) {
	var tmpPanel = document.getElementById(whichPanel);
	var tmpPanelLink = document.getElementById(whichPanel + "Link");
	if(tmpPanel.className == "hidedPanel") {
		tmpPanel.className = "openedPanel";
		tmpPanel.style.paddingLeft = 0;
		tmpPanel.style.display = "block";
		tmpPanelLink.innerHTML = "Less...";
	}else {
		tmpPanel.className = "hidedPanel";
		tmpPanel.style.display = "none";
		tmpPanelLink.innerHTML = "More...";
	}
}