jQuery(document).ready(function ($) {


    $(document).ready(function () {
        //スライドエリア
        $('#slideArea .slideBox').cycle({
            fx: 'scrollLeft', timeout: 8000, pager: '#slideArea .dotArea', next: '#slideArea .right', prev: '#slideArea .left'
        });

        $('.slideBox a').hover(
		function () { $(this).find('.hoverImage').show(); },
		function () { $(this).find('.hoverImage').hide(); }
	);

        $('#fadeBox').cycle({
            fx: 'fade', timeout: 4000, pager: '#fadeArea .dotArea'
        });


        //ランダムにサムネとリンクを吐き出す

        function shuffle(a) {
            var pool;
            var target;
            var len = a.length;
            for (i = 0; i < len * 10; i++) {
                target = Math.floor(Math.random() * len);
                pool = a[target]; //要素一個取得
                a.splice(target, 1); //取得したヤツを元の配列から削除
                a.push(pool); //ケツに追加
                a.reverse(); //ひっくり返す
            }
            return a; //返す
        }


        var num = 5; //吐き出す数
        var jsonDataUrl = "/wp-content/themes/faru18/js/list.js"; //jsonへのパス
        var urlroot = "/wp-content/themes/faru18/";
        $.getJSON(jsonDataUrl, function (json) {

            json.y1991 = shuffle(json.y1991);
            json.y1992 = shuffle(json.y1992);
            json.y1993 = shuffle(json.y1993);
            json.y1994 = shuffle(json.y1994);
            json.y1995 = shuffle(json.y1995);
            json.y1996 = shuffle(json.y1996);
            json.y1997 = shuffle(json.y1997);
            json.y1998 = shuffle(json.y1998);


            for (var i = 0; i < num; i++) {

                if (json.y1991[i] != null) {
                    $("#y1991").append("<li></li>");
                    $("#y1991 > li:eq(" + i + ")").append("<a href='" + json.y1991[i].url + "' target='blank" + "'>" + "<img src='" + urlroot + "images/icon/1991/" + json.y1991[i].image + "' width='62px' height='62px' /><br><span>" + json.y1991[i].name + "</span></a></a>");

                }

                if (json.y1992[i] != null) {
                    $("#y1992").append("<li></li>");
                    $("#y1992 > li:eq(" + i + ")").append("<a href='" + json.y1992[i].url + "' target='blank" + "'>" + "<img src='" + urlroot + "images/icon/1992/" + json.y1992[i].image + "' width='62px' height='62px' /><br><span>" + json.y1992[i].name + "</span></a>");

                }

                if (json.y1993[i] != null) {
                    $("#y1993").append("<li></li>");
                    $("#y1993 > li:eq(" + i + ")").append("<a href='" + json.y1993[i].url + "' target='blank" + "'>" + "<img src='" + urlroot + "images/icon/1993/" + json.y1993[i].image + "' width='62px' height='62px' /><br><span>" + json.y1993[i].name + "</span></a>");

                }

                if (json.y1994[i] != null) {
                    $("#y1994").append("<li></li>");
                    $("#y1994 > li:eq(" + i + ")").append("<a href='" + json.y1994[i].url + "' target='blank" + "'>" + "<img src='" + urlroot + "images/icon/1994/" + json.y1994[i].image + "' width='62px' height='62px' /><br><span>" + json.y1994[i].name + "</span></a>");

                }

                if (json.y1995[i] != null) {
                    $("#y1995").append("<li></li>");
                    $("#y1995 > li:eq(" + i + ")").append("<a href='" + json.y1995[i].url + "' target='blank" + "'>" + "<img src='" + urlroot + "images/icon/1995/" + json.y1995[i].image + "' width='62px' height='62px' /><br><span>" + json.y1995[i].name + "</span></a>");

                }

                if (json.y1996[i] != null) {
                    $("#y1996").append("<li></li>");
                    $("#y1996 > li:eq(" + i + ")").append("<a href='" + json.y1996[i].url + "' target='blank" + "'>" + "<img src='" + urlroot + "images/icon/1996/" + json.y1996[i].image + "' width='62px' height='62px' /><br><span>" + json.y1996[i].name + "</span></a>");
                }

                if (json.y1997[i] != null) {
                    $("#y1997").append("<li></li>");
                    $("#y1997 > li:eq(" + i + ")").append("<a href='" + json.y1997[i].url + "' target='blank" + "'>" + "<img src='" + urlroot + "images/icon/1997/" + json.y1997[i].image + "' width='62px' height='62px' /><br><span>" + json.y1997[i].name + "</span></a>");

                }

                if (json.y1998[i] != null) {
                    $("#y1998").append("<li></li>");
                    $("#y1998 > li:eq(" + i + ")").append("<a href='" + json.y1998[i].url + "' target='blank" + "'>" + "<img src='" + urlroot + "images/icon/1998/" + json.y1998[i].image + "' width='62px' height='62px' /><br><span>" + json.y1998[i].name + "</span></a>");
                }


            }

            $("#randomBox a img").addClass("over");
            $("#randomBox a span").addClass("thumOver");

            $(".over").hover(function () {
                $(this).stop().animate({ opacity: '0.5' }, 200); ;
            }, function () {
                $(this).stop().animate({ opacity: '1' }, 200);
            });
            $(".thumOver").hover(function () {
                $(this).siblings().stop().animate({ opacity: '0.5' }, 200); ;
            }, function () {
                $(this).siblings().stop().animate({ opacity: '1' }, 200);
            });


            //
        });


    });

});
/*
var getList = 3;
$('p','#demo').remove();
$('#demo').append('<ul/>');
for (i=0; i<getList; i++){
     n =  Math.floor( Math.random() * (links.length + 1) );  
$("<li><a href='"+links[n].url+"'>"+n+":"+links.length+":"+links[n].name+"</a></li>").appendTo('ul','#demo');
links.splice(n,1);
}
例
alert(json.y1996[1].name);   $("#y1993").append
*/