// JavaScript Document

/*******************************************************************************************************
all
*******************************************************************************************************/

/// mainNav set
var mainNav = {
	"state":new String,
	"step":0,
	"menuH":[569,0,0,0,0,0],
	"set":function(){
		var len = $("#mainNav > li > .sub").length;

		for (var i = 1; i <= len; i++) {
			var subCon = "#mainNav > .n"+i;
			$(subCon).attr("value",i);
			$(subCon).mouseenter(function(){
				var num = $(this).attr("value");
				var btn = "#mainNav > .n"+num+" > a:first";
				if (($(btn).attr("class")).indexOf("step") != -1 || mainNav.step == num) return;
				mainNav.show(num);
				if (mainNav.step != num) {
					mainNav.hide(mainNav.step);
					mainNav.step = num;
				} else {
					mainNav.step = 0;
				}
			});
			$(subCon).mouseleave(function(){
				mainNav.hide(mainNav.step);
				mainNav.step = 0;
			});
		}
	},
	"show":function(num) {
		var btn = "#mainNav > .n"+num+" > .anchor";
		var subCon = "#mainNav > li.n"+num+" > .sub";
		if (BrowserDetect.browser == "Explorer") {
			$(subCon).css("visibility","visible");
		} else {
			$(subCon).css("visibility","visible");
			$(subCon).css("opacity","1");
		}
		$(subCon).height(0);
		$(subCon).animate({
			height:mainNav.menuH[num-1]
		}, 300, function(){$(this).clearQueue();});
		$(btn).addClass("step");
		$(btn).animate({"color":"#1a6caf"},200,"easeOutQuad",function(){$(this).clearQueue();});
	},
	"hide":function(num, mode) {
		var btn = "#mainNav > .n"+num+" > .anchor";
		var subCon = "#mainNav > li.n"+num+" > .sub";
		if (BrowserDetect.browser == "Explorer") {
			$(subCon).css({visibility:"hidden"});
			$(btn).removeClass("step");
		} else {
			if (mode == "click") {
				$(subCon).css({visibility:"hidden"});
				$(btn).removeClass("step");
			} else {
				$(subCon).animate({opacity: 0}, 200, function(){
					$(subCon).css("visibility","hidden");
					$(btn).removeClass("step");
					$(this).clearQueue();
				});
			}
		}
		$(btn).animate({"color":"#999999"},300,"easeOutQuad",function(){$(this).clearQueue();});
	}
}


/// allCars set
var allCars = {
	"set":function(){
	/*	var len = new Number($("#allCars").find("li").length);
		alert(len +"aa");
		var saveDDlen = new Number;
		// rewirte id
		$("#allCars").find("li").each(function(i,elm){
			$(elm).attr("id","car"+(i+1));
		});
		for (var i = 1; i <= len; i++) {
			var DDlen = Number($("#allCars").find("li[id='car"+i+"']").find("dd").length);
			saveDDlen = (DDlen < saveDDlen) ? saveDDlen : DDlen;
			var plusDD = saveDDlen - DDlen;
			if (plusDD > 0) {
				var dd = "";
				for (var s = 1; s <= plusDD; s++) {
					dd += "<dd></dd>";
				}
				var html = dd;
				$("#allCars").find("ul").find("li[id='car"+i+"']").find("dl").append(html);
			}
		}
		var ratio = 4-(Math.floor(len%4));
		if (ratio < 4) {
			for (var i = 1; i <= ratio; i++) {
				var dd = "";
				for (var d = 1; d <= saveDDlen; d++) {
					dd += "<dd></dd>";
				}
				var html = "<li id='car"+(i+len)+"'><div class='block'><div class='car'></div><dl><dt></dt>"+dd+"</dl></div></li>";
				$("#allCars").find("ul").append(html);
			}
		}
		*/

		$("#allCars").find("li").find("dd").mouseenter(function(){
			$(this).find("a").animate({
				backgroundPosition:"0px 0px"
			}, 400, "easeOutQuad", function(){$(this).addClass("step");$(this).clearQueue();});
		});
		$("#allCars").find("li").find("dd").mouseleave(function(){
			$(this).find("a").animate({
				backgroundPosition:"0px -142px"
			}, 400, "easeOutQuad", function(){$(this).removeClass("step");$(this).clearQueue();});
		});
		$("#allCars").mouseleave(function(){
			$(this).find("a[class='step']").animate({
				backgroundPosition:"0px -142px"
			}, 400, "easeOutQuad", function(){$(this).clearQueue();});
		});
		$("#allCars").find("li").find("dd > a").click(function(){
			mainNav.hide(mainNav.step, "click");
		});
	}
}

