document.write('<div id="globalnavi">',
'  <ul id="nav">',
'    <li><a href="#" title="Shoin.net TOP">ＴＯＰ</a></li>',
'    <li><a href="#" title="行事予定">行事予定</a></li>',
'    <li><a href="#" title="イベント">イベント</a></li>',
'    <li><a href="#" title="若樟祭">若樟祭</a></li>',
'    <li><a href="#" title="特集">特集</a></li>',
'    <li><a href="#" title="先生紹介">先生紹介</a></li>',
'    <li><a href="#" title="クラブ">クラブ</a></li>',
'    <li><a href="#" title="ギャラリー">ギャラリー</a></li>',
'    <li><a href="#" title="スタッフブログ">スタッフブログ</a></li>',
'  </ul>',
'</div>'); 



window.addEvent('load', function () // wait until the page is loaded
{
	$('nav').getChildren().each(function(el){ // get the elements in the #nav div
		var effect = el.effect('font-size',  // assign font-size effect to a variable
		{ // pass in additional options
			duration: 400,
			transition: Fx.Transitions.Expo.easeOut,
			wait: false
		});
		el.orgSize = el.getStyle('font-size').toInt();  // save the original font-size size
		el.addEvents(  // add events to the links
		{
			'mouseover': function () // on mouseover make the font size bigger
			{
				effect.start(el.orgSize * 2);
			},
			'mouseout': function () // on mouseout return font to original size
			{
				effect.start(el.orgSize);
			}
		});
	});
});