//obs, antal menyer måste stämma överens med nom
var nom = 10; // Number of menus
var usePictures = 0; // use pictures?  1 = yes, 0 = no

var ttls = new Array(); // An array for the title objects
var subs = new Array(); // An array for the submenu objects
var lastn;
var lastmove;

var p_titelClass = 'title';
var p_titelSelectedClass = 'titleSelected';
var p_submenu = 'submenu';
var p_submenuItemSelectedClass = 'submenuSelected';
var p_submenuItemClass = 'submenu';

var p_lastTitle;
var p_title;
var lastTitle_temp;

visible = 'visible';
hidden = 'hidden';
	
for (var i = 1; i <= nom; i++) {
	ttls[i] = ('title' + i);
	subs[i] = ('submenu' +i);
}

function setTop(){
	for (var i = 1; i <= nom; i++) {
		document.getElementById(subs[i]).style.top  = i * 20 + "px";
		document.getElementById(ttls[i]).style.top  = (i-1) * 20 + "px";		
	}
}

function picopen(n) {
	title = ('title' + n);
	pic = ('pic' + n);
	if (document.layers) {
		document.layers[title].document.images[pic].src = "images/opened.gif";
	}
	else if (document.all) {
		document.all(pic).src = "images/opened.gif";
   }
}


function picclose(n) {
	title = ('title' + n);
	pic = ('pic' + n);
	if (document.layers) {
		document.layers[title].document.images[pic].src = "images/closed.gif";
	}
	else if (document.all) {
		document.all(pic).src = "images/closed.gif";
   }
}

lastn = (nom + 1);
lastmove = 0;

function lasttoggle(n,move) {
	if (n <= nom) {
		menu = ('submenu' + n);		
		submenu = document.getElementById(menu).style;		
		
		if (submenu.visibility == visible) {
			submenu.visibility = hidden;
			p_taggar = document.getElementById(menu).getElementsByTagName("a");
			if(p_taggar){
				for(i=0;i<p_taggar.length;i++)
				p_taggar[i].style.visibility = hidden;
			}
			//picclose(n); // Remove this if you don't use pictures
			for (var i = (n+1); i <= nom; i++) {				
				temp = document.getElementById(ttls[i]).style.top;
				temp = temp.replace("px", "");
				temp = parseInt(temp) - parseInt(move);
				document.getElementById(ttls[i]).style.top = temp.toString() + "px";
				
				temp = document.getElementById(subs[i]).style.top;
				temp = temp.replace("px", "");
				temp = parseInt(temp) - parseInt(move);
				document.getElementById(subs[i]).style.top = temp.toString() + "px";				
         	}
      	}
   	}
}


function toggle(n,move) { // 1, 30 eller 2,60
	menu = ('submenu' + n);
	title_temp = ('title' + n); 	
	
	if(title_temp != 'title' + lastn) lastTitle_temp = ('title' + lastn);	
	if(title_temp != 'title' + lastn) p_lastTitle = document.getElementById(lastTitle_temp);	
	
	p_title = document.getElementById(title_temp);	
	p_subMenu = document.getElementById ( menu );	

	setLinkStatus(p_subMenu);	
	submenu = document.getElementById(menu).style;  	
	
	if (submenu.visibility == visible) {
		submenu.visibility = hidden;
		
		p_taggar = document.getElementById(menu).getElementsByTagName("a");	
		if(p_taggar){
			for(i=0;i<p_taggar.length;i++)
			p_taggar[i].style.visibility = hidden;
		}
			
		if(p_lastTitle) p_lastTitle.className = p_titelClass;
		
		p_title.className = p_titelSelectedClass;
		
		if (usePictures) picclose(n);
		for (var i = (n+1); i <= nom; i++) {			
			temp = document.getElementById(ttls[i]).style.top;
			temp = temp.replace("px", "");
			temp = parseInt(temp) - parseInt(move);
			document.getElementById(ttls[i]).style.top = temp.toString() + "px";
			
			temp = document.getElementById(subs[i]).style.top;
			temp = temp.replace("px", "");
			temp = parseInt(temp) - parseInt(move);
			document.getElementById(subs[i]).style.top = temp.toString() + "px";			
		}
	}
	else {
		submenu.visibility = visible;	
		//document.getElementById(menu).getElementsByTagName("a").style.visibility = visible;
		p_taggar = document.getElementById(menu).getElementsByTagName("a");
			
		if(p_taggar){
			for(i=0;i<p_taggar.length;i++)
			p_taggar[i].style.visibility = visible;
		}
			
		if(p_lastTitle) p_lastTitle.className = p_titelClass;
		p_title.className = p_titelSelectedClass;
		
		if (usePictures) picopen(n);
		
		if (lastn != n) {
			lasttoggle(lastn,lastmove);
		}
		for (var i = (n+1); i <= nom; i++) {
			temp = document.getElementById(ttls[i]).style.top;
			temp = temp.replace("px", "");
			temp = parseInt(temp) + parseInt(move);
			document.getElementById(ttls[i]).style.top = temp.toString() + "px";
			
			temp = document.getElementById(subs[i]).style.top;
			temp = temp.replace("px", "");
			temp = parseInt(temp) + parseInt(move);
			document.getElementById(subs[i]).style.top = temp.toString() + "px";			
   		}
	}
lastn = n;
lastmove = move;
}

//Submenu 
function toggleSubmenu(obj) { // 1, 30 eller 2,60
	setLinkStatus(obj.parentNode);
	obj.className = p_submenuItemSelectedClass;
	
}

function setLinkStatus(cont, on){
	if (cont){
		var a_obj_list = cont.getElementsByTagName("a");
		for (i=0; i<a_obj_list.length; i++){
			a_obj_list[i].className = on ? p_submenuItemSelectedClass : 'visibleClass';
		}
	}
}

function changeBgFunk(cont, on){
	if (cont){
		var a_obj = cont.getElementsByTagName("a");
		for (i=0; i<a_obj.length; i++){
			a_obj[i].className = 'changeBg';
		}
	}
}

//var sm = document.getElementById("submenu");

//  End -->