//ON DOM LOADED
$(document).ready(function(){
						   
						   
					   
	// ACCESSIBLITY STUFF //
	// By default, all silos are 'display:block' removing this property with JS enables the Compactor functionality //

	$('.siloContent').each(function(){
		$(this).removeClass('noJS');
	});
	
	$('.silo .controls').each(function(){
		$(this).removeClass('hideNoJS');
	});
	
	
	
						   
						   
    
	// -------------------------------------------------------------------------------------------------------------------------------//
	// ---------------------------------------------------- COMPACTOR --------------------------------------------------------------- //
	// -------------------------------------------------------------------------------------------------------------------------------//
	
	//WHEN THE STATE NAME IS CLICKED
	$('.silo a.title').click(function(e){
		
		silo = $(this).parents().get(1);
		
		//IF  THE SILO IF CLOSED,  THEN OPEN THE SILO
		if($(silo).find('div.siloContent').hasClass("hidden"))
			openSilo(e, silo);
		else
			closeSilo(e, silo);
	
	});
	
	
	//WHEN THE OPEN BUTTON IS CLICKED
	$('.silo a.open').click(function(e){
		silo = $(this).parents().get(2);
		openSilo(e, silo);	
	});
	
	//WHEN THE CLOSE BUTTON IS CLICKED
	$('.silo a.close').click(function(e){
		silo = $(this).parents().get(2);	
		closeSilo(e, silo);
	});
	
	function closeSilo(e, silo)
	{
		e.preventDefault();
	
		//CLOSE THE CURRENTLY OPEN SILO
		$(silo).find('div.siloContent').addClass("hidden");
		$(silo).find('div.siloContent').removeClass("show");
		
		//CHANGE IMAGE ICONS
		$(silo).find('a.open img').attr("src", "images/open.jpg");
		$(silo).find('a.close img').attr("src", "images/close.jpg");

	}	
	
	function openSilo(e, silo)
	{
	
		e.preventDefault();
	
		
		//CHANGE THE IMAGE ICONS OF PREVIOUSLY OPEN SILO
		previousParent = $('div.siloContent.show').parent();
		$(previousParent).find('a.open img').attr("src", "images/open.jpg");
		$(previousParent).find('a.close img').attr("src", "images/close.jpg");
		
		//CLOSE THE PREVIOUSLY OPEN SILO
		$('div.siloContent.show').addClass("hidden");
		$('div.siloContent.show').removeClass('show');
		
		
		//CHANGE IMAGE ICONS
		$(silo).find('a.open img').attr("src", "images/open-active.jpg");
		$(silo).find('a.close img').attr("src", "images/close-active.jpg");
		
		//OPEN THE SILO THAT WAS CLICKED
		$(silo).find('div.siloContent').addClass("show");
		$(silo).find('div.siloContent').removeClass("hidden");
	
	}
		
});