/* @cc_on _d=document;eval('var document=_d')@ */

new function() {
var obj = {
	shashuOption : null,
	fmcOption : null,
	set_option : function(brdc, carc) {
		$.getJSON("/souba/top_ajax.php", { "B" : brdc, "C" : carc },
			function(json) {
				if(carc == "") {
					obj.shashuOption = "<option value=''>選択してください</option>";
					for(s in json) {
						obj.shashuOption += "<option value='" + json[s]["SHASHU_SEO_NAME"] + "'>" + json[s]["SHASHU_NAME"] + "</option>";
					}
					obj.draw_ss();
				}else {
					obj.fmcOption = "<option value=''>最新モデル</option>";
					for(s in json) {
						obj.fmcOption += "<option value='" + json[s]["FMC_CD"] + "'>" + json[s]["FMC_HAMBAI_START_YM"] + "～" + json[s]["FMC_HAMBAI_END_YM"] + "</option>";
					}
					obj.draw_fm();
				}
			}
		);
	},
	draw_ss : function() {
		$("#ss").html(this.shashuOption);
		$("#fmc").html(this.fmcOption);
	},
	draw_fm : function() {
		$("#fmc").html(this.fmcOption);
	}
};

var brdc = $("#br").val();
var carc = $("#ss").val();
if(brdc != "") {
	obj.set_option(brdc, carc);
}

$("#br").change(function() {
	var brdc = $("#br").val();
	var carc = "";
	if(brdc == "") {
		obj.draw_ss();
		return;
	}
	obj.set_option(brdc, carc);
});

$("#ss").change(function() {
	var brdc = $("#br").val();
	var carc = $("#ss").val();
	if(carc == "") {
		obj.draw_fm();
		return;
	}
	obj.set_option(brdc, carc);
});

$("#jump").click(function() {
	var brdc = $("#br").val();
	var carc = $("#ss").val();
	var fmc  = $("#fmc").val();
	if(brdc == "" || carc == "") {
		alert("メーカーおよび車種を選択してください");
		return false;
	}
	var url = "/souba/" + brdc + "/" + carc + "/";
	if(fmc != "") url += fmc + "/";
	document.brss.action = url;
	document.brss.submit();

	return false;
});

/* vvv スライドショー */

var changeImage = function (a) {
	var id = a.id.split("_");
	var frame = id[0];
	var sCarBM = id[1];
	var num = id[2];

	$("#" + frame + "_sCarB a").hide();
//	$("#" + frame + "_1_" + num).fadeIn("fast");
	$("#" + frame + "_1_" + num).show();

	$("#" + frame + "_sCarM li.on").removeClass("on");
	$("#" + frame + "_2_" + num).addClass("on");
};

var slideshow = function (frameName) {
	this.id = "";
	this.interval = 4000;
	this.list = $("#" + frameName + "_sCarB a").get();
	this.listId = 1;

	this.scroll = function() {
		var a = this.list[this.listId];
		changeImage(a);
		this.listId++;
		if (this.listId >= this.list.length) {
			this.listId = 0;
		}
	};
	this.start = function() {
		var b = this;
		this.id = setInterval(function() {b.scroll();}, this.interval);
	};
	this.stop = function () {
		clearInterval(this.id);
	};
	this.arrowup = function(arrow) {
		this.stop();
		var frame = arrow.id.split("_")[0];
		var c = $("#" + frame + "_sCarM li.on").prev()[0];
		if(!c) {
			c = $("#" + frame + "_2_" + (this.list.length-1)).get()[0];
		}
		this.listId--;
		if(this.listId < 0) {
			this.listId = 0;
		}
		changeImage(c);
		this.start();
	};
	this.arrowdown = function(arrow) {
		this.stop();
		var frame = arrow.id.split("_")[0];
		var c = $("#" + frame + "_sCarM li.on").next()[0];
		if(!c) {
			c = $("#" + frame + "_2_0").get()[0];
		}
		this.listId++;
		if(this.listId >= this.list.length) {
			this.listId = 0;
		}
		changeImage(c);
		this.start();
	};
	this.liston = function(num) {
		this.stop();
		this.listId = (num*1) + 1;
		if(this.listId >= this.list.length) {
			this.listId = 0;
		}
		this.start();
	};
};

var s1 = new slideshow("p1");
s1.start();

var s2 = new slideshow("p2");
s2.interval += 10;
s2.start();

var s3 = new slideshow("p3");
s3.interval += 20;
s3.start();

var s4 = new slideshow("p4");
s4.interval += 30;
s4.start();

$(".sCarM li").click(function () {
	var id = this.id.split("_");
	var frame = id[0];
	var num = id[2];

	if(frame == "p1") s1.liston(num)
	if(frame == "p2") s2.liston(num);
	if(frame == "p3") s3.liston(num);
	if(frame == "p4") s4.liston(num);
	changeImage(this);
	return false
});

$(".up").click(function () {
	var id = this.id.split("_")[0];

	if(id == "p1") s1.arrowup(this);
	if(id == "p2") s2.arrowup(this);
	if(id == "p3") s3.arrowup(this);
	if(id == "p4") s4.arrowup(this);
});
$(".down").click(function () {
	var id = this.id.split("_")[0];

	if(id == "p1") s1.arrowdown(this);
	if(id == "p2") s2.arrowdown(this);
	if(id == "p3") s3.arrowdown(this);
	if(id == "p4") s4.arrowdown(this);
});

}();