// JavaScript Document
window.onload = function() {
	changeDogKind(dogKindType,dogKindName);
changeDesign(designType,designName);
}
/*/////////////////////////////////////////////////////////////////////////////
ステッカーの背景色を変更//////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////*/
function cangeBGcolor(clr){
	document.getElementById('stickerImageBox').style.backgroundColor = clr;
}

/*/////////////////////////////////////////////////////////////////////////////
色を変更//////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////*/
function chageColor(type,name){
	/*グローバル変数に代入*/
	colorType = type;
	colorName = name;
		/*JavaScriptからCSSを変更、参考：http://nakawake.net/blog/web/javascript/javascript_1.php*/
		document.getElementById(oldColorType).style.border = '3px solid #F2F2F2';
document.getElementById(colorType).style.border = '3px solid #333333';
	document.stickerForm.color.value = colorName;
	oldColorType = colorType;
	changeSticker();//ステッカーの組み合わせを変更
}
/*/////////////////////////////////////////////////////////////////////////////
デザインを変更//////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////*/
function changeDesign(type,name){
	/*グローバル変数に代入*/
	designType = type;
	designName = name;
	/*JavaScriptからCSSを変更、参考：http://nakawake.net/blog/web/javascript/javascript_1.php*/
	document.getElementById(oldDesignType).style.backgroundColor = '#ffffff';
	document.getElementById(designType).style.backgroundColor = '#F2F2F2';
	oldDesignType = designType;
	changeSticker();/*ステッカーの組み合わせを変更*/
}
/*/////////////////////////////////////////////////////////////////////////////
犬種を変更//////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////*/
function changeDogKind(type,name){
	/*グローバル変数に代入*/
	dogKindType = type;
	dogKindName = name;
	document.getElementById(oldDogKindType).style.backgroundColor = '#ffffff';
	document.getElementById(dogKindType).style.backgroundColor = '#F2F2F2';
	oldDogKindType = dogKindType;

	changeSticker();//ステッカーの組み合わせを変更
}
/*/////////////////////////////////////////////////////////////////////////////
ステッカーの画像を変更//////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////*/
function changeSticker(){
	var sticker_src = "buy/images_stickers/" + "images_stickers_" + colorType + "/" + designType + "_" + dogKindType + ".png";
	document.stickerImage.src = sticker_src;
}
/*/////////////////////////////////////////////////////////////////////////////
初期設定//////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////*/

/*色の初期値*/
var colorType = "blk";
var colorName = "ブラック";
var oldColorType = "blk";
/*デザインの初期値*/
var designType = "cah01";
var designName = "サークル＆ハート";
var oldDesignType = designType;
/*イラストの初期値*/
var dogKindType = "ldr01x_o";
var dogKindName = "ラブラドールレトリバー";
var oldDogKindType = dogKindType;
/*犬の名前の初期値*/
var dogName = "-";