$(document).ready(function(){

	//Skjul alle megamenyer
	$('.megamenuen').hide(); 

	$("div.menuElement").click(function(){
	
		// Er noen menyer synlige?
		var numMegaVisible = 0;
		$('.megamenuen').each(function() {
			if (this.style.display == 'block') numMegaVisible++;
		}); 

		//Hvis en megameny er synlig
		if (numMegaVisible) { 

			// Ved klikk på menyelemement for synlig megameny, skjul megamenyen
			var currentVisible = $('.megamenuen.'+this.id).css("display");
			if (currentVisible == 'block') {
				$('.megamenuen.'+this.id).slideUp();
				$(".arrow."+this.id).attr("src","/images/mf-r0907-arrow-gray-whitebg.jpg");
				
				// Setter alle menyelementer med border
				$(".menuElement").css({
					'border-bottom'	:	'1px solid #7B7B7B'
				});
				
			} else {
			
				// Skjuler alle andre megamenyer
				$('.megamenuen').hide();
				
				//Viser valgt megameny
				$('.megamenuen.'+this.id).slideToggle(); 
				
				// Endre pil i menyelement
				$(".arrow").attr("src","/images/mf-r0907-arrow-gray-whitebg.jpg");
				$(".arrow."+this.id).attr("src","/images/mf-r0907-arrow-gray-whitebg-down.jpg");

				// Setter alle menyelementer med border
				$(".menuElement").css({
					'border-bottom'	:	'1px solid #7B7B7B'
				});
				
				// Setter valgt menyelement med hvit border bottom
				$("#"+this.id).css({
					'border-bottom'	:	'1px solid white',
					'position'		:	'relative',
					'z-index'		:	'100'
				});
			}
			
		} else if (this.id != ''){	// Hvis ingen megamenyer vises, vis valgt megameny

			// Vis megameny
			$('.megamenuen.'+this.id).slideDown();
			
			// Endre pil i menyelement
			$(".arrow."+this.id).attr("src","/images/mf-r0907-arrow-gray-whitebg-down.jpg");
			
			// Sjekker og setter farge på border-bottom på menyelement
			var color = $(this).css("border-bottom-color");
			if (color == 'rgb(123, 123, 123)' || color == '#7b7b7b') {
				$("#"+this.id).css({
					'border-bottom'	:	'1px solid white',
					'position'		:	'relative',
					'z-index'		:	'100'
				});
			} else if (color != 'rgb(123, 123, 123)'  || color != '#7b7b7b') {
				$("#"+this.id).css({
					'border-bottom'	:	'1px solid #7B7B7B'
				});					
			}
			
		}

	});

});