//===========================================================
//                   グローバル変数
//===========================================================
var linkList      = new Array();// リンク先のセット ============
var srcList       = new Array();// 画像のセット ================
var linkNodeList  = new Array();// Aタグのセット ===============
var imgNodeList   = new Array();// IMAGEタグのセット ===========
var altList       = new Array();// ALT属性のセット ===========
var titleList       = new Array();// TITLE属性のセット ===========
var productBox;// ターゲットの絞り込み
var nodeLength;// ターゲットのノード数


//タイマーセット ===============================================

function alhaSet() {
	// GET NODE LENGTH ===============
	getNodeLength();
	// LOAD IMG ======================
	var loadImg = new Array();
	var targetImg;
	var load;
	for( load = 1; load <= ( nodeLength * 2 ); load++ ){
		if( load > nodeLength ){
			targetImg = 'images/top_navi/' + ( load - 21 ) + '_ov.gif';
		}
		else{
			targetImg = 'images/top_navi/' + load + '_off.gif';
		}
		loadImg.push( targetImg );
	}
	var PrImg = new Array();
	for(i=0; i<loadImg.length; i++){
		PrImg[i] = new Image();
		PrImg[i].src = loadImg[i];
	}
	// IMG PATH + HREF SET =============
	setList();
	// SET ATTRIBUTE IMG + HREF ========
	nodeSet();
	// ALPHA SET =======================
	alphaIcon();
	return;
}
var listFlag = 0;
function productFun() {
	var heightSpeed = 10; // インターバルの速度を設定
	var transparent = 0;
	var wrapTimer;
	var productList = document.getElementById("productList");
	if( listFlag == 0 ){
		productList.style.display = "block";
		var repeatPoint = function() {
			transparent +=10;
	        if( transparent > 90 ) {
				transparent = 90;
				productList.style.filter = 'alpha(opacity=' + transparent + ')';
				var antherIE = transparent / 100;// FireFox用
					productList.style.opacity    = antherIE; // Safari用
					productList.style.mozOpacity = antherIE; // FireFox用
	          	  	clearInterval( wrapTimer );
					listFlag = 1;
	    	}
			productList.style.filter = 'alpha(opacity=' + transparent + ')';
			var antherIE = transparent / 100;
				productList.style.mozOpacity = antherIE; // FireFox用
				productList.style.opacity    = antherIE; // Safari用
		}
		wrapTimer = setInterval( repeatPoint, heightSpeed );
	}
	else{
		productList.style.display = "none";
		transparent = 0;
			productList.style.filter = 'alpha(opacity=' + transparent + ')';
		var antherIE = transparent / 100;// FireFox用
			productList.style.opacity    = antherIE; // Safari用
			productList.style.mozOpacity = antherIE; // FireFox用
      	  	clearInterval( wrapTimer );
			listFlag = 0;
	}
}
//* ALPHA MOVIE SET =====================================
function alphaIcon(){
	var heightTimer;        // タイマーの設置
	var heightSpeed = 10; // インターバルの速度を設定
	var transparent = 0;
	var prBox = document.getElementById("prBox");
	// 表示順位を指定する乱数を配列に格納【 randomList → randomList2 】
	var randomList    = new Array();// 昇順の数値を配列に格納 ======
	var randomList2   = new Array();// 乱数を配列に格納 ============
	var makeList;
	for( makeList = 0; makeList < nodeLength; makeList++ ){
		randomList.push( makeList );
	}
	var selectList;
	for( selectList = 0; selectList < nodeLength; selectList++ ){
		var ary = nodeLength - selectList; 
			randomNum = Math.floor( Math.random() * ary );
			targetNum = randomList[randomNum];
			randomList.splice( randomNum,1 );
			randomList2.push( targetNum );
	}
	/* ==============================================================
	 アクションをかけるイメージ要素を配列から取り出すKey 【thisNode】
	1 SET終了後transparent値を0にしないFLAG【thisFlag】
	1 SET終了後新たな乱数を取り出すための分岐用数値【kyeNum】
	何SET回ったかをカウント【thisNum】
	============================================================== */
	var thisNode;
	var kyeNum = 1;
	var thisNum = 0;
	var repeatPoint = function() {
		if( thisNum !== kyeNum ) {
			thisNode = randomList2[thisNum];
			kyeNum = thisNum;
		}
		transparent +=10;
        if( transparent > 100 ) {
			transparent = 100;
			imgNodeList[thisNode].style.mozOpacity = 'alpha(opacity=' + transparent + ')';
			var antherIE = transparent / 100;// FireFox用
				imgNodeList[thisNode].style.opacity    = antherIE; // Safari用
				imgNodeList[thisNode].style.mozOpacity = antherIE; // FireFox用
			if( thisNum >= nodeLength - 1 ){
          	  	clearInterval( heightTimer );
				return;
          	}
          	else{
				kyeNum = thisNum;
				thisNum +=1;
				transparent = 0;
          	}
    	}
    	else{
			imgNodeList[thisNode].style.filter = 'alpha(opacity=' + transparent + ')';
			var antherIE = transparent / 100;
				imgNodeList[thisNode].style.mozOpacity = antherIE; // FireFox用
				imgNodeList[thisNode].style.opacity    = antherIE; // Safari用
		}
	}
	heightTimer = setInterval( repeatPoint, heightSpeed );
	return;
}


