$(document).ready(function(){
	
	/*
	ID FOR ARIKKEL MED MENYLISTE: art30
	*/
	var aktiv = '';
	var menyartikkel = 'art30';
	
	var vis_detaljer_klasse = 'elektriker_vis_detaljer';
	var skjul_detaljer_klasse = 'steng_elektriker_detaljer';
	
	lag_listepunkter();
	
	function lag_listepunkter() {
		var strListepunkter = '';
		$('.elektriker_detaljer').each(function() {
			// FINN ID
			var id = $(this).attr('id');
			// FINN OVERSKRIFT
			var h1 = $('#h'+id).html();
			var li = '<li><a class="'+vis_detaljer_klasse+'" href="#" name="'+id+'">'+h1+'</a></li>';
			leggTilLink(id);
			strListepunkter += li+'\n';
			
		});
		$('#'+menyartikkel+' .innerart ul').append(strListepunkter);
	}
	
	$('.steng_elektriker_detaljer').click(function() {
		fjernAktivKlasse();
		var id = $(this).attr("name");
		$("#"+id).slideUp("fast");
		//fjernLink(id);
	});
	$('.elektriker_vis_detaljer').click(function() {
		var id = $(this).attr("name");
		if(aktiv != '') {
			stengAktiv(id);
		};
		if(!$(this).hasClass('aktiv')) {
			fjernAktivKlasse();
			$(this).addClass('aktiv');
		};
		aktiv = id;
		$("#"+id).slideDown("fast");
	});
	
	function leggTilLink(id) {
		var lenke = '<a name="'+id+'" href="#" title="Lukk vindu" class="'+skjul_detaljer_klasse+'"><span>Steng</span></a>';
		$('#'+id).append(lenke);
	}
	
	function stengAktiv(id) {
		if(id != aktiv) {
			$("#"+aktiv).slideUp("fast");
			aktiv = '';
		}
	}
	
	function fjernAktivKlasse() {
		$('.elektriker_artikkel a').removeClass('aktiv');
	}
	
});