opacnt=1;
timer=100;

/////////////////////////////////////////////BOX////////////////////////////////////////////////////////////
// Boxをフェードインする
// pic1...Boxの画像id
// btn1...closeボタンの画像id
// req1...問い合わせbox
// obj1...追加Obj1
// obj2...追加Obj2
// obj3...追加Obj3
// obj4...追加Obj4
function createBox(pic1,btn1,req1,obj1,obj2,obj3,obj4) {
	gazouId = pic1; // BOX_ID
	gazouId1 = btn1;// CLOSE_BTN_ID
	reqId=req1; // 問い合わせID
	// 追加OBJ
	objId=obj1; objId_2=obj2; objId_3=obj3; objId_4=obj4;

	speed = 90;
	MyIMG = document.getElementById(gazouId);   MyIMG.style.visibility = "visible"; BoxFadeIn(gazouId,speed);
	MyIMG = document.getElementById(gazouId1);   MyIMG.style.visibility = "visible"; BoxFadeIn(gazouId1,speed);
	// 問い合わせ
	if(reqId!=null && reqId!=""){
		MyIMG = document.getElementById(reqId);   MyIMG.style.visibility = "visible"; BoxFadeIn(reqId,speed);
	}
	// obj1
	if(objId!=null && objId!=""){	MyIMG = document.getElementById(objId);   MyIMG.style.visibility = "visible"; BoxFadeIn(objId,speed);	}
	// obj2
	if(objId_2!=null && objId_2!=""){ MyIMG = document.getElementById(objId_2);   MyIMG.style.visibility = "visible"; BoxFadeIn(objId_2,speed);	}
	// obj3
	if(objId_3!=null && objId_3!=""){ MyIMG = document.getElementById(objId_3);   MyIMG.style.visibility = "visible"; BoxFadeIn(objId_3,speed); }
	// obj4
	if(objId_4!=null && objId_4!=""){ MyIMG = document.getElementById(objId_4);   MyIMG.style.visibility = "visible"; BoxFadeIn(objId_4,speed); }
}

// Boxをフェードアウトさせる
// pic1...フェードアウトするBoxのImgタグid
// btn1...フェードアウトするcloseボタンのImgタグid
// speed..フェードアウトするスピード(0～100) 0ほど速い
// req  ..問い合わせボタンのid(null有)
// obj1 ..追加Obj1
// obj2 ..追加Obj2
// obj3 ..追加Obj3
// obj4 ..追加Obj4
function BoxFadeOut(pic1,btn1,speed,req,obj1,obj2,obj3,obj4) {
    gazouId = pic1; gazouId1 = btn1; reqId = req;
    objId=obj1; objId_2=obj2; objId_3=obj3; objId_4=obj4;
    reqStr = "";
    document.getElementById(gazouId).style.filter = "alpha(opacity:"+speed+")";    document.getElementById(gazouId).style.opacity = speed/100;
    document.getElementById(gazouId1).style.filter = "alpha(opacity:"+speed+")";    document.getElementById(gazouId1).style.opacity = speed/100;
    if(reqId!=null && reqId!=""){
    	document.getElementById(reqId).style.filter = "alpha(opacity:"+speed+")";    document.getElementById(reqId).style.opacity = speed/100;
    	reqStr=reqStr.concat(",'"+reqId+"'");
    }
    if(objId!=null && objId!=""){
    	document.getElementById(objId).style.filter = "alpha(opacity:"+speed+")";    document.getElementById(objId).style.opacity = speed/100;
    	reqStr=reqStr.concat(",'"+objId+"'");
    }
    if(objId_2!=null && objId_2!=""){
    	document.getElementById(objId_2).style.filter = "alpha(opacity:"+speed+")";    document.getElementById(objId_2).style.opacity = speed/100;
    	reqStr=reqStr.concat(",'"+objId_2+"'");
    }
    if(objId_3!=null && objId_3!=""){
    	document.getElementById(objId_3).style.filter = "alpha(opacity:"+speed+")";    document.getElementById(objId_3).style.opacity = speed/100;
    	reqStr=reqStr.concat(",'"+objId_3+"'");
    }
    if(objId_4!=null && objId_4!=""){
    	document.getElementById(objId_4).style.filter = "alpha(opacity:"+speed+")";    document.getElementById(objId_4).style.opacity = speed/100;
    	reqStr=reqStr.concat(",'"+objId_4+"'");
    }
    reqStr = reqStr.concat(")");
    speed -= opacnt;
    if(speed <= 0) {
        document.getElementById(gazouId).style.visibility = 'hidden';
        document.getElementById(gazouId1).style.visibility = 'hidden';
        if(reqId!=null && reqId!=""){  	document.getElementById(reqId).style.visibility = 'hidden';	}
        if(objId!=null && objId!=""){  	document.getElementById(objId).style.visibility = 'hidden';	}
        if(objId_2!=null && objId_2!=""){  	document.getElementById(objId_2).style.visibility = 'hidden';	}
        if(objId_3!=null && objId_3!=""){  	document.getElementById(objId_3).style.visibility = 'hidden';	}
        if(objId_4!=null && objId_4!=""){  	document.getElementById(objId_4).style.visibility = 'hidden';	}
        return;
    }
    setTimeout("BoxFadeOut('"+pic1+"','"+btn1+"',"+speed+reqStr,timer);
}

