// JavaScript Document
window.onload = function() {
	changeDog(dogKindType,dogKindName);
	changeDesign(designType,designName);
	chageColor(colorType,colorName);
}

/*************** 犬種初期設定変更 ***************/

/*金額の初期値*/
var sSizePrice = "1400";
var mSizePrice = "1500";
var lSizePrice = "1600";
var priceName = "-";
var price = "-";
/*サイズの初期値*/
var sizeType = "-";
var sizeName = "-";
/*色の初期値*/
var colorType = "frg";
var colorName = "フレンチグリーン";
var colorType_old = colorType;
/*デザインの初期値*/
var designType = "cas01";
var designName = "カップ＆ストロー";
var oldDesignType = designType;
/*イラストの初期値*/
var dogKindType = "ldr01x";
var dogKindName = "ラブラドール・レトリバー";
var oldDogKindType = dogKindType;
/*貼る場所の初期値*/
var place = "#ffffff";
/*犬の名前の初期値*/
var dogName = "-";

/*選択色*/
var selCol = "#f2ffde";

/*************** ステッカーの画像を変更 ***************/
function changeSticker(){
	var sticker_url = "top/images_stickers/" + colorType + "/" + designType + "_" + dogKindType + ".png";
	document.getElementById("set_creation_sticker").style.backgroundImage = "url(" + sticker_url + ")";
}

/*************** ステッカーの構成とカートのvalueを変更 ***************/
//デザイン、犬種、色、サイズ、変更のタイミングで実行

<!--ステッカーの構成を変更-->
function cangeComp(){
	document.comp_form.designName.value = designName;
	document.comp_form.dogKindName.value = dogKindName;
	document.comp_form.sizeName.value = sizeName;
	document.comp_form.priceName.value = priceName;
	document.comp_form.colorName.value = colorName;
	document.comp_form.dogName.value = dogName;

/*Sサイズのカートのvalueを変更*/
	document.sSizeItemForm.I_1_cs_s.value = "/"+ designName;<!--デザイン-->
	document.sSizeItemForm.I_2_cs_s.value = "/"+ dogKindName;<!--犬種-->
	document.sSizeItemForm.I_3_cs_s.value = "/"+ colorName;<!--カラー-->
	document.sSizeItemForm.I_4_cs_s.value = "/"+ dogName;<!--犬のお名前-->
	document.sSizeItemForm.I_5_cs_s.value = "[" + designType + "/" + dogKindType + "/" + colorType + "/" + sizeType +"]";<!--型番-->
	
/*Mサイズのカートのvalueを変更*/
	document.mSizeItemForm.I_1_cs_m.value = "/"+ designName;<!--デザイン-->
	document.mSizeItemForm.I_2_cs_m.value = "/"+ dogKindName;<!--犬種-->
	document.mSizeItemForm.I_3_cs_m.value = "/"+ colorName;<!--カラー-->
	document.mSizeItemForm.I_4_cs_m.value = "/"+ dogName;<!--犬のお名前-->
	document.mSizeItemForm.I_5_cs_m.value = "[" + designType + "/" + dogKindType + "/" + colorType + "/" + sizeType +"]";<!--型番-->
	
/*Lサイズのカートのvalueを変更*/
	document.lSizeItemForm.I_1_cs_l.value = "/"+ designName;<!--デザイン-->
	document.lSizeItemForm.I_2_cs_l.value = "/"+ dogKindName;<!--犬種-->
	document.lSizeItemForm.I_3_cs_l.value = "/"+ colorName;<!--カラー-->
	document.lSizeItemForm.I_4_cs_l.value = "/"+ dogName;<!--犬のお名前-->
	document.lSizeItemForm.I_5_cs_l.value = "[" + designType + "/" + dogKindType + "/" + colorType + "/" + sizeType +"]";<!--型番-->
}

/*************** かごに入れるが押されたときの未入力チェック ***************/
function checkCart(){
	var checkFlg = true;
	var checkMes = "";
	if(sizeType == "-"){checkFlg = false; checkMes += "サイズ、";}
	if(colorType == "-"){checkFlg = false; checkMes += "色、";}
	if(dogName == "-"){checkFlg = false; checkMes += "犬のお名前、";}
	
	if(checkFlg == false){
		alert(checkMes + "が未入力です。");
		return false;
	}

	return true;
}

