// JavaScript Documents

/*==================================================
jQuery
==================================================*/
$(function(){
	
	//.pagetopをクリックするとページの先頭に戻る
    $('.nav_pagetop a, .pagetop a').click(function () {
        $(this).blur();
        $('html,body').animate({ scrollTop: 0 },{ easing: "easeOutQuad", duration: 400 });
        return false;
    });
	
	
	$("#page_nav li a img").hover(function(){
		$(this).stop(true,false).fadeTo({ easing: "easeInQuad", duration: 300 }, 0);
		},function(){
		$(this).stop(true,false).fadeTo({ easing: "easeOutQuad", duration: 300 }, 1);
	});
	
	//.trans マウスオーバー画像を透過
	$('.trans').each(function() {
		$(this).hover(function(){
			$(this).stop(true,false).fadeTo({ easing: "easeInQuad", duration: 100 }, 0.7);
			},function(){
			$(this).stop(true,false).fadeTo({ easing: "easeOutQuad", duration: 100 }, 1);
		});
	});
	
	var current_nav = "#product #page_nav .nav_product a img, #product_uv #page_nav .nav_product_uv a img, #monitor #page_nav .nav_monitor a img, #beauty_skin #page_nav .nav_beauty_skin a img,  #hydra #page_nav .nav_hydra a img,  #technical #page_nav .nav_technical a img";
	$(current_nav).hide();
	
});