$(document).ready(function() {
	
	// infobox accordion
	var infoboxClicked = false; // track user interaction
	$('.accordion .infobox-item').addClass('hidden');
	$('.accordion .infobox-item .ifc').hide();
	$('.accordion .infobox-item h4').click(function() {
		infoboxClicked = true;
		var cont = $(this).parent().find('.ifc');
		var f = function(obj) {
			if($(obj).parent().find(':hidden').length > 0) {
				$(obj).slideDown(600, function() {
					$(this).parent().addClass('visible').removeClass('hidden');
				});	
			} else {
				$(obj).slideUp(600, function() {	
					$(this).parent().addClass('hidden').removeClass('visible');
				});
			}
		}
		if($('.infobox-item .ifc:visible').length > 0) {
			var t = $('.infobox-item .ifc:visible');
				$(t).slideUp(600, function() {
					if($(t)[0] != $(cont)[0]) {
						f(cont);
					}
					$(this).parent().addClass('hidden').removeClass('visible');
				});
		} else {
			f(cont);
		}
	});
	setTimeout(function() {
		if(!infoboxClicked) {
			$('.accordion .infobox-item:first h4').click(); // open first item
		}
	}, 1500);
	
	
	// handle accordeon mouseover
	$('.accordion .infobox-item h4').mouseover(function() {
		$(this).addClass('hover');
	});
	$('.accordion .infobox-item h4').mouseout(function() {
		$(this).removeClass('hover');
	});
	


	// handle button mouseover
	$('button').mouseover(function() {
		$(this).addClass('hover');
	});
	$('button').mouseout(function() {
		$(this).removeClass('hover');
	});
	
});