//######################
//画像のプリロード
//######################

//装着イメージの数
imgCnt = 2;

for(k = 1; k <= imgCnt; k++){
	preImg = new Image();
	preImg.src = "./images/v" + k + ".jpg";
	preImgS = new Image();
	preImgS.src = "./images/p" + k + ".jpg";
	preImgOn = new Image();
	preImgOn.src = "./images/p" + k + "_on.jpg";
}

//######################
//装着イメージの切り替え
//######################
function changeThumb(thumb){
	//装着イメージの数
	carCnt = 2;
	popUp = "./soucyaku" + thumb + ".html";
	popUp2 = "<a href=\"" + popUp + "\" onclick=\"window.open(this.href, 'nw', 'width=620, height=400, resizable'); return false;\">";
	//サムネイルの初期化
	for(j = 1; j <= carCnt; j++){
		$("#thumbnail" + j).html("<img src=\"images/p" + j + ".jpg\" width=\"97\" height=\"55\" onClick=\"changeThumb(" + j + ")\" />");
	}
	switch(thumb){
		//装着イメージが増えたらcaseを増やす
		case 1:
			$("#carInfo").html("スバル インプレッサ");
			break;
		case 2:
			$("#carInfo").html("ホンダ フィット");
			break;
	}
	//選択したサムネイルを枠付きサムネイルへの切り替え処理
	$("#carInfo2").html(popUp2 + "<img src=\"../images/bt_kakudai.gif\" alt=\"拡大\" width=\"40\" height=\"17\" /></a>");
	$("#carPhoto").html(popUp2 + "<img src=\"images/v" + thumb + ".jpg\" width=\"412\" height=\"234\" border=\"0\" /></a>");
	$("#thumbnail" + thumb).html("<img src=\"images/p" + thumb + "_on.jpg\" width=\"97\" height=\"55\" onClick=\"changeThumb(" + thumb + ")\" />");
}


//######################
//ヴァリエーションイメージの切り替え
//######################
function changeVari(vari){
	switch(vari){
		//ヴァリエーションイメージが増えたらcaseを増やす
		case 1:
			$("#variInfo").html("ブロンズ");
			$("#variPhoto").html("<img src=\"images/l_rsc_17bz_b.jpg\" width=\"225\" height=\"255\" border=\"0\" alt=\"ブロンズ\" />");
			break;
		case 2:
			$("#variInfo").html("マットガンメタ");
			$("#variPhoto").html("<img src=\"images/l_rsc_17mg_b.jpg\" width=\"225\" height=\"255\" border=\"0\" alt=\"マットガンメタ\" />");
			break;
		case 3:
			$("#variInfo").html("レーシングホワイト");
			$("#variPhoto").html("<img src=\"images/l_rsc_17rw_b.jpg\" width=\"225\" height=\"255\" border=\"0\" alt=\"レーシングホワイト\" />");
			break;
		case 4:
			$("#variInfo").html("メタルシルバー");
			$("#variPhoto").html("<img src=\"images/l_rsc_17ms_b.jpg\" width=\"225\" height=\"255\" border=\"0\" alt=\"メタルシルバー\" />");
			break;
		case 5:
			$("#variInfo").html("ブロンズ");
			$("#variPhoto").html("<img src=\"images/l_rsc_14bz_b.jpg\" width=\"225\" height=\"255\" border=\"0\" alt=\"ブロンズ\" />");
			break;
		case 6:
			$("#variInfo").html("マットガンメタ");
			$("#variPhoto").html("<img src=\"images/l_rsc_14mg_b.jpg\" width=\"225\" height=\"255\" border=\"0\" alt=\"マットガンメタ\" />");
			break;
		case 7:
			$("#variInfo").html("レーシングホワイト");
			$("#variPhoto").html("<img src=\"images/l_rsc_14rw_b.jpg\" width=\"225\" height=\"255\" border=\"0\" alt=\"レーシングホワイト\" />");
			break;
		case 8:
			$("#variInfo").html("メタルシルバー");
			$("#variPhoto").html("<img src=\"images/l_rsc_14ms_b.jpg\" width=\"225\" height=\"255\" border=\"0\" alt=\"メタルシルバー\" />");
			break;
	}
}