/*  Base JavaScript framework, version 2.3
 *
 *--------------------------------------------------------------------------*/ 

IMGCLASS= "overimage"; //ロールオーパー対象class
IMGFOOT= "_on"; //ロールオーパーイメージ付加文字列
TGTCLASSNAME = "spreadmenu";//ヘッダーレイヤーコントロール対象クラス

/*ページ読み込み時実行*/

Event.observe(window, 'load', getlist, false);//ヘッダーのプルダウン実行
Event.observe(window, 'load', setOver, false);//トグル・マウスオーバー実行
/*ページ読み込み時実行終了*/


/*ヘッダーメニューレイヤーコントロール*/

function getlist(){
	$A(document.getElementsByClassName(TGTCLASSNAME)).each(function (node){
	var TGTUL = getNextElement(node, "UL");
	Event.observe(node, 'mouseover', function(){
										
	TGTUL.style.visibility = "visible";
	}, false);
	
	node.onmouseout = function(){
		TGTUL.style.visibility = "hidden";
	};
	});
}

function getNextElement(elem, tagName){

	var next = elem.firstChild;
	while(next){
		if(next.nodeType == 1 && next.tagName == tagName) return next;
		next = next.nextSibling;
	}
	return null;
}


/*ヘッダーメニューレイヤーコントロールend*/


/*トグル用*/

function toggle(){
if(typeof(PAGEID) != "undefined" ){
cngmenuimg()
}

function cngmenuimg(){
		for(var i = 0; i < PAGEID.length; i++){
			var TGTID = PAGEID[i]
			var CNGIMG = $(TGTID);
			var DFO_URLLENG = CNGIMG.src.length;
			var BREAK_POINT = CNGIMG.src.lastIndexOf("\.");
			var URL_FLONT = CNGIMG.src.substring(0,BREAK_POINT);
			var URL_BACK = CNGIMG.src.substring(BREAK_POINT,DFO_URLLENG);
			var NEW_URL = URL_FLONT + IMGFOOT + URL_BACK
			
			$(TGTID).src = NEW_URL
			
			var CNGCLASS = $(TGTID).className
			var SWAPCLASS = 'notoverimage';
			$(TGTID).className = SWAPCLASS
		}
	}
}


/*ロールオーバー用*/

function setMouseOverImages(){
	var conf = {
		className : IMGCLASS,
		postfix : IMGFOOT
		};
	$A(document.getElementsByClassName(conf.className)).each(function (node){
	node.originalSrc = node.src;
	node.rolloverSrc = node.originalSrc.replace(/(\.gif|\.jpg|\.png)/, conf.postfix+"$1");
	preloadImage(node.rolloverSrc);
	Event.observe(node,'mouseover', function(){
	node.src = node.rolloverSrc;
	}, false);
	Event.observe(node,'mousedown', function(){
	node.src = node.originalSrc;
	},false);
	Event.observe(node,'mouseout', function(){
	node.src = node.originalSrc;
	},false);
	});
};

/*ロールオーバー用end*/


/*トグル・マウスオーバー実行*/
function setOver(){
toggle();
setMouseOverImages();
}
/*トグル・マウスオーバー実行end*/

/*イメージをプリロード*/

preloadedImages = [];
function preloadImage(url){
	var p = preloadedImages;
	var l = p.length;
	p[l] = new Image();
	p[l].src = url;
}