// Boxをフェードインさせる(インナークラスなので外部から呼び出さない)
function BoxFadeIn(gazouId,speed) {
    if (speed <= 90) {
    document.getElementById(gazouId).style.filter = "alpha(opacity:"+speed+")";  // IE ・ｽﾌソ・ｽ[・ｽX
    document.getElementById(gazouId).style.opacity = speed/100;   //Mozilla
    speed += 10;
    setTimeout("BoxFadeIn('"+gazouId+"',"+speed+")", timer);
    }
}
/////////////////////////////////////////////BOX////////////////////////////////////////////////////////////

/////////////////////////////////////////////BOX機能共通////////////////////////////////////////////////////////////
// Boxを全てフェードアウトする
function boxAllClear(){
    // 背景のブラックアウトを解除
    blackout(false);
    
    // googleMap
    BoxFadeOut('SEC_1_BOX_MAP','CLOSE_BTN_SEC1_MAP',1,'SEC_1_BOX_REQ_MAP');

    // TF002(web戦略立案)
    BoxFadeOut('SEC_1_BOX_002','CLOSE_BTN_SEC1_002',1,'SEC_1_BOX_REQ_002');
    // TF003(webサイト企画立案)
    BoxFadeOut('SEC_1_BOX_003','CLOSE_BTN_SEC1_003',1,'SEC_1_BOX_REQ_003');
    // TF001(webマーケティング支援)
    BoxFadeOut('SEC_1_BOX_001','CLOSE_BTN_SEC1_001',1,'SEC_1_BOX_REQ_001');
    // TF004(webシステムの開発)
    BoxFadeOut('SEC_2_BOX_004','CLOSE_BTN_SEC2_004',1,'SEC_2_BOX_REQ_004');
    // TF005(webサイトデザイン)
    BoxFadeOut('SEC_2_BOX_005','CLOSE_BTN_SEC2_005',1,'SEC_2_BOX_REQ_005');
    // TF006(webサイト運営)
    BoxFadeOut('SEC_2_BOX_006','CLOSE_BTN_SEC2_006',1,'SEC_2_BOX_REQ_006');
    // TF007(twix)
    BoxFadeOut('SEC_3_BOX_007','CLOSE_BTN_SEC3_007',1,'SEC_3_BOX_REQ_007');
    // TF008(webhearts)
    BoxFadeOut('SEC_3_BOX_008','CLOSE_BTN_SEC3_008',1,'SEC_3_BOX_REQ_008');
    // TF009(実績)
    BoxFadeOut('SEC_4_BOX_009','CLOSE_BTN_SEC4_009',1,'SEC_4_BOX_REQ_009');    
    // TF010(我々のミッション)
    BoxFadeOut('SEC_4_BOX_010','CLOSE_BTN_SEC4_010',1,'SEC_4_BOX_REQ_010');
    // TF011(会社概要)
    BoxFadeOut('SEC_4_BOX_011','CLOSE_BTN_SEC4_011',1,'SEC_4_BOX_MAP_A');
    // TF012(採用)
    BoxFadeOut('SEC_4_BOX_012','CLOSE_BTN_SEC4_012',1,'SEC_4_BOX_REQ_012');

    // TF013(syo nishizawa)
    BoxFadeOut('SEC_2_BOX_013','CLOSE_BTN_SEC2_013',1);

    
    // TF014(プライバシーポリシー)
    BoxFadeOut('SEC_4_BOX_014','CLOSE_BTN_SEC4_014',1);
}
/////////////////////////////////////////////BOX・ｽ・ｽ・ｽ・ｽ////////////////////////////////////////////////////////////



//////////////////////////////////////////////BOXの表示時の背景ブラックアウト//////////////////////////////////////////
// 背景をブラックアウトする
// flag...true(ブラックアウト)　false(ブラックアウト解除)
function blackout(flag){
	var blackobj = document.getElementById("blackout");
	if(flag){
		blackobj.style.display="block";
	}else{
		blackobj.style.display="none";
	}
}

//////////////////////////////////////////////BOXの表示時の背景ブラックアウト//////////////////////////////////////////