// JavaScript Document

////
// 動作開始
//
// ページ読込み時に動作開始
//
// var nBright = 0;

{ // 2009/01/30 追加 m.kadowaki
  if (window.addEventListener) { //for W3C DOM
    window.addEventListener("load", setDragableFloat, false);
  } else if (window.attachEvent) { //for IE
    window.attachEvent("onload", setDragableFloat);
  } else  {
    window.onload = setDragableFloat;
  }
}

/*window.onload = function ()
{
  setDragableFloat(); //設定
  // $("#floatbn-bannerArea").hide();
  // $("#floatbn-bannerArea").fadeIn(1000);
}*/

////
// 設定
//
// @syntax oj = dragableFloat("DIVのID名",初期位置X,初期位置Y)
//
// @sample              div1 = dragableFloat("aaa",100,200) //生成
// @sample              div1.innerHTML="あいうえお"         //HTMLを挿入
// @sample              div1.style.backgroundColor='orange' //CSSで修飾
// @sample              doDragableFloat()                   //開始
//  
function setDragableFloat(){

  var objName = "floatbn-bannerArea";
  var objX = 0;
  var objY = 0;

  myPos = myGetCookie(objName);
  if(myPos != null){
    var aPos = myPos.split("\t");
    objX = aPos[0];
    objY = aPos[1];
  }


  //ドラッガブルフロートDIVを生成
  div1 = dragableFloat(objName,objX,objY);

  //HTMLを挿入
  div1.innerHTML='<div id="floatbn-bannerBtnBox"><div id="floatbn-bannerBtn-shadow"><div id="floatbn-bannerBtn"><table width="266" border="0" cellspacing="0" cellpadding="0"><tr><td height="172" colspan="2"></td></tr><tr><td width="15"></td><td width="251"><a href="javascript:;" onClick="MyFadeOut();" title="閉じる"><img src="images/qr/close.jpg" alt="閉じる" width="135" height="17"></a></td></tr></table></div></div></div>';
  var divName0 = "floatbn-bannerBtnBox";
  var divName1 = "floatbn-bannerBtn";
  //CSSで修飾

  //開始
  doDragableFloat();

  var myAgent = navigator.userAgent;
  var myFlagIE = myAgent.indexOf("MSIE",0);
  var myFlagNN = myAgent.indexOf("Netscape",0);
  //if((myFlagIE > -1)||(myFlagNN > -1)){
  if(myFlagIE > -1){
    // MS-IE
 document.all(divName0).style.filter="alpha(opacity=0)";
 document.all(divName1).style.filter="alpha(opacity=0)";
    fadeOpacity(divName0,1,1);  // 不透明
    fadeOpacity(divName1,1,1);  // 不透明
    //fadeOpacity('floatbn-bannerBtn',1,1);  // 不透明
    // fadeOpacity('floatbn-bannerBtn',1,0.6);  // 半透明
  }else if(myFlagNN > -1){
    fadeOpacity(divName0,1,1);  // 不透明
  }else{
    // ETC
    //$("#floatbn-bannerArea").hide();
    $("#"+objName).hide();
    // $("#floatbn-bannerArea").fadeIn(1000);
    $("#"+objName).animate({height: "show",opacity: 0});
    // $("#floatbn-bannerArea").fadeTo(1000,0.6); // 半透明
    $("#"+objName).fadeTo(1000,1);  // 不透明
  }

}

function MyFadeOut(){
  var myAgent = navigator.userAgent;
  var myFlagIE = myAgent.indexOf("MSIE",0);
  var myFlagNN = myAgent.indexOf("Netscape",0);
  //if((myFlagIE > -1)||(myFlagNN > -1)){
  if(myFlagIE > -1){
    document.all('floatbn-bannerBtnBox').style.filter="alpha(opacity=100)";
 document.all('floatbn-bannerBtn').style.filter="alpha(opacity=100)";
    fadeOpacity('floatbn-bannerBtnBox',-1);
    fadeOpacity('floatbn-bannerBtn',-1);
  }else if(myFlagNN > -1){
    fadeOpacity('floatbn-bannerBtnBox',-1);
  }else{
    $("#floatbn-bannerArea").fadeOut();
  }
}

