function port_over(id)
{
    document.getElementById('port' + id).className = "portfolio_over";
}

function port_out(id)
{
    document.getElementById('port' + id).className = 'portfolio_out';
}

function port_goto(id)
{
    location.href='portfolio.php?design=' + id;
}

function enableButtons()
{
	//get the navigation div
	var navigation = document.getElementById('navigation_top');
	
	//if it doesn't exist, then exit to avoid errors
	if (!navigation) { return; }
	
	//get lis(list items) from the navigation area
	var lis = navigation.getElementsByTagName("li");
	
	// loop through each li and assign the proper style
    for (var i = 0; i < lis.length; i++) 
    {		
		if (lis[i].className != 'selected')
		{
			lis[i].onmouseover = highlight;		
			lis[i].onmouseout = unhighlight;
		}
	}
}

function highlight()
{
	this.className = 'selected';
}

function unhighlight()
{
	this.className = '';
}