$(function(){
	
	/*var obj = $("#mainVisu").children()
	
	$(obj).hide();
	
	var length = $(obj).length;
	
		
	for(var i=0;i<length;i++){
		var ran = Math.floor(Math.random() * (3000 - 500 - 1)) + 300;
		//num=i*ran;
		$("#mainVisu li:eq("+i+")").fadeIn(ran);
	}*/
	
	$("#mainVisu").preloader();
	$("#mainVisu li").hover(
		function(){
		$(this).animate(
		{opacity: 0.3}, 800, "easeOutBack"
		)},
		function(){
		$(this).animate(
		{opacity: 1}, 1000, "easeOutBack"
		)}
	);
	
	// ここからツールチッププラグイン
    $.fn.easyToolTip = function(options){
    
        // toolTipを生成してbodyに追加しておく
        var toolTip = $('<div id="caption"></div>').hide();
        $('body').append(toolTip);
        
        $(this).filter(function(){
            // titleかaltを持っているものだけに絞る
            return this.title || this.alt;
        }).each(function(){
        
            var self = $(this);
            // titleがあればtitleを、なければaltをターゲットにする
            var target = this.title ? 'title' : 'alt';
            // ターゲットにした属性の値を保存する
            var tipText = self.attr(target);
            
            self.hover(function(e){
                // ブラウザのツールチップが表示されるのを防ぐために一時的にtitle(alt)を削除
                self.attr(target,'');
                // toolTipにテキストを入れて表示
                toolTip
                    .stop(true,true)
                    .fadeIn('slow')
                    .text(tipText)
                    .css({
                        position: 'absolute',
                        top: e.pageY - 15,
                        left: e.pageX + 15
                    })
            },function(){
                // title(alt)を元に戻す
                self.attr(target,tipText);
                // toolTipを非表示にする
                toolTip.fadeOut('fast');
            }).mousemove(function(e){
                // カーソルに追従させる
                toolTip.css({
                    top: e.pageY - 15,
                    left: e.pageX + 15
                });
            });
            
        });
    }

	
	// ツールチップの実行
    $('#mainVisu img').easyToolTip();
	
});