// function myfFadeIn(myIMG) {
//   if (nBright > 100) return;
//   nBright += 10;
//   myIMG.filters['alpha'].opacity = nBright;
//   setTimeout("myfFadeIn(myIMG)",500);
// }
// function myfFadeOut(myIMG){
//   if (nBright < 0) return;
//   nBright -= 10;
//   myIMG.filters['alpha'].opacity = nBright;
//   setTimeout("fadeout()",200);
// }

//====================================================---


//--フェイド関数
function fadeOpacity(layName,swt,stopOpacity){

  if(!window.fadeOpacity[layName]) //カウンター初期化
    fadeOpacity[layName] =0;

  //フェイドスイッチ引数省略時初期値(不透明から透明へ)
  if(!arguments[1]) swt = -1;

  //引数swtが -1 なら不透明から透明へ
  //           1 なら透明から不透明へフェイドする
  if(swt==-1)        var f  = "9876543210";
  else if(swt==1)    var f  = "0123456789";
  else               var f  = "9876543210";

  //停止不透明度引数省略時初期値
  if(!arguments[2] && swt==-1)     stopOpacity = 0;
  else if(!arguments[2] && swt==1) stopOpacity = 10;

  //フェイド処理    
  if( fadeOpacity[layName] < f.length-1 ){

    //カウンター番目の文字列を取り出す
    var opa = f.charAt(fadeOpacity[layName])/10;

    //終了時不透明度なら終了
    if( opa == stopOpacity ){
      setOpacity(layName,stopOpacity); //終了
      fadeOpacity[layName] = 0;  //リセット
      return;
    }
    // 不透明度変更を実行する
    setOpacity(layName,opa);
    // カウンターを加算
    fadeOpacity[layName]++;
    //--50/1000秒後にfadeOpacityを再実行
    setTimeout('fadeOpacity("'+layName+'","'+swt+'","'+stopOpacity+'")',50);
  } else {
    //終了
    setOpacity(layName,stopOpacity);
    //--リセット
    fadeOpacity[layName] = 0;
 
 if(swt==-1){ //消す
   floatdiv=getStyleObj(layName);
   floatdiv.display='none';
 }
  }
}
function setOpacity(layName,arg) {
  //arg は 0透明 1不透明
  //n4やmac-e4などopacity未対応は0以下で代替処理としてhiddenする
  var ua = navigator.userAgent;

  if( window.opera ) return;     //o6,o7
  if( document.layers )     //n4
         var oj = document.layers[layName]
  else if( document.all )     //e4,e5,e6
         var oj = document.all(layName).style
  else if( document.getElementById )    //n6,n7,m1,s1
         var oj =document.getElementById(layName).style;

  if(document.layers ||
     ua.indexOf('Mac_PowerPC') !=-1 && document.all ||
     ua.indexOf('Safari') !=-1 ) {    //n4,mac-e4,mac-e5,s1
      //opacityの使えないブラウザ用代替処理
      if(arg>0)       oj.visibility='visible'
      else if(arg<=0) oj.visibility='hidden';
  } else if(document.all) {     //win-e4,win-e5,win-e6
      //document.all(layName).style.filter="alpha(opacity=0)";
      document.all(layName).filters.alpha.Opacity  = (arg * 100);
  } else if(ua.indexOf('Gecko')!=-1)    //n6,n7,m1
      document.getElementById(layName).style.MozOpacity = arg;
}

function getStyleObj(nm){  
  if(document.getElementById)         //e5,e6,n6,n7,m1,o6,o7,s1,k1用
    return document.getElementById(nm).style
  else if(document.all)               //e4用
    return document.all(nm).style
  else if(document.layers)            //n4用
    return document.layers[nm]
}