//------------------------------ general ------------------------------

$(document).ready(function() {

	//scroll
	$.scrollTo.defaults.axis = 'xy';
	$.scrollTo(0);
	$("a.home").click(function() {
		$("div#container").stop().scrollTo("div#scroll div#home", 1000);
	});
	$("a.about").click(function() {
		$("div#container").stop().scrollTo("div#scroll div#about", 1000);
	});
	$("a.works").click(function() {
		$("div#container").stop().scrollTo("div#scroll div#works", 1000);
	});
	$("a.info").click(function() {
		$("div#container").stop().scrollTo("div#scroll div#info", 1000);
	});
	$("a.order").click(function() {
		$("div#container").stop().scrollTo("div#scroll div#order", 1000);
	});
	
	//initialize
	displayWorksMenu(0);
	displayInfoContents(0, false, 0);
	var works_current = 0;
});



//------------------------------ works ------------------------------

$(document).ready(function() {

	//images
	$("div#works div.images a.num01").hover(
		function () {$(this).addClass("num01_over");},
		function () {$(this).removeClass("num01_over");}
	);
	$("div#works div.images a.num02").hover(
		function () {$(this).addClass("num02_over");},
		function () {$(this).removeClass("num02_over");}
	);
	$("div#works div.images a.num03").hover(
		function () {$(this).addClass("num03_over");},
		function () {$(this).removeClass("num03_over");}
	);

	//menu
	$("div#works div.menu a.menu01").hover(
		function () {$(this).addClass("menu01_over");},
		function () {$(this).removeClass("menu01_over");}
	);
	$("div#works div.menu a.menu02").hover(
		function () {$(this).addClass("menu02_over");},
		function () {$(this).removeClass("menu02_over");}
	);
	$("div#works div.menu a.menu03").hover(
		function () {$(this).addClass("menu03_over");},
		function () {$(this).removeClass("menu03_over");}
	);
	$("div#works div.menu a.menu04").hover(
		function () {$(this).addClass("menu04_over");},
		function () {$(this).removeClass("menu04_over");}
	);

	//thumbs
	$("div#works div.thumbs a.left").hover(
		function () {$(this).addClass("left_over");},
		function () {$(this).removeClass("left_over");}
	);
	$("div#works div.thumbs a.right").hover(
		function () {$(this).addClass("right_over");},
		function () {$(this).removeClass("right_over");}
	);
});



//------------------------------ info ------------------------------

$(document).ready(function() {

	//menu
	$("div#info div.menu a.menu01").hover(
		function () {$(this).addClass("menu01_over");},
		function () {$(this).removeClass("menu01_over");}
	);
	$("div#info div.menu a.menu02").hover(
		function () {$(this).addClass("menu02_over");},
		function () {$(this).removeClass("menu02_over");}
	);
	$("div#info div.menu a.menu03").hover(
		function () {$(this).addClass("menu03_over");},
		function () {$(this).removeClass("menu03_over");}
	);
	$("div#info div.menu a.menu04").hover(
		function () {$(this).addClass("menu04_over");},
		function () {$(this).removeClass("menu04_over");}
	);
	$("div#info div.menu a.menu05").hover(
		function () {$(this).addClass("menu05_over");},
		function () {$(this).removeClass("menu05_over");}
	);
	$("div#info div.menu a.menu06").hover(
		function () {$(this).addClass("menu06_over");},
		function () {$(this).removeClass("menu06_over");}
	);
	$("div#info div.menu a.menu07").hover(
		function () {$(this).addClass("menu07_over");},
		function () {$(this).removeClass("menu07_over");}
	);
	$("div#info div.menu a.menu08").hover(
		function () {$(this).addClass("menu08_over");},
		function () {$(this).removeClass("menu08_over");}
	);
	$("div#info div.menu a.menu01").click(function () {displayInfoContents(0, false, 0)});
	$("div#info div.menu a.menu02").click(function () {displayInfoContents(1, false, 0)});
	$("div#info div.menu a.menu03").click(function () {displayInfoContents(2, false, 0)});
	$("div#info div.menu a.menu04").click(function () {displayInfoContents(3, true, 180)});
	$("div#info div.menu a.menu05").click(function () {displayInfoContents(4, false, 0)});
	$("div#info div.menu a.menu06").click(function () {displayInfoContents(5, false, 0)});
	$("div#info div.menu a.menu07").click(function () {displayInfoContents(6, false, 0)});
	$("div#info div.menu a.menu08").click(function () {displayInfoContents(7, false, 0)});
});



//------------------------------ order ------------------------------

$(document).ready(function() {

	//form
	$("div#order div.contents div.form input.submit").hover(
		function () {$(this).addClass("submit_over");},
		function () {$(this).removeClass("submit_over");}
	);
	$("div#order div.contents div.form input.reset").hover(
		function () {$(this).addClass("reset_over");},
		function () {$(this).removeClass("reset_over");}
	);
});



//------------------------------ function ------------------------------

