// JavaScript Document
// copyright Aaron Hokanson | www.hokansonstudios.com | aaron@hokansonstudios.com
<!--

function showhide_fibreglass(filter) {  // hides all the kayaks except those with the visible class

		document.getElementById('cosma').className = "visible";
		document.getElementById('luna').className = "visible";
		document.getElementById('vision').className = "visible";
		document.getElementById('tyee').className = "visible";
		document.getElementById('quantum').className = "visible";
		document.getElementById('aurora').className = "visible";
		document.getElementById('endeavour').className = "visible";
		document.getElementById('legend').className = "visible";
		document.getElementById('silhouette').className = "visible";
		document.getElementById('shadow').className = "visible";
		document.getElementById('gemini').className = "visible";
		document.getElementById('ascente').className = "visible";
		document.getElementById('chilco').className = "visible";
		document.getElementById('quest').className = "visible";
		document.getElementById('questx3').className = "visible";
		document.getElementById('southwind').className = "visible";
		document.getElementById('passatg3').className = "visible";
		document.getElementById('passat').className = "visible";
		document.getElementById('displaying').innerHTML = "All Kayaks (fibreglass/kevlar)";

	if(filter  == "single") {
		document.getElementById('cosma').className = "visible";
		document.getElementById('luna').className = "visible";
		document.getElementById('vision').className = "visible";
		document.getElementById('tyee').className = "visible";
		document.getElementById('quantum').className = "visible";
		document.getElementById('aurora').className = "visible";
		document.getElementById('endeavour').className = "visible";
		document.getElementById('legend').className = "visible";
		document.getElementById('silhouette').className = "visible";
		document.getElementById('shadow').className = "visible";
		document.getElementById('gemini').className = "hidden";
		document.getElementById('ascente').className = "visible";
		document.getElementById('chilco').className = "visible";
		document.getElementById('quest').className = "visible";
		document.getElementById('questx3').className = "visible";
		document.getElementById('southwind').className = "hidden";
		document.getElementById('passatg3').className = "hidden";
		document.getElementById('passat').className = "hidden";
		document.getElementById('displaying').innerHTML = "Single Kayaks (fibreglass/kevlar)";
	}
else if (filter  == "double") { 
		document.getElementById('cosma').className = "hidden";
		document.getElementById('luna').className = "hidden";
		document.getElementById('vision').className = "hidden";
		document.getElementById('tyee').className = "hidden";
		document.getElementById('quantum').className = "hidden";
		document.getElementById('aurora').className = "hidden";
		document.getElementById('endeavour').className = "hidden";
		document.getElementById('legend').className = "hidden";
		document.getElementById('silhouette').className = "hidden";
		document.getElementById('shadow').className = "hidden";
		document.getElementById('gemini').className = "visible";
		document.getElementById('ascente').className = "hidden";
		document.getElementById('chilco').className = "hidden";
		document.getElementById('quest').className = "hidden";
		document.getElementById('questx3').className = "hidden";
		document.getElementById('southwind').className = "visible";
		document.getElementById('passatg3').className = "visible";
		document.getElementById('passat').className = "visible";
		document.getElementById('displaying').innerHTML = "Double Kayaks (fibreglass/kevlar)";
	}
else if (filter  == "skeg") { 
		document.getElementById('cosma').className = "hidden";
		document.getElementById('luna').className = "hidden";
		document.getElementById('vision').className = "hidden";
		document.getElementById('tyee').className = "hidden";
		document.getElementById('quantum').className = "visible";
		document.getElementById('aurora').className = "hidden";
		document.getElementById('endeavour').className = "visible";
		document.getElementById('legend').className = "visible";
		document.getElementById('silhouette').className = "visible";
		document.getElementById('shadow').className = "visible";
		document.getElementById('gemini').className = "hidden";
		document.getElementById('ascente').className = "hidden";
		document.getElementById('chilco').className = "hidden";
		document.getElementById('quest').className = "hidden";
		document.getElementById('questx3').className = "hidden";
		document.getElementById('southwind').className = "hidden";
		document.getElementById('passatg3').className = "hidden";
		document.getElementById('passat').className = "hidden";
		document.getElementById('displaying').innerHTML = "Skeg Kayaks (fibreglass/kevlar)";
	}
else if (filter  == "rudder") { 
		document.getElementById('cosma').className = "visible";
		document.getElementById('luna').className = "visible";
		document.getElementById('vision').className = "visible";
		document.getElementById('tyee').className = "visible";
		document.getElementById('quantum').className = "hidden";
		document.getElementById('aurora').className = "visible";
		document.getElementById('endeavour').className = "hidden";
		document.getElementById('legend').className = "hidden";
		document.getElementById('silhouette').className = "hidden";
		document.getElementById('shadow').className = "hidden";
		document.getElementById('gemini').className = "visible";
		document.getElementById('ascente').className = "visible";
		document.getElementById('chilco').className = "visible";
		document.getElementById('quest').className = "visible";
		document.getElementById('questx3').className = "visible";
		document.getElementById('southwind').className = "visible";
		document.getElementById('passatg3').className = "visible";
		document.getElementById('passat').className = "visible";
		document.getElementById('displaying').innerHTML = "Rudder Kayaks (fibreglass/kevlar)";
	}
else if (filter  == "all") { 
		document.getElementById('cosma').className = "visible";
		document.getElementById('luna').className = "visible";
		document.getElementById('vision').className = "visible";
		document.getElementById('tyee').className = "visible";
		document.getElementById('quantum').className = "visible";
		document.getElementById('aurora').className = "visible";
		document.getElementById('endeavour').className = "visible";
		document.getElementById('legend').className = "visible";
		document.getElementById('silhouette').className = "visible";
		document.getElementById('shadow').className = "visible";
		document.getElementById('gemini').className = "visible";
		document.getElementById('ascente').className = "visible";
		document.getElementById('chilco').className = "visible";
		document.getElementById('quest').className = "visible";
		document.getElementById('questx3').className = "visible";
		document.getElementById('southwind').className = "visible";
		document.getElementById('passatg3').className = "visible";
		document.getElementById('passat').className = "visible";
		document.getElementById('displaying').innerHTML = "All Kayaks (fibreglass/kevlar)";
	}
}

