(function() {
	// 조황정보
	//imageCache.blockKeep('/proxy/img/main/infoFocus.gif');
	$('#mainPost dl dt').execute(function() {
		var self = this;
		this.page = 0;
		this.total = 0;
		this.limit = 0;
		this.data = [];

		var search = '';
		switch (this.className) {
			case 'tab1': search = ['민물낚시', 'class']; break;
			case 'tab2': search = ['바다낚시', 'class']; break;
			case 'tab3': search = ['갯바위', 'place']; break;
		}

		var parentNode = this.getParent();
		var display = $e(parentNode.getElementsByTagName('dd').item(0));

		// 디스플레이 생성
		var setDisplay = function() {
			var obj = self.data[self.page];
			var state = obj.node('state').item(0);
			var results = obj.node('result');

			self.total = state.getAttribute('total').num();
			self.limit = state.getAttribute('limit').num();
			if (self.total <= 0) {
				display.innerHTML = "<div>표시할 내용이 없습니다.</div>";
				return false;
			}

			var maxPage = parseInt(self.total / self.limit);

			var image = document.createElement('div');
			var list = document.createElement('ul');

			image.className = 'image';

			for (var i = 0; i < results.length; i++) {
				var result = results.item(i);
				var index  = result.getAttribute('index');
				var region = result.getAttribute('region');
				var title  = result.getAttribute('title2');

				var link  = document.createElement('a');
				var titleNode = document.createTextNode(title);

				if (i == 0) {
					var img = document.createElement('img');
					img.src = server.uri('post', index + '/섬네일/107x79');
					link.href = server.uri('post', index);
					link.appendChild(img);
					link.appendChild(titleNode);
					image.appendChild(link);
				}
				else {
					var li = document.createElement('li');

					link.href = server.uri('post', index);
					link.innerHTML = '<strong>[' +region+ ']</strong> ';
					link.appendChild(titleNode);
					li.appendChild(link);
					list.appendChild(li);
				}
			}

			$('#mainPost div.paging').execute(function() {
				var page = this.getElementsByTagName('span').item(0);
				var handler = this.getElementsByTagName('a');
				var prev = handler.item(0);
				var next = handler.item(1);
				prev.href = 'javascript:;';
				next.href = 'javascript:;';
				prev.onclick = function() {
					self.page--;
					if (self.page < 0) self.page = 0;
					self.onmouseover();
				};
				next.onclick = function() {
					self.page++;
					if (self.page * self.limit > self.total) {
						self.page = maxPage;
					}
					self.onmouseover();
				};
				page.innerHTML = '<strong>' +(self.page + 1)+ '</strong>/' + (maxPage + 1);
			});

			display.removeChilds();
			display.appendChild(image);
			display.appendChild(list);

			/*
			<ul>
				<li><a href='javascript:;'><strong>[지역]</strong>제목</a></li>
				<li><a href='javascript:;'><strong>[지역]</strong>제목</a></li>
				<li><a href='javascript:;'><strong>[지역]</strong>제목</a></li>
				<li><a href='javascript:;'><strong>[지역]</strong>제목</a></li>
				<li><a href='javascript:;'><strong>[지역]</strong>제목</a></li>
				<li><a href='javascript:;'><strong>[지역]</strong>제목</a></li>
				<li><a href='javascript:;'><strong>[지역]</strong>제목</a></li>
			</ul>
			*/
		};

		// 이벤트 셋
		this.mouseover(function() {
			if (self.data[self.page]) {
				setDisplay();
			}
			else {
				var loader = server.uri('img', 'ajaxLoader.gif');
				display.innerHTML = "<div class='loading'>" +
				"<img src='" +loader+ "' alt='loading' /> 내용을 읽어오고 있습니다." +
				"</div>";
				var ax = new ajax();
				ax.param('search', search[0]);
				ax.param('mode', search[1]);
				ax.param('page', self.page);
				ax.success = function() {
					self.data[self.page] = this;
					setDisplay();
				};
				ax.send('/proxy/async/getPost.ffm', true);
			};

			$('#mainPost dl').setAttr('className', '');
			parentNode.setAttr('className', 'focus');

			$('#mainPost dl dt').css('zIndex', 1);
			this.css('zIndex', 2);
		});
		if (this.className == 'tab1') {
			this.onmouseover();
		}
	});
})();