/* ========== ツールチップ定義用JS ========== */

/* ツールチップを消すファンクション…
タイマーのセット方法に課題あり（他のツールチップに移ったときタイマーを削除する必要あり、今はタイマー設定なし） */
function tipHide(Elm){
  ajax_hideTooltip();
}

/* ---------- "longdesc"属性を持つimg画像にツールチップイベント定義 ---------- */

if (window.addEventListener) { window.addEventListener("load", LDescTipDefine, false); }
else if (window.attachEvent) { window.attachEvent("onload", LDescTipDefine); }

function LDescTipDefine(){
  if (!document.getElementsByTagName) return false;
  if (!document.getElementsByName) return false;
  if (!document.getElementById) return false;

  var TargetZone   = document.getElementById("contentszone"); if (!TargetZone) return false;
  var TipImgs      = TargetZone.getElementsByTagName("img");
  var TipImgCounts = TipImgs.length; if (TipImgCounts == 0) return false;

  for (var i=0; i<TipImgCounts; i++){
       if (TipImgs[i].getAttribute("longdesc")) {
           if (document.addEventListener) {
               TipImgs[i].addEventListener('click',function(){LDescTipPopup(this);},false);
           } else if (document.attachEvent) {
               TipImgs[i].attachEvent('onclick',function(){LDescTipPopup(event.srcElement);});
           };
           // ↓マウスアウトで消すときは下のコメントを外す
/*
           if (document.addEventListener) {
               TipImgs[i].addEventListener('mouseout',function(){tipHide(this);},false);
           } else if (document.attachEvent) {
               TipImgs[i].attachEvent('onmouseout',function(){tipHide(event.srcElement);});
           };
*/
           TipImgs[i].style.cursor = "pointer";
           TipImgs[i].setAttribute("title","クリックで詳細表示します");
       }
  }
}	// function LDescTipDefine() end

function LDescTipPopup(Elm){
  ajax_showTooltip(window.event,Elm.getAttribute("longdesc"),Elm);
}


/* ---------- 封筒追加印刷オプション（STEP6）用 ---------- */

if (window.addEventListener) { window.addEventListener("load", OptionsExplanTipDefine, false); }
else if (window.attachEvent) { window.attachEvent("onload", OptionsExplanTipDefine); }

function OptionsExplanTipDefine(){
  if (!document.getElementsByTagName) return false;
  if (!document.getElementsByName) return false;
  if (!document.getElementById) return false;

  if (!document.getElementById("quick_step6")) return false;

  var OptionsZone    = document.getElementById("futo_option"); if (!OptionsZone) return false;
  var OptionBlks     = document.getElementsByTagName("div");
  var OptionBlkCount = OptionBlks.length; if (OptionBlkCount == 0) return false;

  for (var i=0; i<OptionBlkCount; i++){
       if (OptionBlks[i].className.indexOf("option_") != -1) {
           // id="futo_option"の中にある、classに"option_"を含むdivの中の、classに"optionmarktip"を含むp（の末尾）に画像を追加する
           var GuideZoneParas = OptionBlks[i].getElementsByTagName("p");
           var GuideParaCount = GuideZoneParas.length; if (GuideParaCount == 0) break;
           var OptsInput = OptionBlks[i].getElementsByTagName("input"); if (OptsInput.length == 0) break;
           for (var p=0; p<GuideParaCount; p++){
                if (GuideZoneParas[p].className.indexOf("optionmarktip") != -1) {
                    var GuideDesc = "http://www.just-j.com/futo/guide/tip/mark-" + OptsInput[0].getAttribute("name") + ".html";
                    var GuideImg  = document.createElement("img");
                    GuideImg.setAttribute("src","http://www.just-j.com/futo/images/confirmation_btn.gif");
                    GuideImg.setAttribute("alt","印刷イメージを見る");
                    GuideImg.setAttribute("title","クリックで印刷イメージを表示");
                    GuideImg.setAttribute("width","165");
                    GuideImg.setAttribute("height","35");
                    GuideImg.setAttribute("longDesc",GuideDesc);	// IEだと"longdesc"ではセット不可
                    GuideImg.style.cursor = "pointer";
                    GuideZoneParas[p].appendChild(GuideImg);
                    GuideImg.onclick = function () { LDescTipPopup(this); }
                }
           }	// for (GuideParaCount) end

       }	// if (OptionBlks[i]) end
  }	// for (OptionBlkCount) end
}	// function OptionsExplanTipDefine() end

