$().ready(function() {
	//detect current selected main menu item, and the index of 'byer og steder' og 'virksomheter'
	var currentSelectedSection = $("#mainmenu ul li").index($("#mainmenu ul li[class='selected']"));
	
	var halt = false;
	
	var previousSlideDownMenu = -1;
	
	//array containing the pages with the different slide dowm menus
	//must reflect the main menu sequence
	var pagesToLoad = new Array("", "/shortnameByer", "/shortnameVirksomheter", "/shortnameTema");
	
	
	// -- open slide down menu -- //
	$(".slide_down_menu_trigger").click(function() {
		//index of the main menu item clicked
		var currentClick = $("#mainmenu ul li").index($(this));
		var pageToLoad = pagesToLoad[currentClick];
		if (halt == false) {
			halt = true;
			openSlideDownMenu(currentClick, pageToLoad, previousSlideDownMenu);
		} else {
			closeSlideDownMenu(currentClick, pageToLoad, previousSlideDownMenu);
		}
		//set this as previousSlideDownMenu
		previousSlideDownMenu = currentClick;
		return false;
	});
	
	
	function closeSlideDownMenu(currentClick, pageToLoad, previousSlideDownMenu) {
		$(".slide_down_menu").slideUp(500, function() {
			$("#mainmenu ul li").removeClass("selected");
			$("#mainmenu ul li:eq(" + currentSelectedSection + ")").addClass("selected");
			$("#slide_down_menu_container").empty();
			//if another slide dowm menu has triggered this closeSlideDowmMenu(), open next after this closing
			if (currentClick != previousSlideDownMenu && previousSlideDownMenu > -1) {
				openSlideDownMenu(currentClick, pageToLoad, previousSlideDownMenu);
				halt = true;
			} else {
				halt = false;
			}
		});
	}
	
	function openSlideDownMenu(currentClick, pageToLoad, previousSlideDownMenu) {
		//swap selected state on main menu
		if (currentSelectedSection != currentClick) {
			$("#mainmenu li").not(this).removeClass("selected");
			$("#mainmenu li:eq(" + currentClick + ")").addClass("selected");
		}
		//load the 'Virksomheter' menu
		$("#slide_down_menu_container").load(pageToLoad + " .slide_down_menu", function() {
			//move the tabs outside the ul (this is basically done for positioning the lists in ie6)
			$("#slide_down_menu_container .jqTabs").append($(".slide_down_menu_w_tabs li span"));
			//append close button
			$("#slide_down_menu_container .slide_down_menu").append("<div id='close_slide_down_menu'><a href='#' title='Lukk nedtrekkspanel'>x</a></div>");
			//hide all but first tab-content
			$("#slide_down_menu_container .slide_down_menu_w_tabs table:gt(0)").hide();
			//set first tab active
			$("#slide_down_menu_container .slide_down_menu_w_tabs span.has_content:eq(0)").addClass("active");
			//show slide down menu
			$(".slide_down_menu").slideDown(500);
			//swap between tabs
			$("#slide_down_menu_container span.has_content").click(function() {
				$(".slide_down_menu table").hide();
				$(".slide_down_menu li[class='" + $(this).text() + "'] table").fadeIn(500);
				$(".jqTabs span").removeClass("active");
				$(this).addClass("active");
			});
			//close slide down menu
			$("#close_slide_down_menu a").click(function() {
				closeSlideDownMenu();
				return false;
			});
		});
		return false;
	}

});