// remap jQuery to $
(function($){})(window.jQuery);


/* trigger when page is ready */
$(document).ready(function (){

	//ドロップダウンメニュー
	$("#main_menu").droppy({speed: 100});
	
	//グリッド
	$('#container').masonry({
	　queue: false, duration: 10 ,
      //itemSelector: '.box',
	  itemSelector: '.box:visible',

      //columnWidth: 160,
      //isAnimated: !Modernizr.csstransitions,
	  isAnimated: true,
	  animationOptions: {
		  duration: 1500,
		  easing: 'easeOutExpo',
		  queue: false
	},
      isFitWidth: true
    });
	
	
	//マウスオーバー透過
	//$(".page_collection .box a, .page_collection .thumb_box a, .page_kids .box a, .page_kids .thumb_box a")
	
	$(".transparent a")
	    .mouseover(function(){ 
		    $(this).stop().fadeTo(800,0.5,'easeOutExpo');
		})
		.mouseout(function(){
		    $(this).stop().fadeTo(1000,1,'easeOutExpo');
	});
	
	
/*	$(".transparent a").each(function(i){
    //var color = $(this).attr("rel");
    $(this).css({backgroundColor:'#fff'});
    $(this).hover(function(){
        $(this).stop(true, false).animate({
            width:300,
            easing:"easeOutCubic"
        }, 300);
    }, function(){
        $(this).animate({
            width:100
        },{
            easing:"easeOutCubic",
            duration:800
        });
    });
});
*/



	
	//メニユーホバー
	/*$('#a a')
		.css( {backgroundPosition: "-20px 35px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 94px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(40px 35px)"}, {duration:200, complete:function(){
				$(this).css({backgroundPosition: "-20px 35px"})
			}})
		})
	$('#b a')
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-150px 0)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-300px 0)"}, {duration:200, complete:function(){
				$(this).css({backgroundPosition: "0 0"})
			}})
		})*/
		
			
//-ms-filter: "alpha( opacity=70 )",filter: alpha( opacity=70 ),opacity: 0.7;
		
		
		
		/*$('ul#main_menu li a#gm01')
		.css( {backgroundPosition: "0 0px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(right 0)"}, {duration:1000,easing: 'easeOutExpo'})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:1000,easing: 'easeOutExpo'})
		})
		
	$('ul#main_menu li a#gm02')
		.css( {backgroundPosition: "0 -27px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(right -27px)"}, {duration:1000,easing: 'easeOutExpo'})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 -27px)"}, {duration:1000,easing: 'easeOutExpo'})
		})
	$('ul#main_menu li a#gm02')
		.css( {backgroundPosition: "0 -27px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(right -27px)"}, {duration:1000,easing: 'easeOutExpo'})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 -27px)"}, {duration:1000,easing: 'easeOutExpo'})
		})
	
	$('ul#main_menu li a#gm03')
		.css( {backgroundPosition: "0 -54px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(right -54px)"}, {duration:1000,easing: 'easeOutExpo'})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 -54px)"}, {duration:1000,easing: 'easeOutExpo'})
		})
	
	$('ul#main_menu li a#gm04')
		.css( {backgroundPosition: "0 -81px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(right -81px)"}, {duration:1000,easing: 'easeOutExpo'})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 -81px)"}, {duration:1000,easing: 'easeOutExpo'})
		})
	
	$('ul#main_menu li a#gm05')
		.css( {backgroundPosition: "0 -108px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(right -108px)"}, {duration:1000,easing: 'easeOutExpo'})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 -108px)"}, {duration:1000,easing: 'easeOutExpo'})
		})*/

	
	
	
	
	
	
});



// Fade in
$(function(){
    $('.fadein').hide();
});
            
var i = 0;
var int=0;

$(window).bind("load", function() {
	var int=setInterval("doFade(i)",500);
});

function doFade() {
	var list = $('.fadein').length;
	if (i >= list) {
		clearInterval(int);
	}
	$('.box').eq(i).fadeIn(1000);
		i++;
}




/* optional triggers

$(window).load(function() {
	
});

$(window).resize(function() {
	
});

*/