/*
	[名称]	ロールオーバー用 Javascript
	[作成]	Ko1 - 2007.11.06
	[関数]	newcollection_preload() - 画像の事前読み込み
			newcollection_swapimage() - 画像の入れ替え
	[備考]
		{画像名のルール}
			imagename = basename "_" number ["_" status] "." exts
			basename = ALPHA *(ALPHA / DIGIT / "-" / "_") ;基本名 common_ph01 とか
			number = (SALPHA / DIGIT) ;0-9 a-z
			exts = "gif" / "jpg" /"png" ;拡張子
			status = "over" / "on" ; over=マウスオーバー時 on=別表示(そのページに居る際など)
			SALPHA = %x61-7a ;a-z
		{imgタグのidルール}
			basenameをidにしてください。
		{Javascriptの埋め込み}
			bodyのonload時に newcollection_preload() で画像を読み込み。
			aのonmouseover時とonmouseout時に newcollection_swapimage() で画像を切り替え。
			aのonclick時に newcollection_swapdress() で画像を切り替え。
	[備考]
		{ハンガリアン記法}
			c	:キャッシュ
			n	:書き換えるな
			s	:セキュアだ
			t	:一時利用
			u	:セキュアじゃない
*/


//== グローバル変数 ==//
var cImage = new Array();
var nNumber = new Array('0','1','2','3','4','5','6','7','8','9',
 'a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z');
var nAngles = new Array(0,4,4,3,4,4,3,3,4,4,3,4,4,4);
var sLockDressIcon = '';
var sLockAngleIcon = '';


//== 事前に画像を読み込む ==//
function newcollection_preload(uNumber) {
 for (tCounter = 1; tCounter <= uNumber; tCounter++) {
  //-- 通常ドレス種別アイコン --//
  tArraySuffix = 'new_ph11_' + nNumber[tCounter];
  tImagePath = 'image/new_ph11_' + nNumber[tCounter] + '.gif';
  cImage[tArraySuffix] = new Image();
  cImage[tArraySuffix].src = tImagePath;
  //-- ロールオーバードレス種別アイコン --//
  tArraySuffix = 'new_ph11_' + nNumber[tCounter] + '_over';
  tImagePath = 'image/new_ph11_' + nNumber[tCounter] + '_over.gif';
  cImage[tArraySuffix] = new Image();
  cImage[tArraySuffix].src = tImagePath;
  //-- 通常アングル選択アイコン --//
  for (tCounter2 = 1; tCounter2 < nAngles[tCounter]; tCounter2++) {
   tArraySuffix = 'new_ph13_' + nNumber[tCounter] + '_' + nNumber[tCounter2];
   tImagePath = 'image/new_ph13_' + nNumber[tCounter] + '_' + nNumber[tCounter2] + '.gif';
   cImage[tArraySuffix] = new Image();
   cImage[tArraySuffix].src = tImagePath;
  //-- ロールオーバーアングル選択アイコン --//
   tArraySuffix = 'new_ph13_' + nNumber[tCounter] + '_' + nNumber[tCounter2] + '_over';
   tImagePath = 'image/new_ph13_' + nNumber[tCounter] + '_' + nNumber[tCounter2] + '_over.gif';
   cImage[tArraySuffix] = new Image();
   cImage[tArraySuffix].src = tImagePath;
  //-- ドレス画像 --//
   tArraySuffix = 'new_ph02_' + nNumber[tCounter] + '_' + nNumber[tCounter2];
   tImagePath = 'image/' + 'new_ph02_' + nNumber[tCounter] + '_' + nNumber[tCounter2] + '.jpg';
   cImage[tArraySuffix] = new Image();
   cImage[tArraySuffix].src = tImagePath;
  }
  //-- 通常ドレス種別アイコンを表示 --//
  document.getElementById('new_ph11_' + nNumber[tCounter]).src = cImage['new_ph11_' + nNumber[tCounter]].src;
 }
 window.status = 'newcollection_preload: load image complete.';
}


//== 画像のスワップ ==//
function newcollection_swapimage(uBaseName, uStatus) {
 if (uStatus != '') tTarget = uBaseName + '_' + uStatus;
 else tTarget = uBaseName;
 if (cImage[tTarget].complete && sLockDressIcon != uBaseName && sLockAngleIcon != uBaseName) {
  document.getElementById(uBaseName).src = cImage[tTarget].src;
 }
}


//== ドレスの切替 ==//
function newcollection_swapdress(uNumber) {
 //ドレス種別アイコンの固定解除
 if(sLockDressIcon != '') {
  tTarget = sLockDressIcon;
  document.getElementById(tTarget).src = cImage[tTarget].src;
  sLockDressIcon = '';
 }
 //アングル選択アイコンの切り替え
 tHtmlSource = '';
 for (tCounter = 1; tCounter < nAngles[uNumber]; tCounter++) {
  tTarget = 'new_ph13_' + nNumber[uNumber] + '_' + nNumber[tCounter];
  tHtmlSource += '<a href="" onclick="newcollection_swapangle(' + uNumber + ',' + tCounter + '); return false;" onmouseover="newcollection_swapimage(\'' + tTarget + '\',\'over\');" onmouseout="newcollection_swapimage(\'' + tTarget + '\',\'\');"><img id="' + tTarget + '" src="image/' + tTarget + '.gif"></a><br>' + "\n";
 }
 document.getElementById('new_right_icon').innerHTML = tHtmlSource;
 //イメージ画像の切り替え
 tTarget = 'new_ph02_' + nNumber[uNumber] + '_1';
 document.getElementById('new_ph02').src = cImage[tTarget].src;
 //ドレス種別アイコンの固定
 tTarget = 'new_ph11_' + nNumber[uNumber];
 tOverImage = tTarget + '_over'
 document.getElementById(tTarget).src = cImage[tOverImage].src;
 sLockDressIcon = tTarget;
 //アングル選択アイコンの初期化
 tTarget = 'new_ph13_' + nNumber[uNumber] + '_1';
 tOverImage = tTarget + '_over'
 document.getElementById(tTarget).src = cImage[tOverImage].src;
 sLockAngleIcon = tTarget;
}


//== ドレスの切替 ==//
function newcollection_swapangle(uDress, uAngle) {
 //アングル選択アイコンの固定解除
 if(sLockAngleIcon != '') {
  tTarget = sLockAngleIcon;
  document.getElementById(tTarget).src = cImage[tTarget].src;
  sLockAngleIcon = '';
 }
 //イメージ画像の切り替え
 tTarget = 'new_ph02_' + nNumber[uDress] + '_' + nNumber[uAngle];
 document.getElementById('new_ph02').src = cImage[tTarget].src;
 //ドレス種別アイコンの固定
 tTarget = 'new_ph13_' + nNumber[uDress] + '_' + nNumber[uAngle];
 tOverImage = tTarget + '_over'
 document.getElementById(tTarget).src = cImage[tOverImage].src;
 sLockAngleIcon = tTarget;
}