document.observe("dom:loaded", function() { initLightbox(); });

/* ========== 条件を満たすリンクにポップアップのonclickイベントを定義 ========== */

document.observe("dom:loaded", function() { PopUpWinDefine(); });

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

  var LinkAnchors = document.getElementsByTagName("a");
  for (var i=0; i<LinkAnchors.length; i++) {
   // リンクに rel="designview" と target="paperdesign" があるとき
   if (LinkAnchors[i].getAttribute("rel")=="designview" && LinkAnchors[i].getAttribute("target")=="paperdesign") {
       LinkAnchors[i].onclick = function() { return DesignViewOpen(this); }
   }
   // リンクに rel="contactform" または target="subwin" があるか、class="orderform" のとき
   if (LinkAnchors[i].getAttribute("rel")=="contactform" || LinkAnchors[i].getAttribute("target")=="subwin" || (LinkAnchors[i].className=="orderform" || LinkAnchors[i].className=="naireorderform")) {
       LinkAnchors[i].onclick = function() { return ContactFormOpen(this); }
   }
  }	// for end
}	// function prepareDesignView() end


/* ----- デザイン一覧ポップアップ ----- */
function DesignViewOpen(AnchorElem){
  SubWin = window.open(AnchorElem.getAttribute("href"),"paperdesign","toolbar=0,scrollbars=1,status=1,resizable=1,width=700,height=520");
  SubWin.focus(); return false;
}

/* ----- フォームポップアップ ----- */
function ContactFormOpen(AnchorElem){
  SubWin = window.open(AnchorElem.getAttribute("href"),"subwin","toolbar=0,scrollbars=1,status=1,width=700,height=700");
  SubWin.focus(); return false;
}


/* ========== TOPページメニューのリンク化＆ホバークラス付加 ========== */

document.observe("dom:loaded", function() { MainMenuHoverDefine(); });


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

  var TargetElem = document.getElementById("menu_list"); if (!TargetElem) return false;
  var MenuBlks   = TargetElem.getElementsByTagName("div");
  for (var i=0; i<MenuBlks.length; i++) {
    // classに"menu-"を含みなおかつ"-guide"を含まないとき
    if (MenuBlks[i].className.indexOf("menu-") != -1 && MenuBlks[i].className.indexOf("guide") == -1) {
        MenuBlks[i].style.cursor = "pointer";
        // ↓ホバークラス付加を有効にするには下4行のコメントを外す↓
        /*MenuBlks[i].oldClassName = MenuBlks[i].className;
        MenuBlks[i].onmouseover  = function () {
                      this.className = (this.oldClassName == "") ? "hover" : this.oldClassName + " hover" ;
        };
        MenuBlks[i].onmouseout   = function () { this.className = this.oldClassName; };*/
        MenuBlks[i].onclick = function () {
            var LinkAnchors = this.getElementsByTagName("a");
            location.href   = LinkAnchors[0].getAttribute("href");
            // "通常の"リンク移動をキャンセルする（キャンセルしないとリンククリック時にページを2回要求してしまう、またIEでセキュア領域へ移動する際にアラートが2回出てしまうので）
            return false;
        };
    }
  }	// for end
}	// function MainMenuHoverDefine() end


/* ========== 既製品名入れの名入れセット表示切替 ========== */
	// 冗長なので時間があったら汎用でできるようにする（ファンクション共有化）

/* ---------- Wシリーズ用 ---------- */

document.observe("dom:loaded", function() { NaireSetTglDefine(); });


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

  var TglSrcZone         = document.getElementById("select_naire"); if (!TglSrcZone) return false;
  var TglSrcAnchors      = TglSrcZone.getElementsByTagName("a");
  var TglSrcAnchorsCount = TglSrcAnchors.length;
  for (var i=0; i<TglSrcAnchorsCount; i++){
       TglSrcAnchors[i].onclick = function() { NaireSetTgl(this); return false; }
  }

  NaireSetTgl(TglSrcAnchors[0]);

  // クリック但し書きを追加
  var SetTglNote       = document.createElement("p");
  SetTglNote.className = "nairesettogglenote";
  var SetTglNoteTxt    = document.createTextNode("画像クリックでセットの表示を切り替えることができます。表示しているセットの画像が明るく表示されます。");
  SetTglNote.appendChild(SetTglNoteTxt);
  TglSrcZone.parentNode.insertBefore(SetTglNote,TglSrcZone);
}	// function NaireSetTglDefine() end


