window.onload = function(){return;}

function listRecent(){
	var index = 10;
	var obj;
	$.post('ajax.php',{
	 action:"list-latest"},
	 function(data){
	 	obj = jQuery.parseJSON(data);	
	//	getMore();
	});

	$('#seemore').click(getMore);

	function getMore(){
		var i=index
		var resultNo = 10;
		if (index +resultNo >= obj.length) { index = obj.length }
		else{ index = index + resultNo };
		
		var str = "";
		for (i; i < index; i++) {
			str += '<div>';
			str += '<h1>'+obj[i].item_name+'</h1>';
			str += '<h4>'+obj[i].item_date+'</h4>';
		  	str += '<div class="item-box round" style="height:95px;" >';
		  	str += '<p><a href="book.php?b='+obj[i].id+'"><img class="imgBG left" height="90px" alt="'+obj[i].item_name+'" src="http://www.culu-culu.com/img/thumbs/'+obj[i].item_url+'"/></a></p>';
			if (obj[i].item_comment.length >= 150) { str += '<p>'+obj[i].item_comment.substring(0,150)+'...<br /><a href="book.php?b='+obj[i].id+'">さらに詳しく</a></p>'; }
			else{ str += '<p>'+obj[i].item_comment+'<br /><a href="book.php?b='+obj[i].id+'">さらに詳しく</a></p>'; };
		  	str += '</div>';
			str += '</div>';
		};
		$('#book-list').append(str);
		if (index >= obj.length) {$('#seemore').css('visibility', 'hidden')};
	}
}

function list100(){
	var index = 0;
	var obj;
	$.post('ajax.php',{
	 action:"list100"},
	 function(data){
	 	obj = jQuery.parseJSON(data);	
		getMore();
	});
	
	$('#seemore').click(getMore);

	function getMore(){
		var i=index
		var resultNo = 20;
		if (index +resultNo >= obj.length) { index = obj.length }
		else{ index = index + resultNo };
		var str = "";
		for (i; i < index; i++) {
			str += '<div class="list100">';
			str += '<a href="book.php?b='+obj[i].id+'"><img class="imgBG" alt="'+obj[i].item_url+'" width="40px" src="http://www.culu-culu.com/img/thumbs/'+obj[i].item_url+'"/></a>'
			if (obj[i].item_name.length >= 12) {str += '<p>'+(i+1)+'. <a href="book.php?b='+obj[i].id+'">'+obj[i].item_name.substring(0,10)+"...</a> <small>"+obj[i].item_number+"票</small></p>";}
			else{str += '<p>'+(i+1)+'. <a href="book.php?b='+obj[i].id+'">'+obj[i].item_name+"</a>  <small>"+obj[i].item_number+"票</small></p>";};
			
			str += '<p><span id="osusume">おススメ度：</span><ul id="starList">';
			for (var j=0; j < 5; j++) {
				if(j < obj[i].item_stars) { str += '<li style="float:left;"><img alt="star" width="20px" src="img/assets/star.png"/></li>';}
				else{str += '<li><img alt="star" width="20px" src="img/assets/hollowStar.png"/></li>';}
			}
			str += '</div>';
		};
		$('#ranking').append(str);
		if (index >= obj.length) {$('#seemore').css('display', 'none')};
	}
}