$(document).ready(function(){
    $("#web_btn").click(function(){
        $("#web").animate({ left: 400, top: 24 },
        900);
        $("#print").animate({ left: 2000, top: 24 },
        900);
        $("#illust").animate({ left: 3500, top: 24 },
        900);
    });
    $("#print_btn").click(function(){
        $("#print").animate({ left: 400, top: 24 },
        900);
        $("#web").animate({ left: 5000, top: 24 },
        900);
        $("#illust").animate({ left: 3500, top: 24 },
        900);
    });
    $("#illust_btn").click(function(){
        $("#illust").animate({ left: 400, top: 24 },
        900);
        $("#print").animate({ left: 2000, top: 24 },
        900);
        $("#web").animate({ left: 5000, top: 24 },
        900);
    });
	
	$("#change").click(function(){
		$("body").css('background-image','url(images/body_back.jpg)');
		$("header").css('background-image','url(images/header_bg.png)');
		$("#web").css('background-image','url(images/web_bg.png)');
		$("#illust").css('background-image','url(images/illsut_bg.png)');
		$("#print").css('background-image','url(images/print_bg.png)');
	})
	
	$("#change02").click(function(){
		$("body").css('background-image','url(images/body_bg_white.jpg)');
		$("header").css('background-image','url(images/header_bg_white.png)');
		$("#web").css('background-image','url(images/web_bg_white.png)');
		$("#illust").css('background-image','url(images/illsut_bg_white.png)');
		$("#print").css('background-image','url(images/print_bg_white.png)');
	})
	$("#change").mouseover(function(){
		$(this).css('color','#999');
	})
	$("#change02").mouseover(function(){
		$(this).css('color','#999');
	})
	$("#change").mouseout(function(){
		$(this).css('color','#000');
	})
	$("#change02").mouseout(function(){
		$(this).css('color','#000');
	})
	
	$("#goto_top").click(function(){
		$('h4').css('display','block');
		$('h3').css('display','none');
		
		})


});

    $(window).load(function() {
$('#slider').nivoSlider({
						
    effect:'fold',
    slices:14,
    animSpeed:200, //画像が切り替わるスピード
    pauseTime:6000, //画像が切り替わるまでの時間
    startSlide:1, //最初に表示する画像
    controlNav:false, //1,2,3...
    controlNavThumbs:false, //下にサムネイルを使う場合
    manualAdvance:false
    });
$('#slider01').nivoSlider({
    effect:'fold',
    slices:3,
    animSpeed:200, //画像が切り替わるスピード
    pauseTime:6000, //画像が切り替わるまでの時間
    startSlide:1, //最初に表示する画像
    controlNav:false, //1,2,3...
    controlNavThumbs:false, //下にサムネイルを使う場合
    manualAdvance:false
    });
$('#slider02').nivoSlider({
    effect:'fold',
    slices:10,
    animSpeed:200, //画像が切り替わるスピード-
    pauseTime:6000, //画像が切り替わるまでの時間
    startSlide:1, //最初に表示する画像
    controlNav:false, //1,2,3...
    controlNavThumbs:false, //下にサムネイルを使う場合
    manualAdvance:false
    });

    });
// JavaScript Document