var port_menulist;
var port_lastshow;
var port_lastindex;
var port_showtitle;

function port_start()
{
	if(typeof(portkeylist)!='object') { return ; }
	port_menulist=$('port_pre');
	if(port_menulist==null) { return ; }
	if(portkeylist.length<2) { return ; }
	port_lastshow=null;
	port_lastindex=null;
	port_buildmenu();

	var urlhash=document.location.hash.replace('#','');
	var urlhashsel=0;

	for(i=0;i<portkeylist.length;i++)
	{
		if(portkeylist[i]==urlhash)
		{
			urlhashsel=i;
		}
	}
	
	port_select(urlhashsel);
	
}

function port_buildmenu()
{
	var temp;
	temp='';
	
	for(i=portkeylist.length-1 ; i>=0 ; i-- )
	{
		j=portkeylist.length-i-1;
		temp+='<a id="port_selected_'+j+'" class="" href="#'+portkeylist[j]+'" title="'+$(portkeylist[j]+'_title').innerHTML+'" onmouseover="port_preview('+j+'); return false;" onmouseout="port_previewend(); return false;" onclick="port_select('+j+')">'+(i+1)+'</a>';
		$(portkeylist[j]).style.display="none";
		$(portkeylist[j]+'_title').style.display="none";
	}
	temp+='<div style="overflow:hidden; clear:both; height:1px; width:100%;">&nbsp;</div>';
	temp+='<h1 id="portshowtitle">&nbsp;</h1>';
	port_menulist.innerHTML=temp;
	port_menulist.style.display="block";
	port_showtitle=$('portshowtitle');
}

function port_select(index)
{
	//alert(index);
	if(port_lastshow!=null)
	{
		$(port_lastshow).style.display="none";
		$('port_selected_'+port_lastindex).className="";
	}
	port_lastshow=portkeylist[index];
	port_lastindex=index;
	port_showtitle.innerHTML=$(portkeylist[index]+'_title').innerHTML;
	$(port_lastshow).style.display="block";
	$('port_selected_'+index).className="selected";
}


function port_preview(index)
{
	port_showtitle.innerHTML=$(portkeylist[index]+'_title').innerHTML;
}

function port_previewend()
{
	port_showtitle.innerHTML=$(port_lastshow+'_title').innerHTML;
}


port_start();