$(function(){
	var $container = $('#entryContent-body');
	//$container.css("opacity",0);
	$container.imagesLoaded(function(){
		$container.masonry({
			itemSelector : '.pack',
			columnWidth : 280,
			isFitWidth : true
		});
		setMoreButtonPosition();
		//$(this).fadeTo(200,1);
	});
	
	
	
	function setMoreButtonPosition() {
		var col = Math.floor($('#entryContent').width()/280);
		var w = 276*col+4*(col-1)
		$('#entryContent ul.more').css('width',w+'px');
	}
	$(window).resize(function(){
		setMoreButtonPosition();
	});
	
	function setMoreButton(data) {
		var xmldata = $(data);
		$('#entryContent ul.more a').unbind('click').click(function(event){
			$('#entryContent ul.more').hide();
			/*$('#entryContent').append('<div class="loadingObj"></div>');
			$('#entryContent div.loading.Obj').css('width',$('#entryContent ul.more').width()+'px');*/
			
			xmldata.find('entry').each(function(){
				var $boxes = $('<div class="pack"><div class="frm-top"></div><div class="frm-body"><p class="date">'+$(this).find('date').text()+' <span class="week">'+$(this).find('day').text()+'</span></p><p class="category">'+$(this).find('category').text()+'</p><p class="image"><a href="'+$(this).find('permalink').text()+'"><img src="/files/img/img_240.jpg" alt="" width="240" height="135" /></a></p><h3><a href="'+$(this).find('permalink').text()+'">'+$(this).find('title').text()+'</a></h3><p class="lead">'+$(this).find('body').text()+' <a href="'+$(this).find('permalink').text()+'">…全て読む</a></p></div><div class="frm-bottom"></div></div><!-- //pack -->');
				$('#entryContent-body').append( $boxes ).masonry( 'appended', $boxes );
				$boxes.mouseover(function(){
					$('#entryContent div.pack').removeClass('pack-on');
					$(this).addClass('pack-on');
				}).mouseout(function(){
					$('#entryContent div.pack').removeClass('pack-on');
				}).click(function(event){
					if(event.target.nodeName!='OBJECT' && event.target.nodeName!='EMBED'){
						location.href = $('h3 a',this).attr('href');
					}
				});
			});
			setMoreButtonPosition();
			setMoreXML();
			event.preventDefault();
		});
		$('#entryContent ul.more').show();
	}
	function setMoreXML() {
		$('#entryContent ul.more').hide();
		mid ++;
		var xmlurl = './xml/list_'+mid+'.xml';
		
		$.ajax({
			type: 'GET',
			url: xmlurl,
			dataType: 'xml',
			ifModified: true,
			timeout: 5000,
			error: function(data, status){
			},
			success: function(data, status){
				setMoreButton(data);
			}
		});
	}
	var mid = 1;
	setMoreXML();





	
	$('#entryContent div.pack').mouseover(function(){
		$('#entryContent div.pack').removeClass('pack-on');
		$(this).addClass('pack-on');
	}).mouseout(function(){
		$('#entryContent div.pack').removeClass('pack-on');
	}).click(function(event){
		if(event.target.nodeName!='OBJECT' && event.target.nodeName!='EMBED'){
			location.href = $('h3 a',this).attr('href');
		}
	});
});