/* 
Custom JS
*/

$(document).ready(function(){
	
	//|---------------------------------------------------------------------
	//| Collapsible menu
	//|---------------------------------------------------------------------
	// First we hide all exhibitis
	$("#menu H2").next("UL").hide();

	// Show the active section
	$("li.active").parent("UL").show();
	$("li.active").parent().prev().addClass("selected");

	$("#menu H2").click(function(){
		
		if(!$(this).hasClass("selected")){
			// If the clicked element does not have class selected:
			// Hide everything
			$("#menu H2").next("UL").slideUp();
			// Show what is relevant
			$(this).next("UL").slideToggle();
			// Remove class selected from each li.section-title, then add class selected to the clicked element.
			$("#menu H2").removeClass("selected");
			$(this).addClass("selected");
		} else {
			// Close selected element
			$(this).next("UL").slideToggle();
			$(this).removeClass("selected");
		}
	});
	//|---------------------------------------------------------------------
	//| Add class to first UL
	//|---------------------------------------------------------------------
	
	//|---------------------------------------------------------------------
	//| Colorbox
	//|---------------------------------------------------------------------
	$("a[rel='image-group']").colorbox();
	$("a.video").colorbox({
		iframe:true, innerWidth:480, innerHeight:360
	});
	
	
});