$(function() {

	/*
	 *  Menu Splitter
	 *
	 *  
	 */

	var submenuToggleHTML = "<li id='submenu_toggle' class='level1' onfocus='blurLink(this);'><div class='menu-arrow right'><a><img src='fileadmin/templates/webpics/arrow-right-content.png'></a></div></li>";
	var submenuToggleHTMLBack = "<li id='submenu_toggle' class='level2' onfocus='blurLink(this);'><div class='menu-arrow left'><a><img src='fileadmin/templates/webpics/arrow-left-content.png'></a></div></li>";
	var toggleElementWidth = $('#submenu_toggle img').width();
	$('#submenu_toggle').width(
			toggleElementWidth - parseInt($('#nav li').css("margin-right").replace('px',''),10));

	$('#submenu').after('<ul id="submenu_hidden" style="display:none;"></ul>');

	var submenuToggle = function() {

		var level1 = $('#submenu_toggle').hasClass('level1');
		var tmpMenu = $('#submenu').children().remove();

		if (level1) {
			$('#submenu #submenu_toggle').remove();
			$('#submenu_hidden #submenu_toggle').remove();
			$('#submenu').append(submenuToggleHTMLBack);
			$('#submenu').append($('#submenu_hidden').children().remove());
		} else {
			$('#submenu #submenu_toggle').remove();
			$('#submenu_hidden #submenu_toggle').remove();
			$('#submenu').append($('#submenu_hidden').children().remove());
			$('#submenu').append(submenuToggleHTML);
			$('#submenu #submenu_toggle').css( {
				float : "right"
			});
		}
		$('#submenu_toggle').bind('click', submenuToggle);
		$('#submenu_hidden').append(tmpMenu);

		$('.menu-arrow').fadeTo(0, 0.2);
		$('.menu-arrow').mouseover(function() {
			$(this).fadeTo(0, 0.9);
		});
		$('.menu-arrow').mouseout(function() {
			$(this).fadeTo(0, 0.2);
		});
	};

	var splitMenu = function() {
		if ($('#submenu').html() != '') {
			var tempWidth = 0;
			var toggleElementWidth = $('#submenu_toggle img').width();
			$('#submenu_toggle').width(
					toggleElementWidth - parseInt($('#nav li').css("margin-right").replace('px',''),10));
			var maxWidth = $('#nav').width();
			var hideElement = false;
			var goLevel2 = false;

			$('#submenu_hidden').children(':not(#submenu_toggle)').remove();

			$('#submenu li:not(#submenu_toggle)').each(function() {
				tempWidth += $(this).outerWidth(true);
				if (tempWidth > (maxWidth - toggleElementWidth * 2)) {
					hideElement = true;
				}

				if (hideElement) {
					$('#submenu_hidden').append($(this).remove());
				}

				if ($(this).html() == $("ul.L2 .active").html()) {
					if (hideElement) {
						goLevel2 = true;
					}
				}

			});

			if (hideElement) {
				$('#submenu_toggle').bind('click', submenuToggle);
				// $('#submenu_toggle').css({marginLeft});
				$('#submenu_toggle').css( {
					float : "right"
				});

			} else {
				$('#submenu_toggle').remove();
			}

			if (goLevel2) {
				$('#submenu_toggle').click();
			}
		}

		$('.menu-arrow').fadeTo(0, 0.2);
		$('.menu-arrow').mouseover(function() {
			$(this).fadeTo(0, 0.9);
		});
		$('.menu-arrow').mouseout(function() {
			$(this).fadeTo(0, 0.2);
		});
	};

	$("#nav > li a").click(function() {
		/*
		if($(this).next("ul").length == 1) {
		$('#submenu').fadeOut(0);
		$('#submenu').html('');
		$('#submenu').html($(this).next("ul").html() + submenuToggleHTML);
		$('#submenu').fadeIn(0);
		$("#nav > li a img").css({borderBottom: "0px solid #B3B3B3"});
		$(this).find("img").css({borderBottom: "1px solid #B3B3B3"});
		splitMenu();
		return false;
		}
		 */
	});

	// ausgewählter Unterpunkt aktivieren
	if ($("ul.L2 .active").parent().children().length > 0) {
		$('#submenu').html(
				$("ul.L2 .active").parent().html() + submenuToggleHTML);
	}
	splitMenu();
	$('#submenu').fadeIn(0);

	$('#content .csc-frame-frame2 img').dropShadow( {
		left : -4,
		top : 4,
		opacity : 0.8
	});

	if ($('#page-description').contents().length > 0) {
		$("#page-description-icon").tooltip( {
			extraClass : "bv-tooltip",

			bodyHandler : function() {
				return $("#page-description").html();
			},
			showURL : false
		});
	} else {
		$("#page-description-icon").css('display', 'none');
	}

	$("input[name='tx-neofileshare-pi1\\[file\\]']").change(
			function() {
				$("input[name='tx-neofileshare-pi1\\[title\\]']").val(
						$('.uploader .filename').text());
				window.setTimeout(function() {
					$("input[name='tx-neofileshare-pi1\\[title\\]']").val(
							$('.uploader .filename').text(), 50);
				});
			});

});