var firstrun = true;

function justifyMenu() {
	var availableWidth = 892;
    	var menuObject = document.getElementById('menuLevel1');
    	if (document.getElementsByClassName) {
   	      var menuElements = menuObject.getElementsByClassName('menuLevel1Element');
  	      var menuSpacers = menuObject.getElementsByClassName('menuLevel1Spacer');
  	  }
  	  else {
  	      var allMenuElements = menuObject.getElementsByTagName('div');
  	      var menuElements = new Array();
        
  	      var menuSpacers = new Array();
  	      for (i=0; i<allMenuElements.length; i++) {
  	          if (allMenuElements[i].className == 'menuLevel1Element') {
  	              menuElements.push(allMenuElements[i]);
  	          }
  	          else {
  	              menuSpacers.push(allMenuElements[i]);
  	          }
  	      }
  	  }	
	/*if (menuElements.length == 0) {
		if (document.getElementsByClassName) {
			menuElements = menuObject.getElementsByClassName('menuLevel1Element');
			menuSpacers = menuObject.getElementsByClassName('menuLevel1Spacer');
		}
		else {
			var allMenuElements = menuObject.getElementsByTagName('div');
			menuElements = new Array();
			
			menuSpacers = new Array();
			for (i=0; i<allMenuElements.length; i++) {
				if (allMenuElements[i].className == 'menuLevel1Element') {
					menuElements.push(allMenuElements[i]);
				}
				else {
					menuSpacers.push(allMenuElements[i]);
				}
			}
		}
	}*/
	
	var contentWidth = menuObject.offsetWidth;
	if (contentWidth > availableWidth) {
		//alert("contentWidth: " + contentWidth + "\nfirstrun: " + firstrun + "\nmenuSpacers: " + menuSpacers.length);
	}
	
	var overrideContentWidth = false;
	if (contentWidth > availableWidth) {
		contentWidth = availableWidth - menuElements.length * 30;
		overrideContentWidth = true;
	}
	
	if (contentWidth == 0 || overrideContentWidth == true || firstrun == false) {
		
		for (i=0; i<menuElements.length; i++) {
			contentWidth = contentWidth + menuElements[i].offsetWidth;
			//menuElements[i].style.background = "#ff00ff";
		}
		var totalSpacerWidth = menuSpacers[0].offsetWidth * menuSpacers.length;
		contentWidth = contentWidth + totalSpacerWidth;
	}
	
	if (overrideContentWidth == true) {
		//contentWidth = availableWidth - 30 * menuSpacers.length;
	}
	
	
	var spaceWidth = Math.floor((availableWidth - contentWidth) / menuSpacers.length);
	
	
	//alert(availableWidth + " - " + contentWidth);
	for (i=0; i<menuSpacers.length; i++) {
		var thisSpacerWidth = spaceWidth + menuSpacers[i].offsetWidth;
		
		if (thisSpacerWidth < 0) {
			thisSpacerWidth = 30;
		}
		menuSpacers[i].style.width = thisSpacerWidth + "px";
		//menuSpacers[i].style.background = "#ffff00";
	}
}


// Gammel funktion
//function justifyMenu() {
//    //var availableWidth = document.getElementById('menuLevel1Wrapper').offsetWidth;
//    var availableWidth = 892;
//    var menuObject = document.getElementById('menuLevel1');
//    if (document.getElementsByClassName) {
//        var menuElements = menuObject.getElementsByClassName('menuLevel1Element');
//        var menuSpacers = menuObject.getElementsByClassName('menuLevel1Spacer');
//    }
//    else {
//        var allMenuElements = menuObject.getElementsByTagName('div');
//        var menuElements = new Array();
//        
//        var menuSpacers = new Array();
//        for (i=0; i<allMenuElements.length; i++) {
//            if (allMenuElements[i].className == 'menuLevel1Element') {
//                menuElements.push(allMenuElements[i]);
//            }
//            else {
//                menuSpacers.push(allMenuElements[i]);
//            }
//        }
//    }
//    
//    if (menuElements.length > 0) {
//        var contentWidth = menuObject.offsetWidth;
//        if (contentWidth == 0) {
//            for (i=0; i<menuElements.length; i++) {
//                contentWidth = contentWidth + menuElements[i].offsetWidth;
//            }
//            var totalSpacerWidth = menuSpacers[0].offsetWidth * menuSpacers.length;
//            contentWidth = contentWidth + totalSpacerWidth;
//        }
//        
//        var spaceWidth = Math.floor((availableWidth - contentWidth) / menuSpacers.length);
//        
//        //alert(availableWidth + " - " + contentWidth);
//        for (i=0; i<menuSpacers.length; i++) {
//            var thisSpacerWidth = spaceWidth + menuSpacers[i].offsetWidth;
//            menuSpacers[i].style.width = thisSpacerWidth + "px";
//        }
//    }
//}


if (document.addEventListener) {
    document.addEventListener('DOMContentLoaded', justifyMenu, false);
}
else if (document.attachEvent) {
    window.attachEvent('onload', justifyMenu);
}
else {
    document.onload = justifyMenu;
}