//written by brandon, 2009
//re-written by brandon, 2011
//copyright thinkvacuums.com
var listBags = new Array("aggresor", "airvac", "astrovac", "beam", "bd", "brute", "canavac", "cirrus", "drainvac", "duovac", "dustcare", "electrolux", "eureka", "filtex", "honeywell", "md", "nutone", "powerstar", "pullman", "purvac", "riccar", "signature", "simplicity", "vacuflo", "valet", "walvac");
var listFilters = new Array("aggresor", "airking", "airvac", "astrovac", "beam", "bd", "broan", "brute", "budd", "canavac", "centralux", "dirtdevil", "drainvac", "duovac", "dustcare", "dynovac", "easyflo", "electrolux", "eureka", "fasco", "filtex", "hayden", "honeywell", "hoover", "md", "nutone", "patton", "powerstar", "pullman", "purvac", "riccar", "royal", "sears", "sequoia", "signature", "simplicity", "smart", "vacuflo", "valet", "ventavac", "walvac", "whirlpool", "zenex");
var listHousehold = new Array("sebo", "ge", "sanyo", "sharp", "riccar", "regina", "filterqueen", "eureka", "hoover", "panasonic", "miele", "samsung", "bissel", "kirby", "dirtdevil", "electrolux", "royal", "oreck", "bosch", "sears");

function inArray(search, arrayName){
    var result = false;
        for (var x = 0; x < arrayName.length; x++){
            if (search == arrayName[x]){
                result = true;
                break;
            }
        }
    return result;
}

//new stuff
function showBag(div, hideTable){
    if (inArray(div.replace('bag_', ''), listBags) == false){
        $("div[class='active']").removeClass('active').addClass('inactive');
        $("#bag_none").removeClass('inactive').addClass('active');
        scroll(0,0);
        return;
    }
    
    if (hideTable){
        $("#showbagtable").show();
        $("#brandtable").hide();
    }
    
    for (i = 0; i <= listBags.length; i++){
        if ($("#bag_" + listBags[i]).hasClass('active') && "bag_" + listBags[i] != div){
            $("#bag_" + listBags[i]).removeClass('active').addClass('inactive');
        }
    }
    
    if ($("#bag_none").hasClass('active')){
        $("#bag_none").removeClass('active').addClass('inactive');
    }
    
    if ($("#" + div).hasClass('active')){
        $("#" + div).removeClass('active').addClass('inactive');
    } else {
        $("#" + div).removeClass('inactive').addClass('active');
    }
    
    scroll(0,0);
    
}


//old stuff, will be replaced whenever i have time
var visible = false;
var listf = "listf_";
var listb = "listb_";
var bagPrefix = "bag_";
var filterPrefix = "filter_";

//toggle showing manufacturer table
function toggleDiv(div_id) {
	var div = document.getElementById(div_id);
	var tDiv = document.getElementById("showbagtable");
	var errorDiv = document.getElementById("error");
	var nobagDiv = document.getElementById("bag_none");
	
	if (div.style.display == "none"){
		div.style.display = "block";
		tDiv.style.display = "none";		
	}
	
	//hide error box if displayed		
	if (errorDiv.style.display == "block")
		errorDiv.style.display = "none";
		
	if (nobagDiv.style.display == "block")
		nobagDiv.style.display = "none";
}

// toggle manufacturer bag display individually
function toggle(type, name, bt) {
	if (type == "bag"){
		typePrefix = bagPrefix;
		listPrefix = listb;
		listArray = listBags;
	} else if (type == "filter"){
		typePrefix = filterPrefix;
		listPrefix = listf;
		listArray = listFilters;
	} else if (type == "household"){	//everything's the same except for members of the array
		typePrefix = bagPrefix;
		listPrefix = listb;
		listArray = listHousehold;
	}
	
	// to hide the main box when a category is pre-selected like directly from a manufactuer's page
	if (bt == "t"){
		document.getElementById("brandtable").style.display = "none";
	} else if (bt == "f"){
		document.getElementById("brandtable").style.display = "none";
		document.getElementById("showbagtable").style.display = "block";
	}

	// checks to see if input variable is part of ANY array. people might be putting other unwanted stuff as the input, potentially messing the page up
	if (inArray(name, listBags) == false && inArray(name, listFilters) == false && inArray(name, listHousehold) == false){
		document.getElementById("error").style.display = "block";
		//code here, email me or something.
		return;
	}

	// checks to see if input variable is part of the listBags array. since listFilters is every company, only the bags would have problems if variable wasn't there.
	if (inArray(name, listBags) == false && type == "bag"){
		document.getElementById("bag_none").style.display = "block";
		return;
	}

	var listBG = document.getElementById(listPrefix + name);
	var vac = document.getElementById(typePrefix + name);

	if (vac.style.display == "block") { // if company section is displayed on page
		vac.style.display = "none";		// hide section & set bg
		listBG.style.backgroundColor = "black";
	} else {
		for (x = 0; x < listArray.length; x++){ // un-"select" every company first, then show only selected one
			document.getElementById(typePrefix + listArray[x]).style.display = "none";
			document.getElementById(listPrefix + listArray[x]).style.backgroundColor = "black";
		}
		vac.style.display = "block";	// if company section is hidden, display it and set bg
		listBG.style.backgroundColor = "#585858";
	}
}

//keeping this function in, just in case. it was a show/hide all
function showHide(section) {
	if (section == "bags"){
		var listArray = listBags;
		var showHide = "showHideBags";
		var prefix = bagPrefix;
		var listPre = listb;
	} else if (section == "filters") {
		var listArray = listFilters;
		var showHide = "showHideFilters";
		var prefix = filterPrefix;
		var listPre = listf;
	}

	if (visible == false) {
		for (x = 0; x < listArray.length; x++) {
			document.getElementById(prefix + listArray[x]).style.display = "block";
			document.getElementById(listPre + listArray[x]).style.backgroundColor = "#DCDCDC";
		}
		visible = true; 
	} else {
		for (x = 0; x < listArray.length; x++) {
			document.getElementById(prefix + listArray[x]).style.display = "none";
			document.getElementById(listPre + listArray[x]).style.backgroundColor = "white";
		}
		visible = false;
	}
}