// JavaScript Document

////
// ??
//
// ?????
//
// var nBright = 0;
	
window.onload = function ()
{
  setDragableFloat(); //
  // $("#floatbn-bannerArea").hide();
  // $("#floatbn-bannerArea").fadeIn(1000);
}

////
// 
//
// @syntax oj = dragableFloat("DIVID?",X,Y)
//
// @sample              div1 = dragableFloat("aaa",100,200) //
// @sample              div1.innerHTML=""         //HTML
// @sample              div1.style.backgroundColor='orange' //CSS?
// @sample              doDragableFloat()                   //
//  
function setDragableFloat(){

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

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



//?a??DIV
  div1 = dragableFloat(objName,objX,objY);

  //HTML
  div1.innerHTML='<div id="bannerBtn">'
	  +'<p class="resBtn" title="">'
		  +'<a href="leafwalk.html" target="_blank">»ñÎÁÀÁµá¡õ¤´Íè¾ìÍ½Ìó</a>'
	  +'</p>'
	  +'<p class="leafletsBtn" title="">'
		  +'<a href="image/index/chirashi.pdf" target="_blank">ºÇ¿·ÀÞ¹þ¥Á¥é¥·</a>'
	  +'</p>'
	  +'<p class="closeBtn"><a href="javascript:;" onclick="javascript:MyFadeOut();">close</a></p>'
	  +'</div>';
  var divName0 = "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)";
    fadeOpacity(divName0,1,1);		// ?
    //fadeOpacity('bannerBtn',1,1);		// ?
    // fadeOpacity('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('bannerBtn').style.filter="alpha(opacity=100)";
    fadeOpacity('bannerBtn',-1);
  }else if(myFlagNN > -1){
    fadeOpacity('bannerBtn',-1);
  }else{
    $("#bannerBtn").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;

  //??a?(??)
  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;		//Ea
      return;
    }
    // ??1?
    setOpacity(layName,opa);
    //  u
    fadeOpacity[layName]++;
    //--50/1000ofadeOpacity?1
    setTimeout('fadeOpacity("'+layName+'","'+swt+'","'+stopOpacity+'")',50);
  } else {
    //¦Ë
    setOpacity(layName,stopOpacity);
    //--Ea
    fadeOpacity[layName] = 0;
	
	if(swt==-1){ //a
	  floatdiv=getStyleObj(layName);
	  floatdiv.display='none';
	}
  }
}
function setOpacity(layName,arg) {
  //arg  0? 1?
  //n4mac-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]
}
