// メニューをhoverしたときの処理
function controlToparea(){
    // ターゲットの取得
    var elems = $('#home #toparea');
    if(elems.length < 1){ return; }
    // トップバナーの設定
    if(!topbanners) return false;
    topbannerModel.init(topbanners);
    topbannerModel.play();
    // マルチチャンネルの設定
    if(!multiimages) return false;
    multiimageModel.init(multiimages);
    for(i=0; i<16; i++){
	multiimageModel.play(i);
    }	
}

// データモデル
var topbannerModel = {

    // 現在のid
    id : 0,

    // topimage一覧
    list : [],

    init : function(data) { this.list = data; },
    
    // 繰り返し再生
    play: function() {
	var max = topbannerModel.list.length;
	this.id = ( this.id + 1 < max ) ? this.id+1 : 0;
	var img = topbannerModel.list[this.id];
	$('#toparea p#topbanner img').fadeOut(500, function(){
	    $('#toparea p#topbanner img').attr({src:img[0]});
	    $('#toparea p#topbanner img').fadeIn(2000);
	});
	var tid = setTimeout(topbannerModel.play,7000);
    }
    
};

var multiimageModel = {

    list : [],

    init : function(data) { this.list = data; },
    
    play : function(num) {
	var time = 2500 + 300 * (Math.floor(Math.random()*10));
	multiimageModel.changeImage(num, time);
	var tid = setTimeout('multiimageModel.play(' + num + ')', time * 2 + 5000);
    },

    changeImage : function(num, time) {
	var image_number = Math.floor(Math.random() * multiimageModel.list.length);
	$('#toparea #multichannel #multi-' + num + ' img').fadeOut(time, function(){
	    $('#toparea #multichannel #multi-' + num + ' a').attr({href:multiimageModel.list[image_number]['link']});
	    $('#toparea #multichannel #multi-' + num + ' img').attr({src:multiimageModel.list[image_number]['image']});
	    $('#toparea #multichannel #multi-' + num + ' img').fadeIn(time);
	})
    }

};


function shuffle(list) {
    var i = list.length;

    while (--i) {
	var j = Math.floor(Math.random() * (i + 1));
	if (i == j) continue;
	var k = list[i];
	list[i] = list[j];
	list[j] = k;
    }
    return list;
}