$(document).ready(function(){
	
	var bookLogList  = $('ul#bookLog');
	var miuscLogList = $('ul#musicLog');
	
	function setLogs(json, catalog, maxNum){
	   var targetList = (catalog === 'Books') ? bookLogList : miuscLogList;
	   var _Count = 0;
	   for (var i=0; i<json.books.length; i++){
			
			if(json.books[i].catalog === catalog){
				_Count += 1;
				if(_Count > maxNum) return false;
				var _Url = json.books[i].url, _Title = json.books[i].title, _Author = json.books[i].author, _Img = json.books[i].image;
				targetList.append(
					$('<li/>',{'class':(catalog === 'Books') ? 'bL' : 'mL'})
					.append($('<a/>',{
							'href' : _Url,
							'title' : _Title + ':' + _Author,
							'target' : '_blank'
							}).append(
								$('<img />',{
									'src' : _Img
								 })
							)
						)
					);
				
			}
		};
	};
	
	function loadBL(){
		$.ajax({
			type: "GET",
			url: "http://api.booklog.jp/json/pino7x",
			dataType: "jsonp",
			data: { 
			"count"  : 50, 
			"status" : 0
			},
			success: function(json){
				setLogs(json, 'Books', 15);
				setLogs(json, 'Music', 9);
			}
		});
	};
	
	loadBL();
	
});