$(function(){
// EntryBox_Color
var In = $('.entry-home').length;
for(var i=0;i<In;i++){
$('.entry-home').eq(i).bind("mouseenter",i,function(event) {
	$('.entry-home').eq(event.data).css("background-color","#fff000");
	$('.entry-date_home').eq(event.data).css({"color":"#ffffff","background-color":"#000000"});
	$('.entry_cat_home span').eq(event.data).css({"color":"#ffffff","background-color":"#000000"});
});
$('.entry-home').eq(i).bind("mouseleave",i,function(event) {
	$('.entry-home').eq(event.data).css("background-color","#ffffff");
	$('.entry-date_home').eq(event.data).css({"color":"#000000","background-color":"#fff000"});
	$('.entry_cat_home span').eq(event.data).css({"color":"#000000","background-color":"#fff000"});
});
};
var In = $('.entry-works').length;
for(var i=0;i<In;i++){
$('.entry-works').eq(i).bind("mouseenter",i,function(event) {
	$('.entry-works').eq(event.data).css("background-color","#fff000");
	$('.entry-no_works').eq(event.data).css({"color":"#ffffff","background-color":"#000000"});
});
$('.entry-works').eq(i).bind("mouseleave",i,function(event) {
	$('.entry-works').eq(event.data).css("background-color","#ffffff");
	$('.entry-no_works').eq(event.data).css({"color":"#000000","background-color":"#fff000"});
});
};
// Bnr_Title
$('#nasunavi_box h3,#twitter_box h3').hover(
	function() {
		$(this).css("opacity",0.6);
	},
	function() {
		$(this).css("opacity",1);
	}
);
// Bnr_List
for(var i=0;i<=4;i++){
$('#nasunavi_box ul li a').eq(i).bind("mouseenter",i,function(event) {
	$('#nasunavi_box ul li a span').eq(event.data).css("color","#ffffff");
});
$('#nasunavi_box ul li a').eq(i).bind("mouseleave",i,function(event) {
	$('#nasunavi_box ul li a span').eq(event.data).css("color","#049e49");
});

$('#twitter_box ul li').eq(i).bind("mouseenter",i,function(event) {
	$('#twitter_box ul li').eq(event.data).css({"background-color":"#22b7e9","color":"#ffffff"});
	$('#twitter_box ul li a').eq(event.data).css("color","#ffffff");
});
$('#twitter_box ul li').eq(i).bind("mouseleave",i,function(event) {
	$('#twitter_box ul li').eq(event.data).css({"background-color":"#ffffff","color":"#000000"});
	$('#twitter_box ul li a').eq(event.data).css("color","#22b7e9");
});
};
// Re-d_Bnr
$('#re-d_box').hover(
	function() {
		$(this).css("background-color","#fff000");
		$('#re-d_box h3 img').attr("src","imgs/h3-03_ov.gif");
	},
	function() {
		$(this).css("background-color","#ffffff");
		$('#re-d_box h3 img').attr("src","imgs/h3-03.gif");
	}
);
// Last10
$('.entry-home:last,.entry-works:last,.entry-profile:last').css("margin-bottom","50px");
// Start_Opacity
$('.entry-home,#nasunavi_box,#twitter_box,#re-d_box,body#box a.bt-rss,body#box a.bt-pagetop,.entry-works,.entry-profile,#copyright,.box #re-d_contact, a.bnr-nasuworker, a.bnr-nasutter').fadeIn(3000);
$('body#box a.bt-rss,body#box a.bt-pagetop, a.bnr-nasuworker, a.bnr-nasutter').css("display","block");

});


// EntryBox
var _offset_x=_offset_y=0;
var grid = {
	init: function() {
		for (module in grid) {
			if (grid[module].init)
				grid[module].init();
		}
	}
};
grid.window = {
	init: function() {
		$(window)
			.bind('load', this.load)
			.bind('resize', this.resize)
			.bind('scroll', this.scroll)
	},

	load: function() {
		adjust(true);
	},
	resize: function() {
		adjust(true);
	},
	scroll: function() {
		var st=$(document.body).scrollTop();
		st = (!st)?document.documentElement.scrollTop:st;
		$('#header').css({top: st+10});
	}
};
function adjust(mode){
	var _max_y = new Array();
	var _max_h = 0;
	var _max_col = 0;

	var _window_h=$(window).height();
	var _window_w=$(window).width();
	var limit=$('#header div.inner').height();
	if(limit+32<_window_h){
		$('#header').height(_window_h-8);
	}
	var _header_w=$('#header').outerWidth();
	var _target_w = _window_w-$('#header').outerWidth();
	$('#pagebody').width(_target_w-16);

	var _footer_y=0;
	var columns = Math.max(2, parseInt(_target_w / 200));
	$('#box_content > div.box').css('width',190+'px');
	$('#box_content div.box_double').css('width',390);
	$('#box_content div.box_tripple').css('width',590);
	for (x=0;x<columns;x++) _max_y[x] = 0;
	$('#box_content > div.box').each(function(i) {
		var pos, cursor, width, height= 0;
		var target_x=target_y=0;
		width=(Math.floor($(this).outerWidth()/190));
		cursor=0;
		if (width>1) {
			for (x=0;x<columns-(width-1);x++) cursor=(_max_y[x]<_max_y[cursor])?x:cursor;
			pos=cursor;
			for(var x=0; x<width; x++) height = Math.max(height, _max_y[pos+x]);
			for(var x=0; x<width; x++) _max_y[pos+x] = parseInt($(this).outerHeight())+10+height;
			target_x=pos*(200)+_offset_x;
			target_y=height+_offset_y;
			_max_h=(height > _max_h)?_max_y[pos+width-1]:_max_h;
		}else{
			for (x=0;x<columns;x++) cursor=(_max_y[x]<_max_y[cursor])?x:cursor;
			target_x=cursor*(200)+_offset_x;
			target_y=_max_y[cursor]+_offset_y;
			_max_y[cursor] += $(this).outerHeight()+10;
			_max_h=(_max_y[cursor]>_max_h)?_max_y[cursor]:_max_h;
		}
		_footer_y=(_footer_y<_max_h)?_max_h:_footer_y;
		if(!mode){
			$(this).css('left', target_x).css('top',target_y+10);
		}else{
			$(this).stop();
			$(this).animate({left: target_x + 'px',top: target_y+10 + 'px',borderWidth: "10px"},700,'easeInOutSine');
		}
		_max_col=(_max_col<cursor)?cursor:_max_col;
	});
	var target_x=parseInt(($('body').innerWidth()-(200)*(_max_col+1))/2)-0;
	$('#box_content').stop();
	if(!mode){
		$('#box_content').css('left',target_x);
	}else{
		$('#box_content').animate({left:target_x},700,'easeInOutSine');
	}
};
$(document).ready(grid.init);