function NaireSetTgl(SrcElm){
  // 指定したブロックの表示状態を切り替え（クリック元のハッシュに該当するもののみ表示）
  var DispTglZones      = new Array("paper_naire","case_naire");
  var DispTglZonesCount = DispTglZones.length;
  for (var i=0; i<DispTglZonesCount; i++){
       var Str      = SrcElm.getAttribute("href");
       var DispFlag = (Str.indexOf(DispTglZones[i]) != -1) ? "" : "none" ;
       //alert(DispTglZones[i]+"\nflag:"+DispFlag);
       document.getElementById(DispTglZones[i]).style.display = DispFlag;
  }

  // 一旦セットの画像を全てグレー版に差し替える
  var TglSrcZone        = document.getElementById("select_naire");
  var TglSrcImages      = TglSrcZone.getElementsByTagName("img");
  var TglSrcImagesCount = TglSrcImages.length;
  for (var i=0; i<TglSrcImagesCount; i++) {
       var ImagePath = TglSrcImages[i].getAttribute("src");
       if (ImagePath.indexOf("select.gif") != -1 && ImagePath.indexOf("noselect") == -1) {
           ImagePath = ImagePath.replace("select.gif","noselect.gif");
           TglSrcImages[i].setAttribute("src",ImagePath);
       }
  }

  // クリックした対象セットの画像のみカラー版に再差し替え
  var ClickedImage     = SrcElm.getElementsByTagName("img")[0];
  var ClickedImagePath = ClickedImage.getAttribute("src");
  if (ClickedImagePath.indexOf("noselect.gif") != -1) {
      ClickedImagePath = ClickedImagePath.replace("noselect.gif","select.gif");
      ClickedImage.setAttribute("src",ClickedImagePath);
  }

  return false;
}	// function NaireSetTgl() end


/* ---------- M-101（メモ帳）用 ---------- */

document.observe("dom:loaded", function() { MemoSetTglDefine(); });


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

  var TglSrcZone         = document.getElementById("select_naire_m101"); if (!TglSrcZone) return false;
  var TglSrcAnchors      = TglSrcZone.getElementsByTagName("a");
  var TglSrcAnchorsCount = TglSrcAnchors.length;
  for (var i=0; i<TglSrcAnchorsCount; i++){
       TglSrcAnchors[i].onclick = function() { MemoSetTgl(this); return false; }
  }

  MemoSetTgl(TglSrcAnchors[0]);

  // クリック但し書きを追加
  var SetTglNote       = document.createElement("p");
  SetTglNote.className = "nairesettogglenote";
  var SetTglNoteTxt    = document.createTextNode("画像クリックでセットの表示を切り替えることができます。表示しているセットの画像が明るく表示されます。");
  SetTglNote.appendChild(SetTglNoteTxt);
  TglSrcZone.parentNode.insertBefore(SetTglNote,TglSrcZone);
}	// function MemoSetTglDefine() end


function MemoSetTgl(SrcElm){
  // 指定したブロックの表示状態を切り替え（クリック元のハッシュに該当するもののみ表示）
  var DispTglZones      = new Array("memo_paper_naire","memo_case_naire","memo_set_naire");
  var DispTglZonesCount = DispTglZones.length;
  for (var i=0; i<DispTglZonesCount; i++){
       var Str      = SrcElm.getAttribute("href");
       var DispFlag = (Str.indexOf(DispTglZones[i]) != -1) ? "" : "none" ;
       //alert(DispTglZones[i]+"\nflag:"+DispFlag);
       document.getElementById(DispTglZones[i]).style.display = DispFlag;
  }

  // 一旦セットの画像を全てグレー版に差し替える
  var TglSrcZone        = document.getElementById("select_naire_m101");
  var TglSrcImages      = TglSrcZone.getElementsByTagName("img");
  var TglSrcImagesCount = TglSrcImages.length;
  for (var i=0; i<TglSrcImagesCount; i++) {
       var ImagePath = TglSrcImages[i].getAttribute("src");
       if (ImagePath.indexOf("select.gif") != -1 && ImagePath.indexOf("noselect") == -1) {
           ImagePath = ImagePath.replace("select.gif","noselect.gif");
           TglSrcImages[i].setAttribute("src",ImagePath);
       }
  }

  // クリックした対象セットの画像のみカラー版に再差し替え
  var ClickedImage     = SrcElm.getElementsByTagName("img")[0];
  var ClickedImagePath = ClickedImage.getAttribute("src");
  if (ClickedImagePath.indexOf("noselect.gif") != -1) {
      ClickedImagePath = ClickedImagePath.replace("noselect.gif","select.gif");
      ClickedImage.setAttribute("src",ClickedImagePath);
  }

  // 名入れ色・名入れ領域の説明部分も表示切り替え
  var NamePrintCaseZone  = document.getElementById("nameprintcase");
  var NamePrintPaperZone = document.getElementById("nameprintpaper");
  var Str = SrcElm.getAttribute("href");
  if (Str.indexOf("set_naire") != -1) {
      NamePrintCaseZone.style.display  = "";
      NamePrintPaperZone.style.display = "";
  } else if (Str.indexOf("paper_naire") != -1) {
      NamePrintCaseZone.style.display  = "none";
      NamePrintPaperZone.style.display = "";
  } else if (Str.indexOf("case_naire") != -1) {
      NamePrintCaseZone.style.display  = "";
      NamePrintPaperZone.style.display = "none";
  }

  return false;
}	// function MemoSetTgl() end


/* ========== 商品・特徴一覧でエントリーからの時見出しハイライト ========== */

document.observe("dom:loaded", function() { SelectedCmdtSpecHighlight(); });


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

  if (!document.getElementById("featureslist")) return false;
  var CurrentURL = location.href; if (CurrentURL.indexOf("#") == -1) return false;
  var HashSrcStr = CurrentURL.split('#');
  var HashValue  = HashSrcStr.pop();
  var TargetZone = document.getElementById(HashValue); if (!TargetZone) return false;
  var TargetElms = TargetZone.getElementsByTagName("h4");
  var TargetHeading = TargetElms[0];
  var AddPickUPName = "specselected";

  TargetHeading.setAttribute("id",AddPickUPName);
}
