jQuery(function() {
	setPageBodyHeightTo('#pageBody');

	// Menu toggle for the container links
	jQuery(".menuLink.containerLink").click(function() {
		var nextElement = jQuery(this).next();

		if (jQuery(nextElement).hasClass('menuContainer')) {
			jQuery(nextElement).slideToggle();
		} else {
			if (jQuery(nextElement).next().hasClass('menuContainer')) {
				jQuery(nextElement).next().slideToggle();
			}
		}

		return false;
	});

	jQuery('img', '#innerContent').click(function() {
		if (!jQuery(this).hasClass('skipImageDialog')) {
			showImage(this);
		}
	});
});

function setPageBodyHeightTo(elementSelector) {
	var pageBodyHeight = jQuery('#pageBody').height();
	var elementHeight = jQuery(elementSelector).height();

	if (pageBodyHeight < elementHeight) {
		var element = elementHeight;
	} else {
		var element = pageBodyHeight;
	}

	jQuery('#pageBody').css('height', element + 50);
}

function resetPageBodyHeight() {
	jQuery('#pageBody').css('height', 'auto');
}

function showImage(element) {
	$("#imageDialog").html('Ladevorgang...');
	$("#imageDialog").dialog( {
		title : 'Bildansicht',
		modal : true
	});

	var imagePathSmall = jQuery(element).attr('src');
	var imagePathBig = imagePathSmall.replace(/small/i, "big");

	var dialogImage = new Image();

	dialogImage.onload = function() {
		$("#imageDialog").remove();

		$("body").prepend("<div id='imageDialog'></div>");
		$("#imageDialog").html(this);

		$("#imageDialog").dialog( {
			title : 'Bildansicht',
			modal : true,
			width : this.width + 15 + 'px',
			close : function(event, ui) {
				$("#imageDialog").remove();
				$("body").prepend("<div id='imageDialog'></div>");
			}
		});
	};

	dialogImage.src = imagePathBig;
}