var allCars2 = {
	"set":function(){
		var len = new Number($("#allCars2").find("li").length);
		alert(len +"aa");
		var saveDDlen = new Number;
		// rewirte id
		$("#allCars2").find("li").each(function(i,elm){
			$(elm).attr("id","car"+(i+1));
		});
		for (var i = 1; i <= len; i++) {
			var DDlen = Number($("#allCars2").find("li[id='car"+i+"']").find("dd").length);
			saveDDlen = (DDlen < saveDDlen) ? saveDDlen : DDlen;
			var plusDD = saveDDlen - DDlen;
			if (plusDD > 0) {
				var dd = "";
				for (var s = 1; s <= plusDD; s++) {
					dd += "<dd></dd>";
				}
				var html = dd;
				$("#allCars2").find("ul").find("li[id='car"+i+"']").find("dl").append(html);
			}
		}
		var ratio = 4-(Math.floor(len%4));
		if (ratio < 4) {
			for (var i = 1; i <= ratio; i++) {
				var dd = "";
				for (var d = 1; d <= saveDDlen; d++) {
					dd += "<dd></dd>";
				}
				var html = "<li id='car"+(i+len)+"'><div class='block'><div class='car'></div><dl><dt></dt>"+dd+"</dl></div></li>";
				$("#allCars2").find("ul").append(html);
			}
		}
		$("#allCars2").find("li").find("dd").mouseenter(function(){
			$(this).find("a").animate({
				backgroundPosition:"0px 0px"
			}, 400, "easeOutQuad", function(){$(this).addClass("step");$(this).clearQueue();});
		});
		$("#allCars2").find("li").find("dd").mouseleave(function(){
			$(this).find("a").animate({
				backgroundPosition:"0px -142px"
			}, 400, "easeOutQuad", function(){$(this).removeClass("step");$(this).clearQueue();});
		});
		$("#allCars2").mouseleave(function(){
			$(this).find("a[class='step']").animate({
				backgroundPosition:"0px -142px"
			}, 400, "easeOutQuad", function(){$(this).clearQueue();});
		});
		$("#allCars2").find("li").find("dd > a").click(function(){
			mainNav.hide(mainNav.step, "click");
		});
	}
}

var allCars3 = {
	"set":function(){
		var len = new Number($("#allCars3").find("li").length);
		alert(len +"aa");
		var saveDDlen = new Number;
		// rewirte id
		$("#allCars3").find("li").each(function(i,elm){
			$(elm).attr("id","car"+(i+1));
		});
		for (var i = 1; i <= len; i++) {
			var DDlen = Number($("#allCars3").find("li[id='car"+i+"']").find("dd").length);
			saveDDlen = (DDlen < saveDDlen) ? saveDDlen : DDlen;
			var plusDD = saveDDlen - DDlen;
			if (plusDD > 0) {
				var dd = "";
				for (var s = 1; s <= plusDD; s++) {
					dd += "<dd></dd>";
				}
				var html = dd;
				$("#allCars3").find("ul").find("li[id='car"+i+"']").find("dl").append(html);
			}
		}
		var ratio = 4-(Math.floor(len%4));
		if (ratio < 4) {
			for (var i = 1; i <= ratio; i++) {
				var dd = "";
				for (var d = 1; d <= saveDDlen; d++) {
					dd += "<dd></dd>";
				}
				var html = "<li id='car"+(i+len)+"'><div class='block'><div class='car'></div><dl><dt></dt>"+dd+"</dl></div></li>";
				$("#allCars3").find("ul").append(html);
			}
		}
		$("#allCars3").find("li").find("dd").mouseenter(function(){
			$(this).find("a").animate({
				backgroundPosition:"0px 0px"
			}, 400, "easeOutQuad", function(){$(this).addClass("step");$(this).clearQueue();});
		});
		$("#allCars3").find("li").find("dd").mouseleave(function(){
			$(this).find("a").animate({
				backgroundPosition:"0px -142px"
			}, 400, "easeOutQuad", function(){$(this).removeClass("step");$(this).clearQueue();});
		});
		$("#allCars3").mouseleave(function(){
			$(this).find("a[class='step']").animate({
				backgroundPosition:"0px -142px"
			}, 400, "easeOutQuad", function(){$(this).clearQueue();});
		});
		$("#allCars3").find("li").find("dd > a").click(function(){
			mainNav.hide(mainNav.step, "click");
		});
	}
}


