/*

코드 작성 예.................

항상 <DIV id = "main">에서 부터 레이어 삽입

글로벌 변수
puzzle.view.call_page_url		//페이지 넘김시 Call시키는 URL (default : '');
puzzle.view.domain				//현 호스트 도매인정보값 (예:http://ebook.puzzle.com)
puzzle.view.bookcode			//현재 북코드
puzzle.view.skin				//현재 스킨명
thumb_xml						//현재 스킨xml 변수

메소드
puzzle.view.gotoPage()			//해당페이지이동



$(document).ready(function(){
	//여기서 부터 코드 시작
});
*/


$(document).ready(function(){
	//카테고리 xml 데이터 호출
	$.ajax({
		type: "POST",
		url: puzzle.view.domain+"/Web/Xml/c=index&bookcode="+puzzle.view.bookcode,
		data: {},
		error: function(){
			alert('Error loading XML document');
		},
		success: function(xml){
			var result = $.xml2json(xml);
			if(typeof(result.item) == "undefined") return false;

			var html2 = "<div id='puzzle_categoy'></div>";
			$("#main").append(html2);
			
			displayCategory(result);
		}
	});
});

// 카테고리 리스팅
var displayCategory = function(result) {
	//$("#puzzle_index_list").children().remove();
	var category_list ="<div id='puzzle_category_list'>";
	$.each(result.item, function() {
		if(this.img != "") 
		{
			category_list += "<a href='#'><img rel='puzzle_category' id='" + this.pagecode + "' src='" + this.img + "' ></a>";
		}else
		{
			category_list += "<span class='puzzle_index_name' rel='puzzle_category' id='" + this.pagecode + "'>" + this.alt +"</span>";
		}
	});
	category_list += "</div>";
	
	$("#puzzle_categoy").append(category_list);
	$('span[rel="puzzle_category"]').click( function(){
		//alert("goto : " + $(this).attr('id'));
		puzzle.view.gotoPage($(this).attr('id') - 1);
	});
}