function showhide_thermoform(filter) {  // hides all the kayaks except those with the visible class

		document.getElementById('amnik').className = "visible";
		document.getElementById('passage').className = "visible";
		document.getElementById('infiniti175').className = "visible";
		document.getElementById('chinook').className = "visible";
		document.getElementById('cosma').className = "visible";
		document.getElementById('infiniti155').className = "visible";
		document.getElementById('intrigue').className = "visible";
		document.getElementById('padding').className = "padding_off";
		document.getElementById('displaying').innerHTML = "All Kayaks (thermoform)";

	if(filter  == "skeg") {
			document.getElementById('amnik').className = "hidden";
			document.getElementById('passage').className = "hidden";
			document.getElementById('infiniti175').className = "visible";
			document.getElementById('chinook').className = "hidden";
			document.getElementById('cosma').className = "hidden";
			document.getElementById('infiniti155').className = "visible";
			document.getElementById('intrigue').className = "hidden";
			document.getElementById('padding').className = "padding_off";
		document.getElementById('displaying').innerHTML = "Skeg Kayaks (thermoform)";
	}
	else if(filter  == "mini") {
			document.getElementById('amnik').className = "hidden";
			document.getElementById('passage').className = "hidden";
			document.getElementById('infiniti175').className = "hidden";
			document.getElementById('chinook').className = "hidden";
			document.getElementById('cosma').className = "hidden";
			document.getElementById('infiniti155').className = "hidden";
			document.getElementById('intrigue').className = "visible";
			document.getElementById('padding').className = "padding_off";
		document.getElementById('displaying').innerHTML = "Mini-recreational Kayaks (thermoform)";
	}
	else if(filter  == "rudder") {
			document.getElementById('amnik').className = "visible";
			document.getElementById('passage').className = "visible";
			document.getElementById('infiniti175').className = "hidden";
			document.getElementById('chinook').className = "visible";
			document.getElementById('cosma').className = "visible";
			document.getElementById('infiniti155').className = "hidden";
			document.getElementById('intrigue').className = "hidden";
			document.getElementById('padding').className = "padding_off";
		document.getElementById('displaying').innerHTML = "Rudder Kayaks (thermoform)";
	}
	else if(filter  == "double") {
			document.getElementById('amnik').className = "hidden";
			document.getElementById('passage').className = "visible";
			document.getElementById('infiniti175').className = "hidden";
			document.getElementById('chinook').className = "hidden";
			document.getElementById('cosma').className = "hidden";
			document.getElementById('infiniti155').className = "hidden";
			document.getElementById('intrigue').className = "hidden";
			document.getElementById('padding').className = "padding_off";
		document.getElementById('displaying').innerHTML = "Double Kayaks (thermoform)";
	}
	else if(filter  == "all") {
			document.getElementById('amnik').className = "visible";
			document.getElementById('passage').className = "visible";
			document.getElementById('infiniti175').className = "visible";
			document.getElementById('chinook').className = "visible";
			document.getElementById('cosma').className = "visible";
			document.getElementById('infiniti155').className = "visible";
			document.getElementById('intrigue').className = "visible";
			document.getElementById('padding').className = "padding_off";
		document.getElementById('displaying').innerHTML = "All Kayaks (thermoform)";
	}

}