//  vintage.js
//    Control code for Vintage Collection T-Shirts catalogue.
//    Copyright (C) 2007, Zootique Co., Ltd. All rights reserved.

//  定数初期設定
var imgRoot = "/images/";
var imgDir = "catalogue/vintage/";
var imgExtension = ".jpg";
var colorList = ["White", "Khaki", "Beige"];                                          //  色選択リスト
var clInitSel = 1;                                                                    //  色選択・初期選択肢
var szWhite = ["M", "L"];                                                             //  サイズ選択リスト(白)
var szKhaki = ["M", "L", "XL"];                                                            //  サイズ選択リスト(カーキ)
var szBeige = ["M", "L", "XL"];                                                            //  サイズ選択リスト(ベージュ)
var szInitSelWhite = 1;                                                               //  サイズ選択・初期選択肢(白)
var szInitSelKhaki = 0;                                                               //  サイズ選択・初期選択肢(カーキ)
var szInitSelBeige = 0;                                                               //  サイズ選択・初期選択肢(ベージュ)
var vintageCollectionPrice = "Price: <em>3,900Yen</em> (税込)"                        //  ヴィンテージコレクションの値段
//  グローバル変数
//  コントロール初期設定
var colorSelection = "White";    //  色
var sizeSelection = "L";         //  サイズ（S/M/L/XL）
var onBody = true;               //  ボディ＆デザイン画 or デザイン画のみ

//  ***プログラム本体***
//  ***イベントプロシージャ***
function selectColorChanged(obj){
  colorSelection = getFormSelected(obj);
  optionChange();
  changeImage();
  setCart();
}

function selectSizeChanged(obj){
  sizeSelection = getFormSelected(obj);
  setCart();
}

function selectOnBodyClicked(obj){
  if( obj.value == "onbody" ) onBody = true;
  else onBody = false;
  changeImage();
}

//  ***その他ルーチン***
//    ページ内容の初期化をする。
function initDocument(){
  //  外部リンク設定
  externalLinks();
  //  初期コントロール状態読み取り
  colorSelection = getFormSelected(document.getElementsByName("selectColor")[0]);
  sizeSelection = getFormSelected(document.getElementsByName("selectSize")[0]);
  onBody = document.getElementsByName("selectOnBody")[0].checked == true ? true : false;
  //  初期画像設定
  changeImage();
  //  キャプション設定
  document.getElementById("MainImageItemCode").innerHTML = itemDescription;
  //  価格設定
  document.getElementById("MainImagePrice").innerHTML = vintageCollectionPrice;
  //  サイズ選択肢設定
  optionChange();
  //  カート内容設定
  setCart();
}
//  コントロールの変化時に画像を差し替える(メイン画像)
function changeImage(){
  document.getElementById("DesignPicture").src=makeDesignFileName();
}

//  ファイル名生成
function makeDesignFileName(){
  var colorcode;
  if(caseInsensitiveCompare(colorSelection,"white")) colorcode="_wh";
  else if(caseInsensitiveCompare(colorSelection,"khaki")) colorcode="_kh";
  else colorcode="_be";
  if(onBody) return makeDesignDirName() + itemCode + colorcode + imgExtension;
  else return makeDesignDirName() + itemCode + colorcode + "_pl" + imgExtension;
}

//  デザイン画像のあるディレクトリ名を生成
function makeDesignDirName(){
  return imgRoot + imgDir + itemCode + "/";
}

//  Color変更時にSizeのオプションを変更する。
function optionChange(){
  if( caseInsensitiveCompare( colorSelection, "White" ) ){
    setFormSelect( document.getElementById("VintageCartWidgetsForm").selectSize, szWhite, szInitSelWhite );
  }
  else if( caseInsensitiveCompare( colorSelection, "Khaki" ) ){
    setFormSelect( document.getElementById("VintageCartWidgetsForm").selectSize, szKhaki, szInitSelKhaki );
  }
  else{
    setFormSelect( document.getElementById("VintageCartWidgetsForm").selectSize, szBeige, szInitSelBeige );
  }
  sizeSelection = getFormSelected(document.getElementById("VintageCartWidgetsForm").selectSize);
}

//  カートの中身セット
function setCart() {
  document.getElementById("OrderForm").ITM.value = itemCode;
  document.getElementById("OrderForm").OPT1.value = colorSelection;
  document.getElementById("OrderForm").OPT2.value = sizeSelection;
}