/*************** デザインを変更 ***************/
function changeDesign(type,name){
	/*グローバル変数に代入*/
	designType = type;
	designName = name;
	document.getElementById(oldDesignType).style.backgroundColor = '#ffffff';
	document.getElementById(designType).style.backgroundColor = selCol;
	oldDesignType = designType;
	cangeComp();//ステッカーの構成を変更
	changeSticker();//*ステッカーの組み合わせを変更*/
}

/*************** 犬種を変更 ***************/
function changeDog(type,name){
	/*グローバル変数に代入*/
	dogKindType = type;
	dogKindName = name;
	document.getElementById(oldDogKindType).style.backgroundColor = '#ffffff';
	document.getElementById(type).style.backgroundColor = selCol;
	oldDogKindType = dogKindType;
	cangeComp();//ステッカーの構成を変更
	changeSticker();//ステッカーの組み合わせを変更
}

/*************** 色を変更 ***************/
function chageColor(type,name){
	/*グローバル変数に代入*/
	colorType = type;
	colorName = name;
	document[colorType_old].src = "top/images/creation_colorblock_img01.gif";
	document[type].src = "top/images/creation_colorblock_img02.gif";
	colorType_old = colorType;
	document.getElementById("colorName").value = colorName;

	changeSticker();/*ステッカーの組み合わせを変更*/
	cangeComp();

}

/*************** サイズを変更 ***************/
function changeSize(type){
	/*selectで選択されたvalue（sかmかl）をグローバル変数のsizeTypeに代入*/
	sizeType = type;
	
	/*サイズ別カゴへ入れるを全ていったん隠す*/
	document.getElementById("sSizeCart").style.visibility = "hidden";
	document.getElementById("mSizeCart").style.visibility = "hidden";
	document.getElementById("lSizeCart").style.visibility = "hidden";
	document.getElementById("defaultCart").style.visibility = "hidden";
	
	switch(sizeType){
		case "s":
				sizeName = "Sサイズ";
				priceName = sSizePrice + "円";
				document.getElementById("set_creation_bg_scale").style.backgroundImage = "url(top/images/creation_set_scale_s.png)";
				price = sSizePrice;
				document.getElementById("sSizeCart").style.visibility = "visible";
			break;
		case "m":
				sizeName = "Mサイズ";
				priceName = mSizePrice + "円";
				document.getElementById("set_creation_bg_scale").style.backgroundImage = "url(top/images/creation_set_scale_m.png)";
				price = mSizePrice;
				document.getElementById("mSizeCart").style.visibility = "visible";
			break;
		case "l":
				sizeName = "Lサイズ";
				priceName = lSizePrice + "円";
				document.getElementById("set_creation_bg_scale").style.backgroundImage = "url(top/images/creation_set_scale_l.png)";
				price = lSizePrice;
				document.getElementById("lSizeCart").style.visibility = "visible";
				break;
	}
	cangeComp();/*ステッカーの構成を変更*/
}
/*************** 貼る場所を変更 ***************/
function cangePlace_col(clr){
	document.getElementById('set_creation_bg').style.backgroundColor = clr;
	/*色を選択したので画像を透明なpngにする*/
	document.getElementById('set_creation_bg').style.backgroundImage = "url(top/images_backgroud/none.png)";
}
function cangePlace_img(img_url){
	document.getElementById('set_creation_bg').style.backgroundImage = "url(" + img_url + ")";
}

/***************名前を変更***************/
function changeDogName(name){
	
   if ( !/^[A-Z0-9 ]+$/.test(name) ) {
     alert("半角の大文字のアルファベットと数字とスペース以外はお名前には使えません。");
	 dogName = "-";
	 //sizeType = document.stickerForm.dogName.focus();
   }
   else {dogName = name;/*グローバル変数に代入*/}
	cangeComp();/*ステッカーの構成を変更*/
}