//works images
function displayWorksImages(num, image) {
	for (var i=0; i<3; i++) {
		$("div#works div.images a:eq("+i+")").removeClass("num0"+(i+1)+"_select");
		$("div#works div.images div.container img:eq("+i+")").css("display","none");
		$("div#works div.images div.container img:eq("+i+")").attr("src", image);
	}
	$("div#works div.images a:eq("+num+")").addClass("num0"+(num+1)+"_select");
	$("div#works div.images div.container img:eq("+num+")").css("display","block").hide().fadeIn();
}

//works menu
function displayWorksMenu(num) {
	for (var i=0; i<4; i++) {
		$("div#works div.menu a:eq("+i+")").removeClass("menu0"+(i+1)+"_select");
		$("div#works div.thumbs div.container > div:eq("+i+")").css("display","none");
	}
	works_current = num;
	$("div#works div.menu a:eq("+num+")").addClass("menu0"+(num+1)+"_select");
	$("div#works div.thumbs div.container > div:eq("+num+")").css("display","block").hide().fadeIn();
}

//works thumbs
function displayWorksThumbs(image01, image02, image03, title, body) {
	$("div#works div.images a.num01").click(function () {
		displayWorksImages(0, image01);
	});
	$("div#works div.images a.num02").click(function () {
		displayWorksImages(1, image02);
	});
	$("div#works div.images a.num03").click(function () {
		displayWorksImages(2, image03);
	});
	$("div#works div.content h3").text(title);
	$("div#works div.content p").html(body);
	displayWorksImages(0, image01);
	$("div#works div.images a:eq(0)").css("display", "block");
	$("div#works div.images a:eq(1)").css("display", "block");
	$("div#works div.images a:eq(2)").css("display", "block");
	if (image01 == "") $("div#works div.images a:eq(0)").css("display", "none");
	if (image02 == "") $("div#works div.images a:eq(1)").css("display", "none");
	if (image03 == "") $("div#works div.images a:eq(2)").css("display", "none");
}

//works scroll
function scrollWorksThumbs(place, num) {
	var max = place-4;
	var margin = 50;
	var pos = 0;
	$(document).ready(function() {
		$("div#works div.thumbs a.left").click(function () {
			if (pos > 0 && works_current == num) {
				pos--;
				$("div#works div.contents div.thumbs div.container > div:eq("+num+")")
				.animate({marginLeft: -margin*pos}, 250);
			}
		});
		$("div#works div.thumbs a.right").click(function () {
			if (pos < max && works_current == num) {
				pos++;
				$("div#works div.contents div.thumbs div.container > div:eq("+num+")")
				.animate({marginLeft: -margin*pos}, 250);
			}
		});
	});
}

//info contents
function displayInfoContents(num, sign, range) {
	for (var i=0; i<8; i++) {
		$("div#info div.menu a:eq("+i+")").removeClass("menu0"+(i+1)+"_select");
		$("div#info div.content h3:eq("+i+")").css("display","none");
		$("div#info div.content div.container:eq("+i+")").css("display","none");
	}
	$("div#info div.menu a:eq("+num+")").addClass("menu0"+(num+1)+"_select");
	if (sign) {
		$("div#info div.content div.container:eq("+num+") div.body")
		.animate({marginTop: 0}, 0);
		$("div.scroll a.up").click(function() {
			$("div#info div.content div.container:eq("+num+") div.body")
			.animate({marginTop: 0}, range*2.5+350);
		});
		$("div.scroll a.down").click(function() {
			$("div#info div.content div.container:eq("+num+") div.body")
			.animate({marginTop: -range}, range*2.5+350);
		});
		$("div.scroll").css("display","block");
		$("div.scroll a.up").hover(
			function () {$(this).addClass("up_over");},
			function () {$(this).removeClass("up_over");}
		);
		$("div.scroll a.down").hover(
			function () {$(this).addClass("down_over");},
			function () {$(this).removeClass("down_over");}
		);
	} else {
		$("div.scroll").css("display","none");
	}
	$("div#info div.content h3:eq("+num+")").css("display","block").hide().fadeIn();
	$("div#info div.content div.container:eq("+num+")").css("display","block").hide().fadeIn();
}

//order contents
function displayOrderContents(num) {
	for (var i=0; i<3; i++) {
		$("div#order div.contents > div:eq("+i+")").css("display","none");
	}
	$("div#order div.contents > div:eq("+num+")").css("display","block").hide().fadeIn();
}

//order form check
function formCheck() {
	if (document.orderform.name.value == "") {displayAlert(); return false;}
	if (document.orderform.furigana.value == "") {displayAlert(); return false;}
	if (document.orderform.postcode.value == "") {displayAlert(); return false;}
	if (document.orderform.address.value == "") {displayAlert(); return false;}
	if (document.orderform.tel.value == "") {displayAlert(); return false;}
	if (document.orderform.email.value == "") {displayAlert(); return false;}
	if (document.orderform.comment.value == "") {displayAlert(); return false;}
	function displayAlert() {
		$("div#order div.contents div.form div.alert").css("display","block").hide().fadeIn();
	}
	return true;
}

//image pre loading
function loadImage(url) {
	var loading = new Image();  
	loading.src = url;
}

//location order
function locationOrder() {
	location.href="./";
}