/* GET NODE LENGTH ========================= */
function getNodeLength() {
	productBox = document.getElementById("productBox");
	if( document.all ){
		nodeLength = productBox.childNodes.length;
	}
	else{
		nodeLength = ( productBox.childNodes.length - 1 ) / 2;
	}
	return;
}


// SET LIST AND EVENT ===============================================
function setList() {
	var i;
	for( i = 0; i < nodeLength; i++ ){
		var linkNode = "icon" + ( i + 1 );
			linkNode = document.getElementById(linkNode);
			linkNodeList.push( linkNode.firstChild );
			linkList.push( linkNode.firstChild.href );
			titleList.push( linkNode.firstChild.title );
			altList.push( linkNode.firstChild.firstChild.alt );
			if( document.all ){
				linkNode.setAttribute("onmouseover", new Function("onImg(this);"));
				linkNode.setAttribute("onmouseout", new Function("outImg(this);"));
			}
			else{
				linkNode.setAttribute("onmouseover", "onImg(this);");
				linkNode.setAttribute("onmouseout", "outImg(this);");
			}
		var target = i + 1;
			srcList.push( target );
	}
	return;
}


// SET ATTRIBUTE ===========================================
function nodeSet() {
	var i;
	var setNum    = 0;
	var imgLength = nodeLength;
	var targetNum;
	for( i = 0; i < nodeLength; i++ ){
		var imgNode   = linkNodeList[i].firstChild;
		var ary       = imgLength - setNum;
		randomNum     = Math.floor( Math.random() * ary );
		imgNode.src   = "images/top_navi/" + srcList[ randomNum ] + ".gif";
		imgNode.alt   = altList[ randomNum ];
		linkNodeList[i].title   = titleList[ randomNum ];
		linkNodeList[i].href = linkList[ randomNum ];
		srcList.splice( randomNum,1 );
		linkList.splice( randomNum,1 );
		altList.splice( randomNum,1 );
		titleList.splice( randomNum,1 );
		imgNodeList.push( imgNode );
		setNum++;
	}
}


// EVENT ROLL OVER SET ======================================
function onImg(num){
	var red1    = num.firstChild.firstChild.src;
	var thisImg1 = red1.replace( "_off.gif",".gif" );
		thisImg1 = thisImg1.replace( ".gif","_ov.gif" );
	var thisImg = thisImg1.replace( "_off.gif","_ov.gif" );
		num.firstChild.firstChild.src = thisImg;
}
// EVENT ROLL OUT SET =======================================
function outImg(num){
	var red1    = num.firstChild.firstChild.src;
	var thisImg = red1.replace( "_ov.gif","_off.gif" );
	num.firstChild.firstChild.src = thisImg;
}