//---------------------------------------------------------------
// ++you_are_here.js++
// 071031.itani
// itani@a-me.jp
//---------------------------------------------------------------

function youAreHere(sel){
	if(sel != ""){	
		var selId = sel;
		document.getElementById(selId).src=document.getElementById(selId).src.replace(".gif","_on.gif");
		document.getElementById(selId).className = "now";
	}	

}

/*
現在地のグローバルナビの色を変えるjs。
テンプレートや共通パーツのPHP読み込みでページごとにグローバルナビのソースを弄れない場合に使用します。

処理概要：
・指定したidの画像のファイル名に[_on]を付ける
・指定したidの画像のclassを「now」にする


■使用方法

1.htmlコーディング=========

<!-- globalNavi -->
<ul>
<li><a href="#"><img src="_coreimg/navi01.gif" width="95" height="35" alt="" class="swap" id="navi01" /></a></li>
<li><a href="#"><img src="_coreimg/navi02.gif" width="95" height="35" alt="" class="swap" id="navi02" /></a></li>
<li><a href="#"><img src="_coreimg/navi03.gif" width="95" height="35" alt="" class="swap" id="navi03" /></a></li>
</ul>

上記のように通常とおりコーディングしてください。
class="swap"はロールオーバー用の記述です。
詳細：a-Me Wiki htmlを汚さないロールーバー
http://a-me.jp/wiki/doku.php?id=topics:javascript_topics

idは必ずユニークなものをそれぞれ指定してください。(処理する画像をこのidで指定します)
通常はnavi01,navi02,navi03,,,といった形でいいと思います。



2.スクリプトファイルの読み込み=========

このファイルを読み込んでください。
<script language="JavaScript" src="_js/you_are_here.js" type="text/JavaScript"></script>



3.処理する画像のidを指定=========

</body>のすぐ上に以下を記述

<script type="text/javascript" >
<!--
youAreHere("navi01");
//-->
</script>

「navi01」の部分で現在地として処理したいidを指定します。
指定したidを持つ画像のsrcの拡張子の前に_onが加えられます。

src="_coreimg/navi01.gif"　→　src="_coreimg/navi01_on.gif"

また、classを「now」に変更します。
これはswapで指定するロールオーバーを無効にするためです。


■動作検証済みブラウザ

Win
IE6 7
NN7.1
Firefox2.0
opera8.5

Mac
IE5.2
Firefox2.0
opera9.2
Safari2.0
NN7.1
*/