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

// between open container and loading images
//var imageLoadDelay = 200;
// between close container and open new one
var switchDelay = 100;

//	no currently active items
var activeId = false;
var actImg = false;

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

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

		if(activeId && activeId == id) {
		// active = clicked -> close and empty
			data.removeClass("active");
      data2.removeClass("active");
			activeId = false;			
			container.slideToggle(closeSpeed, function() {

			});
			
		} else if (!activeId) {
		// no active -> open clicked

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

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