/*-------------------------------------
	機能一覧
	1.ロールオーバー
	2.ページ内スクロール
	3.セルフリンク
	4.自動改行(Firefox向け)
-------------------------------------*/

//コンフリクト防止のため$(hoge)はjQuery(hoge)とする

///////////////////////////////////////
//1.ロールオーバー
///////////////////////////////////////

// .rollOverの付くimg要素、input要素に対し処理を追加
function initRollOvers() {
	if (!document.getElementById){
		return;
	}
	
	var preLoads = new Array();
	var allImages = document.getElementsByTagName('img');

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

			//-- スワップ元、スワップ先画像の登録
			allImages[i].setAttribute('pSrc', src);
			allImages[i].setAttribute('oSrc', oSrc);

			//-- イメージのプリロード
			preLoads[i] = new Image();
			preLoads[i].src = oSrc;

			//-- イベントの設定
			allImages[i].onmouseover = function() {
				this.setAttribute('src', this.getAttribute('oSrc'));
			}
			allImages[i].onmouseout = function() {
				this.setAttribute('src', this.getAttribute('pSrc'));
			}
		}
	}
}




///////////////////////////////////////
//5.jquery-opacity-rollover設定
///////////////////////////////////////
jQuery(document).ready( function() {
	jQuery('#nav img').wink();
})