var form1 = document.form1;
var carModel = []; // モデル用
var carClass = []; // クラス用
var carPlan = []; // プラン用
var carImage = []; // イメージ用

//各配列を作成
for (var i in cars) {
	carModel.push(i);
	carClass[i] = [];
	for (var j in car = cars[i]) {
		carClass[i].push(j);
		carPlan[j] = car[j].plan;
		carImage[j] = car[j].img;
	}
}

// 分類Aの選択リストを作成
createSelection(form1.elements['sel_carModel'], 'モデルを選択してください', carModel, carModel, 'carModel', '');

// 選択ボックスに選択肢を追加する関数
//	引数: ( selectオブジェクト, value値, text値)
function addSelOption(selObj, myValue, myText, types) {
	selObj.length++;
	selObj.options[selObj.length - 1].value = myValue;
	selObj.options[selObj.length - 1].text = myText;
}

//	選択リストを作る関数 
//	引数: ( selectオブジェクト, 見出し, value値配列 , text値配列 )
function createSelection(selObj, midashi, aryValue, aryText, types, objValue) {
	if (aryValue != null) {
		selObj.length = 0;
		if (aryValue.length != 1) {
			addSelOption(selObj, '', midashi);
		}
		else if (types == "carClass") { // 一つだけしかない場合の対応
			plansObj = form1.elements['sel_carPlan'];
			plansObj.length = 0;
			aryPlan  = carPlan[carClass[objValue]];
			addSelOption(plansObj, '', 'プランを選んでください');
			for (var j = 0; j < aryPlan.length; j ++){
				addSelOption(plansObj, aryPlan[j], aryPlan[j],types);
			}
			if(aryPlan != 'グレードを選択してください'){
				showImage(carImage[carClass[objValue]]);
			}else{
				showImage();
			}
		} 
		// 初期化
		for (var i = 0; i < aryValue.length; i ++) {
			addSelOption(selObj , aryValue[i], aryText[i], types);
		}
	}
	else {
		selObj.length = 0;
		addSelOption(selObj, '', midashi);
	}
}
// 画像を表示
function showImage(src) {
	var id = 'car-photo';
	var c = document.getElementById(id);
	if(src){
		if (!c) {
			c = document.createElement('img');
			c.id = id;
			document.getElementById('frame').appendChild(c);
		}
		changeImage(src,id);
//		c.src = src;
//		document.getElementById(id).src = src;
//alert(c.src);
	}else{
		if(c){
			document.getElementById('frame').removeChild(document.getElementById(id));
		}
	}
}


// 分類Aが選択されたときに呼び出される関数
function selectModel(obj) {
	var id = 'car-photo';
	var c = document.getElementById(id);
	if(c){
		document.getElementById('frame').removeChild(document.getElementById(id));
	}
	// 選択肢を動的に生成
	createSelection(form1.elements['sel_carClass'], 'グレードを選択してください', carClass[obj.value], carClass[obj.value], 'carClass', obj.value);
}

// 分類Bが選択されたときに呼び出される関数
function selectPlan(obj) {
	// 選択肢を動的に生成
	createSelection(form1.elements['sel_carPlan'], 'お支払いプランを選択してください', carPlan[obj.value], carPlan[obj.value], 'carPlan', obj.value);
	// 画像を表示
	showImage(carImage[obj.value]);
}

// submit前の処理
function gettext(form){ 
	var a = form1.sel_carModel.value; // 分類1
	var b = form1.sel_carClass.value; // 分類2
	var c = form1.sel_carPlan.value; // 分類2
	ANDでつなげる
	form1.elements['search'].value = a+' AND '+b+' AND '+c;
	//alert(form1.elements['search'].value );
}

function CountArrayElements(array) {
	var cnt = 0;
	for (key in array) { cnt ++; }
	return cnt;
}

var imgtmp;
var img;

function changeImage(image_url, image_tag_id){
　imgtmp = new Image();
　imgtmp.src = image_url;
　img = document.getElementById(image_tag_id);
　setInterval(waitImageLoading, 500);
}
function waitImageLoading(){
　if(imgtmp.complete){
　　img.src = imgtmp.src;
　　clearInterval();
　}
}