// function callback on clicking image, toggle inlineMode
function superbgimage_click(img) {
	if($.fn.superbgimage.options.inlineMode == 1) {
		// Swap Project Image Bar for Title Bar
		$('#image_navbar').hide();
		$('#head').removeClass("image_mode");
		// Switch back to Fullscreen and first image
		$.fn.superbgimage.options.inlineMode = 0;
		$.fn.superbgShowImage($.fn.superbgimage.options.showimage);
		// Fade In Content
		$('#inner_container').fadeIn(250);
	} else {
		// Set first to current
		$('a.current_icon').removeClass('current_icon').addClass('image_icon');
		$('a.image_icon').eq(0).removeClass('image_icon').addClass('current_icon');
		// Fade Out Content. THEN...
		$('#inner_container').fadeOut(250, function() {
			// Swap Title Bar for Image Bar
			$('#head').addClass("image_mode");
			$('#image_navbar').show();
			// Switch to Cropped Mode and Fade to second Image
			$.fn.superbgimage.options.inlineMode = 1;
			$.fn.superbgShowImage($.fn.superbgimage.options.showimage + 1);
		});
	}
}

function showImage(id, calling_object) {
	// Nichts tun, wenn gerade aktives Bild angeklickt wird
	if($.superbg_imgSlide != id) {
		$.fn.superbgShowImage(id);
		// Bisher aktives Bild ent-current-en
		$('a.current_icon').removeClass('current_icon').addClass('image_icon');
		// Gerade angeklicktes current-en
		$(calling_object).removeClass('image_icon').addClass('current_icon');
	}
}

function expandNav(id) {
	// Nicht Aus- und Einblenden, wenn geklickter Menüpunkt bereits eingeblendet ist
	if(!$("#" + id).hasClass('showing')) {

		// Alle zum schliessen vormerken
		$(".showing").addClass("toClose").removeClass("showing");
	
		// Elternelement doch nicht schliessen
		$("#" + id).parent().parent().removeClass("toClose");
	
		// Selbst zum einblenden vormerken
		$("#" + id).addClass("toShow");
	
		// Ausblenden
		$(".toClose").slideUp().removeClass("toClose");
	
		// Einblenden
		$(".toShow").slideDown().removeClass("toShow").addClass("showing");
	}
}
