//	speed for animations
var openSpeed = 400;
var closeSpeed = openSpeed;
var slideSpeed = 200;

// between close container and open new one
var switchDelay = 100;

//	no currently active items
var sActiveId = false;

jQuery(document).ready(function($){

	// hide content boxes
	$(".snavcontent").hide();
	
	// project boxes slidetoggle
	$("div.snavtop").click(function(event){
	
		var id = $(this).prev("a").attr("id");
		id = id.substring(1,id.length);
		var container = $("#s"+id);
		
		var data =  $("#snavtop"+id);

		// $(this).parent().toggleClass("active");
		
		if(sActiveId && sActiveId == id) {
		// active = clicked -> close and empty
			data.removeClass("active");
			sActiveId = false;			
			container.slideToggle(closeSpeed, function() {
			});
			
		} else if (!sActiveId) {
		// no active -> open clicked

			data.addClass("active");
			sActiveId = id;			
			container.slideToggle(openSpeed, function() { /*getImages(id);*/ });
			
		} else if (sActiveId) {
		// close old, open new
			
			$("#snavtop"+sActiveId).removeClass("active");
			data.addClass("active");
			
			$("#s"+sActiveId).slideToggle(closeSpeed, function() {
				sActiveId = id;
				setTimeout(function() {
					container.slideToggle(openSpeed, function() { /*getImages(id);*/ });
				}, switchDelay);
			});
		}
			

		return false;
	});
	
}); // document.ready end