document.write('<p id="localMenuTop"><a href="/style/"><img src="/style/common/img/template/menu_top.gif" width="160" height="64" alt="PEN STYLE FotoPus" /></a></p>');
document.write('<div class="localMenu">');
document.write('<ul id="acc">');
document.write('	<li id="local_concept" class="existSub">');
document.write('    <a href="/style/concept/"><img src="/style/common/img/template/btn_menu_01.gif" width="150" height="32" alt="PEN\'S ¥³¥ó¥»¥×¥È" /></a>');
document.write('	</li>');
document.write('	<li id="local_productlineup">');
document.write('    <a href="/style/product_lineup/"><img src="/style/common/img/template/btn_menu_17.gif" width="150" height="32" alt="À½Éʥ饤¥ó¥Ê¥Ã¥×" /></a>');
document.write('	</li>');
document.write('	<li id="local_catchup" class="existSub">');
document.write('    <a href="/style/catch_up/"><img src="/style/common/img/template/btn_menu_02.gif" width="150" height="32" alt="PEN\'S ¥­¥ã¥Ã¥Á¥¢¥Ã¥×" /></a>');
document.write('	</li>');
document.write('	<li id="local_photocon" class="existSub">');
document.write('    <a href="/style/photocon/" class="btnContest"><img src="/style/common/img/template/btn_menu_12.gif" width="150" height="43" alt="¥¯¥ê¥¨¥¤¥Æ¥£¥Ö¥Õ¥©¥È¡¦¥³¥ó¥Æ¥¹¥È" /></a>');
document.write('    <ul class="sub">');
document.write('		<li id="local_photocon_sub1"><a href="/style/photocon/apply.html" class="act">¥¯¥ê¥¨¥¤¥Æ¥£¥Ö¥Õ¥©¥È¡¦¥³¥ó¥Æ¥¹¥È¤Ë¤Ä¤¤¤Æ</a></li>');
document.write('		<li id="local_photocon_sub4"><a href="/style/photocon/result.html" class="act">Âè°ì²ó¥¯¥ê¥¨¥¤¥Æ¥£¥Ö¥Õ¥©¥È¡¦¥³¥ó¥Æ¥¹¥È·ë²Ìȯɽ</a></li>');
document.write('		<li id="local_photocon_sub5"><a href="/style/photocon/result_02.html" class="act">ÂèÆó²ó¥¯¥ê¥¨¥¤¥Æ¥£¥Ö¥Õ¥©¥È¡¦¥³¥ó¥Æ¥¹¥È·ë²Ìȯɽ</a></li>');
document.write('		</ul>');
document.write('	</li>');
document.write('	<li id="local_factory" class="existSub">');
document.write('		<a href="/style/factory/"><img src="/style/common/img/template/btn_menu_15.gif" width="150" height="32" alt="PEN¥¹¥¿¥¤¥ë¹©Ë¼" /></a>');
document.write('    <ul class="sub">');
document.write('		<li id="local_factory_sub1"><a href="/style/factory/" class="act">Âè1²ó OLYMPUS PEN¥¢¥¯¥»¥µ¥ê¡¼¡¦¥»¥ì¥¯¥·¥ç¥ó</a></li>');
document.write('		</ul>');
document.write('	</li>');
document.write('	<li id="local_chronicle" class="existSub">');
document.write('		<a href="/style/chronicle/"><img src="/style/common/img/template/btn_menu_03.gif" width="150" height="33" alt="PEN\'S ¥¯¥í¥Ë¥¯¥ë" /></a>');
document.write('    <ul class="sub">');
document.write('		<li id="local_chronicle_sub1"><a href="/style/chronicle/page01.html" class="act">Âè1²ó 1959ǯ¡Ê¾¼ÏÂ34ǯ¡Ë¥ª¥ê¥ó¥Ñ¥¹¥Ú¥ó½éÂ嵡</a></li>');
document.write('		<li id="local_chronicle_sub2"><a href="/style/chronicle/page02.html" class="act">Âè2²ó 1961ǯ¡Ê¾¼ÏÂ36ǯ¡Ë¥ª¥ê¥ó¥Ñ¥¹¥Ú¥óEE</a></li>');
document.write('		<li id="local_chronicle_sub3"><a href="/style/chronicle/page03.html" class="act">Âè3²ó 1962ǯ¡Ê¾¼ÏÂ37ǯ¡Ë¥ª¥ê¥ó¥Ñ¥¹¥Ú¥óEES¡õ¥Ú¥óD</a></li>');
document.write('		<li id="local_chronicle_sub4"><a href="/style/chronicle/page04.html" class="act">Âè4²ó 1963ǯ¡Ê¾¼ÏÂ38ǯ¡Ë¥ª¥ê¥ó¥Ñ¥¹¥Ú¥óF</a></li>');
document.write('		<li id="local_chronicle_sub5"><a href="/style/chronicle/page05.html" class="act">Âè5²ó 1965ǯ¡Ê¾¼ÏÂ40ǯ¡Ë¥ª¥ê¥ó¥Ñ¥¹¥Ú¥óEM</a></li>');
document.write('		<li id="local_chronicle_sub6"><a href="/style/chronicle/page06.html" class="act">Âè6²ó 1966ǯ¡Ê¾¼ÏÂ41ǯ¡Ë¥ª¥ê¥ó¥Ñ¥¹¥Ú¥óFT</a></li>');
document.write('		</ul>');
document.write('	</li>');
document.write('	<li id="local_movieswithpen">');
document.write('		<a href="/style/movies_with_pen/"><img src="/style/common/img/template/btn_menu_04.gif" width="150" height="32" alt="Movies with PEN" /></a>');
document.write('	</li>');
document.write('	<li id="local_photocinema" class="last">');
document.write('		<a href="/style/photocinema/"><img src="/style/common/img/template/btn_menu_13.gif" width="150" height="32" alt="PEN ¡ß ¥Õ¥©¥È¥·¥Í¥Þ" /></a>');
document.write('	</li>');
document.write('</ul>');
document.write('</div>');
document.write('<div class="localMenu">');
document.write('<ul>');
document.write('	<li>');
document.write('		<a href="http://olympus-imaging.jp/pen/days_with_pen/index.html"><img src="/style/common/img/template/btn_menu_05.gif" width="150" height="32" alt="Days with PEN" /></a>');
document.write('	</li>');
document.write('	<li class="tall">');
document.write('		<a href="http://olympus-imaging.jp/pen/discovery/index.html" target="_blank"><img src="/style/common/img/template/btn_menu_16.gif" width="150" height="42" alt="µÜùõ¤¢¤ª¤¤ with PEN Lite" /></a>');
document.write('	</li>');
document.write('	<li>');
document.write('		<a href="http://olympus-imaging.jp/pen/ad_gallery/index.html"><img src="/style/common/img/template/btn_menu_06.gif" width="150" height="32" alt="AD Gallery" /></a>');
document.write('	</li>');
document.write('	<li class="last">');
document.write('		<a href="http://olympus-imaging.jp/pen/360/index.html"><img src="/style/common/img/template/btn_menu_07.gif" width="150" height="32" alt="360¡ë[E-P1]" /></a>');
document.write('	</li>');
document.write('</ul>');
document.write('</div>');
document.write('<div class="localMenu">');
document.write('<ul>');
document.write('	<li>');
document.write('		<a href="/naviblog/amy/"><img src="/style/common/img/template/btn_menu_08.gif" width="150" height="32" alt="PEN BLOG" /></a>');
document.write('	</li>');
document.write('	<li>');
document.write('		<a href="/pen/style/"><img src="/style/common/img/template/btn_menu_09.gif" width="150" height="32" alt="PEN STYLE CONTEST" /></a>');
document.write('	</li>');
document.write('	<li>');
document.write('		<a href="/pen/"><img src="/style/common/img/template/btn_menu_10.gif" width="150" height="32" alt="FotoPus-PEN" /></a>');
document.write('	</li>');
document.write('	<li class="last">');
document.write('		<a href="http://www.artistslife.jp/" target="_blank"><img src="/style/common/img/template/btn_menu_11.gif" width="150" height="32" alt="artist\'s Life" /></a>');
document.write('	</li>');
document.write('</ul>');
document.write('</div>');
document.write('<div id="linkMenu">');
document.write('<ul>');
document.write('	<li><a href="http://olympus-imaging.jp/product/dslr/index.html#ancMicroFourThirds"><img src="/style/common/img/template/btn_link_01.gif" width="56" height="12" alt="À½ÉʾðÊó" /></a></li>');
document.write('	<li><a href="http://www.olympus.co.jp/jp/support/cs/ctlg/index_ctlg.html"><img src="/style/common/img/template/btn_link_02.gif" width="117" height="12" alt="¥«¥¿¥í¥°¥À¥¦¥ó¥í¡¼¥É" /></a></li>');
document.write('	<li><a href="http://shop.olympus-imaging.jp/index.html"><img src="/style/common/img/template/btn_link_03.gif" width="105" height="11" alt="¥ª¥ó¥é¥¤¥ó¥·¥ç¥Ã¥×" /></a></li>');
document.write('	<li><a href="https://enq.olympus-imaging.com/form/fm/penstyle_enquete" target="_blank"><img src="/style/common/img/template/btn_link_04.gif" width="64" height="11" alt="¥¢¥ó¥±¡¼¥È" /></a></li>');
document.write('</ul>');
document.write('</div>');
document.write('<div id="linkBnnr">');
document.write('<ul>'); 
document.write('	<li><a href="http://www.youtube.com/user/OlympusPen" target="_blank"><img src="/style/common/img/template/btn_youtube.jpg" width="160" height="35" alt="YouTube ¸ø¼°¥Á¥ã¥ó¥Í¥ë OlympusPen" class="over" /></a></li>');
document.write('	<li id="twitter-btn"><a href="http://twitter.com/olympuspenstyle" target="_blank"><img src="/style/common/img/template/btn_twitter.jpg" width="160" height="35" alt="Twitter ¸ø¼°¥¢¥«¥¦¥ó¥È olympuspenstyle" class="over" /></a></li>');
document.write('	<!-- AddThis Button BEGIN -->');
document.write('	<li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4bc5189b7cbb9e9a"><img src="/style/common/img/template/share_btn.gif" width="160" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4bc5189b7cbb9e9a"></script></li>');
document.write('	<!-- AddThis Button END -->');
document.write('</ul>');
document.write('</div>');

