$(document).ready(function(){

// ******************************************************************** //

	
	//hide the all of the toggle elements
	$("#valve-search-toggle").hide();
	$("#fitting-search-toggle").hide();
	$("#distributor-search-toggle").hide();

	$("#valve-range-toggle").hide();
	$("#fitting-range-toggle").hide();
	
	$("#valve-nav-toggle").hide();
	$("#fitting-nav-toggle").hide();
	
	
// ******************************************************************** //	

	
	//toggle the componenet with class .nav-valve
	$(".fullrange-img-valve").click(function(){
	  $("#valve-range-toggle").slideToggle(600);
	});
	
	//toggle the componenet with class .nav-fitting
	$(".fullrange-img-fitting").click(function(){
		$("#fitting-range-toggle").slideToggle(600);
	});	
	
	
// ******************************************************************** //	
	
	
	//toggle the componenet with class .toggle-valve
	$(".toggle-valve").click(function(){
		
		$("#fitting-search-toggle").slideUp(500);
		$("#distributor-search-toggle").slideUp(500);
		$(this).next("#valve-search-toggle").slideToggle(600);
	});
	
	//toggle the componenet with class .toggle-fitting
	$(".toggle-fitting").click(function(){
		$("#valve-search-toggle").slideUp(500);
		$("#distributor-search-toggle").slideUp(500);
		$(this).next("#fitting-search-toggle").slideToggle(600);
	});
	
	//toggle the componenet with class .toggle-distributor
	$(".toggle-distributor").click(function(){
		$("#valve-search-toggle").slideUp(500);
		$("#fitting-search-toggle").slideUp(500);
		$(this).next("#distributor-search-toggle").slideToggle(600);
	});
	
	
// ******************************************************************** //	
	
	
	//toggle the componenet with class .toggle-valve-nav
	$(".toggle-valve-nav").click(function(){
		
		$("#fitting-nav-toggle").slideUp(500);
		$(this).next("#valve-nav-toggle").slideToggle(600);
	});
	
	//toggle the componenet with class .toggle-fitting-nav
	$(".toggle-fitting-nav").click(function(){
		
		$("#valve-nav-toggle").slideUp(500);
		$(this).next("#fitting-nav-toggle").slideToggle(600);
	});
	
	
		
// ******************************************************************** //	
		
	
});