window.onload = function() { 
	startup();
	window.onResize = startup;
}

function startup() { 
	makeNavigation();
	publishButton();
}

function makeNavigation()
{
	var navs = document.getElementById('navigation').getElementsByTagName('ul');
	if (null == navs) return false;
	
	for(var i=1; i<navs.length; i++){
		submenuize(navs[i]);
	}
	
}

function publishButton()
{
	var tick = document.getElementById('publish');
	var tock = document.getElementById('submit');
	if (null == tick) return false;
	if (null == tock) return false;
	
	if (tock.value == 'submit') tock.value = 'preview';
	if (tock.className == 'ready') tock.className = '';


	// if a modern browser
	if (tick.addEventListener) {
		
		tick.addEventListener('click',function(){
			tock.className = (tock.className == 'ready') ? '' : 'ready';
			tock.value = (tock.value == 'preview') ? 'submit' : 'preview';
		},false);

	// if IE
	} else if (tick.attachEvent) {
		
		tick.attachEvent('click',function(){
			tock.className = (tock.className == 'ready') ? '' : 'ready';
			tock.value = (tock.value == 'preview') ? 'submit' : 'preview';
		});

	}
	
	
}

function swapClass(thing,one,two)
{
	var reg = new RegExp('(\\s|^)' + one + '(\\s|$)');
	thing.className=thing.className.replace(reg,'');
	thing.className += thing.className ? ' '+two : two;
}

function showMenu(menu,width)
{
	menu.style.display = 'block';
	if (width > menu.offsetWidth) menu.style.width = width + 'px';
}

function submenuize(submenu)
{
	var trigger = submenu.parentNode.firstChild;
	
	if (trigger.href) {
		trigger.className += trigger.className ? ' subber' : 'subber';
		
		// if a modern browser
		if (trigger.addEventListener) {
			
			trigger.addEventListener('mouseover',function(){
				showMenu(submenu,trigger.offsetWidth);
			},false);
			submenu.addEventListener('mouseover',function(){
				swapClass(trigger,'subber','over');
				showMenu(submenu,trigger.offsetWidth);
			},false);
			trigger.addEventListener('mouseout',function(){
				submenu.style.display = 'none';
			},false);
			submenu.addEventListener('mouseout',function(){
				swapClass(trigger,'over','subber');
				submenu.style.display = 'none';
			},false);
		
		// if IE
		} else if (trigger.attachEvent) {
			
			trigger.attachEvent('onmouseover',function(){
				showMenu(submenu,trigger.offsetWidth);
			});
			submenu.attachEvent('onmouseover',function(){
				swapClass(trigger,'subber','over');
				showMenu(submenu,trigger.offsetWidth);
			});
			trigger.attachEvent('onmouseout',function(){
				submenu.style.display = 'none';
			});
			submenu.attachEvent('onmouseout',function(){
				swapClass(trigger,'over','subber');
				submenu.style.display = 'none';
			});
		
		}
		
	}
}