// °Ê²¼¡¢¥á¥Ë¥å¡¼À©¸æ¡ÊÊѹ¹ÉԲġË
bodyID = $("body").attr("id");
prepareSubMenu = bodyID.split('_');
subMenuName = prepareSubMenu[0];

$("#local_" + subMenuName + " > a").addClass("act");
$("#local_" + subMenuName + " ul").show();
$("#local_" + bodyID + " > a").attr("href","javascript:;");
if(bodyID != subMenuName){
	$("#local_" + bodyID + " > a").removeClass("act").removeAttr("href").css("background-color","#e3e4e4");
}else{
	$("#local_" + subMenuName + " > a").removeAttr("href")
}

$("div#fotopusMenu").hover(
	function(){$("p a",$(this)).addClass("act");$("div#dropMenu",$(this)).show()},
	function(){$("p a",$(this)).removeClass("act");$("div#dropMenu",$(this)).hide()}
);

// °Ê²¼¡¢¥í¡¼¥ë¥ª¡¼¥Ð¡¼
function initRollovers() {
	if (!document.getElementById) return
	
	var aPreLoad = new Array();
	var sTempSrc;
	var aImages = document.getElementsByTagName('img');

	for (var i = 0; i < aImages.length; i++) {		
		if (aImages[i].className == 'over') {
			var src = aImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc = src.replace(ftype, '_o'+ftype);

			aImages[i].setAttribute('hsrc', hsrc);
			
			aPreLoad[i] = new Image();
			aPreLoad[i].src = hsrc;
			
			aImages[i].onmouseover = function() {
				sTempSrc = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('hsrc'));
			}	
			
			aImages[i].onmouseout = function() {
				if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_o'+ftype, ftype);
				this.setAttribute('src', sTempSrc);
			}
		}
	}
}

window.onload = initRollovers;