// JavaScript Document
	function SelectGroup(FamilyID, prod) {
		var all = document.getElementById("boxes");
		var tiles = all.getElementsByTagName("li");
		if( FamilyID == ""){}
		else if( FamilyID == "All" ){
			for( var i = 0; i < tiles.length; i++){
				var tile_ID = tiles[i].id;
				var title_array = tile_ID.split("_");
				tiles[i].style.display = "inline";
			}
			SelectHeader("All", prod);
		}
		else{
			for (var i = 0; i < tiles.length; i++) {
				var tile_ID = tiles[i].id;
				var title_array = tile_ID.split("_");
				var part_of_family = "false";
				for(var j = 0; j < title_array.length - 1; j++){
					if(FamilyID == title_array[j] || title_array[j] == "PC" || title_array[j] == "OK"){
						part_of_family = "true";
					}
				}
				
				if(part_of_family == "true"){
					tiles[i].style.display = "inline";
				}
				else{
					tiles[i].style.display = "none";
				}
			}
			SelectHeader(FamilyID, prod);
		}
	}
	
	function SelectHeader(family_id, product){
		hideDescriptions(product);
			var ActiveText = document.getElementById(family_id + "_Header");
			var ActiveText_text = document.getElementById(family_id + "_Header_text");
			ActiveText.style.display = "inline";
			ActiveText_text.style.display = "inline";

	}

	function getFamilyID(){
		var familyValue = document.SelectFamilyForm.ColorFamily.options[document.SelectFamilyForm.ColorFamily.selectedIndex].value;
		var returnValue;
		if(familyValue == "EL"){
			returnValue = "Extra Lights";
		}
		else if(familyValue == "B"){
			returnValue = "Beiges";
		}
		else if(familyValue == "N"){
			returnValue = "Naturals";
		}
		else if(familyValue == "W"){
			returnValue = "Warms";
		}
		else if(familyValue == "YG"){
			returnValue = "Yellow Greens";
		}
		else if(familyValue == "GN"){
			returnValue = "Greens";
		}
		else if(familyValue == "BL"){
			returnValue = "Blues";
		}
		else if(familyValue == "GY"){
			returnValue = "Grays";
		}
		else if(familyValue == "ED"){
			returnValue = "Extra Darks";
		}
		else if(familyValue == "EL"){
			returnValue = "Extra Lights";
		}
		else if(familyValue == "BR"){
			returnValue = "Brights";
		}

		else if(familyValue == "NEW"){
			returnValue = "New Colors for 2007";
		}
		
		else if(familyValue == "Ill"){
			returnValue = "000Illumination Series";
		}
		
		else if(familyValue == "TC"){
			returnValue = "000Terra Collection";
		}
		
		else if(familyValue == "CH"){
			returnValue = "zzCabinetsCherry";
		}
		else if(familyValue == "OA"){
			returnValue = "zzCabinetsOakorAlder";
		}		
		else if(familyValue == "NM"){
			returnValue = "zzCabinetsNaturalMaple";
		}		
		else if(familyValue == "OW"){
			returnValue = "zzCabinetsOffWhite";
		}		
		else if(familyValue == "WH"){
			returnValue = "zzCabinetsWhite";
		}		
		else if(familyValue == "EN"){
			returnValue = "zzCabinetsBlackEnamel";
		}
		else if(familyValue == "EMSO"){
			returnValue = "02Soothing";		
		}
		else if(familyValue == "EMDI"){
			returnValue = "02Distinguished";		
		}
		else if(familyValue == "EMFR"){
			returnValue = "02Fresh";		
		}
		else if(familyValue == "EMPA"){
			returnValue = "02Passionate";		
		}
		else if(familyValue == "EMFL"){
			returnValue = "02Flamboyant";		
		}
		else if(familyValue == "EMMY"){
			returnValue = "02Mysterious";		
		}
		else if(familyValue == "ESER"){
			returnValue = "02EmotionSerene";		
		}
		else if(familyValue == "ESEN"){
			returnValue = "02EmotionSensual";		
		}
		else if(familyValue == "EMIS"){
			returnValue = "02EmotionMischieveous";		
		}
		else if(familyValue == "EWIL"){
			returnValue = "02EmotionWild";		
		}
		else{
			returnValue = "";
		}
		return returnValue;
	}
	
	function hideDescriptions(p){
		if( p == "c" || p == "thd"){
		// These conditions only apply to Corian
			
			var EL = document.getElementById("EL_Header");
			var EL_text = document.getElementById("EL_Header_text");
			EL.style.display = "none";
			EL_text.style.display = "none";
			
			var B = document.getElementById("B_Header");
			var B_text = document.getElementById("B_Header_text");
			B.style.display = "none";
			B_text.style.display = "none";
			
			var N = document.getElementById("N_Header");
			var N_text = document.getElementById("N_Header_text");
			N.style.display = "none";
			N_text.style.display = "none";
			
			var W = document.getElementById("W_Header");
			var W_text = document.getElementById("W_Header_text");
			W.style.display = "none";
			W_text.style.display = "none";
			
			var YG = document.getElementById("YG_Header");
			var YG_text = document.getElementById("YG_Header_text");
			YG.style.display = "none";
			YG_text.style.display = "none";
			
			var GN = document.getElementById("GN_Header");
			var GN_text = document.getElementById("GN_Header_text");
			GN.style.display = "none";
			GN_text.style.display = "none";
			
			var BL = document.getElementById("BL_Header");
			var BL_text = document.getElementById("BL_Header_text");
			BL.style.display = "none";
			BL_text.style.display = "none";
			
			var GY = document.getElementById("GY_Header");
			var GY_text = document.getElementById("GY_Header_text");
			GY.style.display = "none";
			GY_text.style.display = "none";
			
			var ED = document.getElementById("ED_Header");
			var ED_text = document.getElementById("ED_Header_text");
			ED.style.display = "none";
			ED_text.style.display = "none";
			
			var BR = document.getElementById("BR_Header");
			var BR_text = document.getElementById("BR_Header_text");
			BR.style.display = "none";
			BR_text.style.display = "none";			
			
			var EMSO = document.getElementById("EMSO_Header");
			var EMSO_text = document.getElementById("EMSO_Header_text");
			EMSO.style.display = "none";
			EMSO_text.style.display = "none";
			
			var EMDI = document.getElementById("EMDI_Header");
			var EMDI_text = document.getElementById("EMDI_Header_text");
			EMDI.style.display = "none";
			EMDI_text.style.display = "none";

			var EMFR = document.getElementById("EMFR_Header");
			var EMFR_text = document.getElementById("EMFR_Header_text");
			EMFR.style.display = "none";
			EMFR_text.style.display = "none";
			
			var EMPA = document.getElementById("EMPA_Header");
			var EMPA_text = document.getElementById("EMPA_Header_text");
			EMPA.style.display = "none";
			EMPA_text.style.display = "none";

			var EMFL = document.getElementById("EMFL_Header");
			var EMFL_text = document.getElementById("EMFL_Header_text");
			EMFL.style.display = "none";
			EMFL_text.style.display = "none";
			
			var EMRE = document.getElementById("EMRE_Header");
			var EMRE_text = document.getElementById("EMRE_Header_text");
			EMRE.style.display = "none";
			EMRE_text.style.display = "none";
			
			var EMMY = document.getElementById("EMMY_Header");
			var EMMY_text = document.getElementById("EMMY_Header_text");
			EMMY.style.display = "none";
			EMMY_text.style.display = "none";

			var Ill = document.getElementById("Ill_Header");
			var Ill_text = document.getElementById("Ill_Header_text");
			Ill.style.display = "none";
			Ill_text.style.display = "none";
			
			var TC = document.getElementById("TC_Header");
			var TC_text = document.getElementById("TC_Header_text");
			TC.style.display = "none";
			TC_text.style.display = "none";
			
			
		}
		if( p == "thd"){
			var THD = document.getElementById("THD_Header");
			var THD_text = document.getElementById("THD_Header_text");
			THD.style.display = "none";
			THD_text.style.display = "none";
		}
		if( p == "z"){

			var ESER = document.getElementById("ESER_Header");
			var ESER_text = document.getElementById("ESER_Header_text");
			ESER.style.display = "none";
			ESER_text.style.display = "none";
			
			var ESEN = document.getElementById("ESEN_Header");
			var ESEN_text = document.getElementById("ESEN_Header_text");
			ESEN.style.display = "none";
			ESEN_text.style.display = "none";

			var EMIS = document.getElementById("EMIS_Header");
			var EMIS_text = document.getElementById("EMIS_Header_text");
			EMIS.style.display = "none";
			EMIS_text.style.display = "none";
			
			var EWIL = document.getElementById("EWIL_Header");
			var EWIL_text = document.getElementById("EWIL_Header_text");
			EWIL.style.display = "none";
			EWIL_text.style.display = "none";
			
			var TER = document.getElementById("TER_Header");
			var TER_text = document.getElementById("TER_Header_text");
			TER.style.display = "none";
			TER_text.style.display = "none";

		}
		
		
		var All = document.getElementById("All_Header");
		var All_text = document.getElementById("All_Header_text");
		All.style.display = "none";
		All_text.style.display = "none";
		
		
		var CH = document.getElementById("CH_Header");
		var CH_text = document.getElementById("CH_Header_text");
		CH.style.display = "none";
		CH_text.style.display = "none";
		
		var OA = document.getElementById("OA_Header");
		var OA_text = document.getElementById("OA_Header_text");
		OA.style.display = "none";
		OA_text.style.display = "none";
		
		var NM = document.getElementById("NM_Header");
		var NM_text = document.getElementById("NM_Header_text");
		NM.style.display = "none";
		NM_text.style.display = "none";
		
		var OW = document.getElementById("OW_Header");
		var OW_text = document.getElementById("OW_Header_text");
		OW.style.display = "none";
		OW_text.style.display = "none";
		
		var WH = document.getElementById("WH_Header");
		var WH_text = document.getElementById("WH_Header_text");
		WH.style.display = "none";
		WH_text.style.display = "none";
		
		var EN = document.getElementById("EN_Header");
		var EN_text = document.getElementById("EN_Header_text");
		EN.style.display = "none";
		EN_text.style.display = "none";
	}