$(document).ready(function() {
	$('.menu_item').hover(function() {
		src = $(this).attr('src');
		newsrc = src.replace(/_out/g, '_over');
		$(this).css('cursor', 'pointer');
		$(this).attr('src', newsrc);
	}, function() {
		src = $(this).attr('src');
		newsrc = src.replace(/_over/g, '_out');
		$(this).css('cursor', 'normal');
		$(this).attr('src', newsrc);
	});
	
	$('#logo').animate({
		width: "296px",
		height: "191px",
		top: "300px",
		left: "352px" 
	}, 1000);
});

pic1 = new Image();
pic1.src = "/img/menu_about_over.png";
pic2 = new Image();
pic2.src = "/img/menu_cutting_over.png";
pic3 = new Image();
pic3.src = "/img/menu_order_over.png";
pic4 = new Image();
pic4.src = "/img/menu_contact_over.png";

page = 1;

function show_page(x) {
	$(".multi_content").fadeOut(1000); //, function() {
	$('#content_'+x).animate({opacity: 1}, 1000).fadeIn(1000);
	moo();
	animation();	
}

function moo() {
	$('#sound').html('<embed src="/moo.mp3" autostart="true" loop="false"></embed>');
}

function hilite(x) {
	$('.page1').css('color','black');
	$('.page2').css('color','black');
	$('.page3').css('color','black');
	$('.page4').css('color','black');
	$('.page5').css('color','black');
	$('.page'+x).css('color', '#DC772F');
}

function animation() {
	$('#logo').css('width', '10px');
	$('#logo').css('height', '10px');
	$('#logo').css('top', '400px');
	$('#logo').css('left', '495px');
	$('#logo').animate({
		width: "296px",
		height: "191px",
		top: "300px",
		left: "352px" 
	}, 1000);
}