$(document).ready(function(){
	/*// Comment Set //=========================== */
	var ooyComment = $('div#writeComment>ol');
	
	var loadXMLName = 'ooy_comment.xml';
	
	$.ajax({
		dataType: "xml",
		url: loadXMLName,
		success: function(xml){
			setPage(xml);
		},
		error: function(XMLHttpRequest, textStatus, errorThrown){
			//alert(XMLHttpRequest);
			//alert(textStatus);
			//alert(errorThrown);
		}
	});	
	
	function setPage(xml){
		var ooyEntryNum = $(xml).find('item').length;
		(ooyEntryNum > 0) ? $('div#writeComment').css('background-image', 'none') : null;
		
		$(xml).find('item').each(function(){
			var myList;
			var ooyComm = $(this).find('comment').text();
			var ooyName = $(this).find('name').text();
			var ooySpec = $(this).find('spec').text();
			
			myList =  '<span class="comment">' + ooyComm + '</span><span class="name">' + ooyName + '</span><span class="spec">（' + ooySpec + '）</span>';
			ooyComment.append('<li>' + myList + '</li>');
		});
		
		setOoyMenu();
	};
	
	/*// Menu Set //============================== */
	function setOoyMenu(){
		var ooyArchiveList = $('div#writeComment>ol>li');
		var ooyArchiveLen = ooyArchiveList.length;
		var ooyCatNum = Math.ceil(ooyArchiveLen/10);
		
		function ooySetCatNumBtn(myNum){
			$('div#writeComment').prepend('<ul class="catNumBtn"></ul>');
			$('div#writeComment').append('<ul class="catNumBtn"></ul>');
			
			for(i=0; i<myNum; i++){
				$('ul.catNumBtn').append('<li>' + (i+1) + '</li>');
			};
		};
		
		function ooySetCatList(myNum){
			ooyArchiveList.hide();
			var ooyStartNum = (myNum == 1) ? myNum - 1 : ((myNum-1)*10);
			var ooyEndNum = myNum * 10;
			for(i=ooyStartNum; i<ooyEndNum; i++){
				$('div#writeComment>ol').children('li:eq(' + i + ')').fadeIn(600);
			};
			
			$('ul.catNumBtn>li').removeClass('selected');
			$('ul.catNumBtn:eq(0)>li:eq(' + (myNum - 1) + ')').addClass('selected');
			$('ul.catNumBtn:eq(1)>li:eq(' + (myNum - 1) + ')').addClass('selected');
			
			$('ul.catNumBtn>li:not(.selected)').click(function(){
				var mySelectNum = parseInt($(this).text(), 10);
				ooySetCatList(mySelectNum);
			});
		};
		
		if(ooyCatNum > 1){
			ooySetCatNumBtn(ooyCatNum);
			ooySetCatList(1);
		};
	};
});