/*******************************************************************************************************
index
*******************************************************************************************************/

/// subNav set
var subNav = {
	"init":true,
	"time":280,
	"step":0,
	"timeout":new Array,
	"set":function(){
		var len = $("#subNav > li").length;
		for (var i = 1; i <= len; i++) {
			var con = "#subNav > .n"+i;
			$(con).attr("value",i);
			$(con+" > .sub > ul").cycle({
				speed:1000, 
				timeout:0, 
				pager:con+" > .sub > .page", 
				pagerEvent:"mousedown",
				pauseOnPagerHover:true,
				easeIn:"easeInQuad",
				easeOut:"easeOutQuad"
			});
			$(con).mouseenter(function(){
				var num = $(this).attr("value");
				if (subNav.init == true) {
					clearTimeout(subNav.timeout[num-1]);
				}
				var btn = "#subNav > .n"+num+" > a:first";
				if (subNav.step == num) return;
				$(btn).addClass("step");
				subNav.show(num);
				if (subNav.step != num) {
					subNav.hide(subNav.step);
					subNav.step = num;
				} else {
					subNav.step = 0;
				}
			});
		}
		$("#subNav").mouseleave(function(){
			subNav.autoHide();
			subNav.step = 0;
		});
	},
	"show":function(num) {
		var con = "#subNav > .n"+num;
		var btn = "#subNav > .n"+num+" > a:first";
		var subCon = "#subNav > .n"+num+" > .sub";
		$(subCon).animate({
			height:162
		}, subNav.time, "easeInQuad", function(){$(this).clearQueue();})
		$(con).animate({
			top:-162
		}, subNav.time, "easeInQuad", function(){$(this).clearQueue();});
	},
	"hide":function(num) {
		var con = "#subNav > .n"+num;
		var btn = "#subNav > .n"+num+" > a:first";
		var subCon = "#subNav > .n"+num+" > .sub";
		$(subCon).animate({
			height:0
		}, subNav.time+100, "easeOutQuad", function(){$(this).clearQueue();})
		$(con).animate({
			top:0
		}, subNav.time+100, "easeOutQuad", function(){$(this).clearQueue();$(btn).removeClass("step");subNav.init = false;});
	},
	"autoShow":function() {
		var len = $("#subNav > li").length;
		for (var i = 1; i <= len; i++) {
			var con = "#subNav > .n"+i;
			var subCon = "#subNav > .n"+i+" > .sub";
			$(subCon).animate({
				height:162
			}, subNav.time, "easeInQuad", function(){$(this).clearQueue();})
			$(con).animate({
				top:-162
			}, subNav.time, "easeInQuad", function(){$(this).clearQueue();});
		}
	},
	"autoHide":function() {
		var len = $("#subNav > li").length;
		for (var i = 1; i <= len; i++) {
			var con = "#subNav > .n"+i;
			var subCon = "#subNav > .n"+i+" > .sub";
			$(subCon).animate({
				height:0
			}, subNav.time+100, "easeInQuad", function(){$(this).clearQueue();})
			$(con).animate({
				top:0
			}, subNav.time+100, "easeInQuad", function(){$(this).clearQueue();$(con).removeClass("step");});
		}
	}
}