/*

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

항상 <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=category&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;

			$("#puzzle_index_css" ).attr("href", "/skin/"+puzzle.view.skin+"/css/index.css" );

			var html = "<div id='puzzle_index_left'></div>";
			html +="<div id='puzzle_indexs'><p></p><div class='puzzle_index_top_bg'></div>";
			html +="<div id='puzzle_index_list'></div><div class='puzzle_index_bottom_bg'></div></div>";
			$("#main").append(html);
		
			puzzle.view.index_flag = 0;
			$("#puzzle_index_left").toggle( 
				function() {
					$("#puzzle_indexs").show();
					$("#puzzle_index_left").css("left",$("#puzzle_indexs").css("width"));
					$("#puzzle_index_left").text("");
				},
				function() {
					$("#puzzle_indexs").hide();
					$("#puzzle_index_left").css("left","0");
					$("#puzzle_index_left").text("");
				}
			);

			displayIndexs(result);
		}
	});
});
// 인텍스 리스팅
var displayIndexs = function(result) {
	$("#puzzle_index_list").children().remove();
	var index_list = "<table width=\"100%\" cellspacing=\"0\" cellpadding=\"5\" border=\"0\">";
	if(typeof(result.item[1]) == "undefined" )
	{
		if(result.item.img != "") index_list += "<tr><td><a href='#'><img rel='puzzle_index' id='" + result.item.pagecode + "' src='" + result.item.img + "'></a></td></tr>";
		else index_list += "<tr><td><span class='puzzle_index_name' rel='puzzle_index' id='" + result.item.pagecode + "'><a href='#'>" + result.item.alt +"</a></span></td></tr>";
	}
	else
	{
		$.each(result.item, function() {
			if(this.img != "") index_list += "<tr><td><a href='#'><img rel='puzzle_index' id='" + this.pagecode + "' src='" + this.img + "'></a></td></tr>";
			else index_list += "<tr><td><span class='puzzle_index_name' rel='puzzle_index' id='" + this.pagecode + "'><a href='#'>" + this.alt +"</a></span></td></tr>";
		});
	}							

	index_list += "</table>";
	$("#puzzle_index_list").append(index_list);
	$('span[rel="puzzle_index"]').click( function(){
		//alert("goto : " + $(this).attr('id'));
		puzzle.view.gotoPage($(this).attr('id') - 1);
	});
}