$(document).ready(function()
	{
		var cate_cnt = 9;		
		var cate0_name = $('#cate_id0').val();
		var cate3_name = $('#cate_id3').val();
		var cate6_name = $('#cate_id6').val();
		
		$('li').each(function()
			{
				var id = $(this).attr('id');
				var cnt = parseInt(id.substring(4, id.length));
				var name = $('#cate_id' + cnt).val();
				
				var dtl_group = 1;
				if (cnt <= 2) {
					dtl_group = 1;
				} else if (cnt >= 3 && cnt <= 5) {
					dtl_group = 2;
				} else if (cnt >= 6 && cnt <= 8) {
					dtl_group = 3;
				}
				
			
				$(this).bind('mouseover', 
					function()
					{							
						if (cnt <= cate_cnt) {
							$(this).css({cursor: 'pointer'});
						}
					}
				);
				
				$(this).bind('click',
					function()
					{						
						if (cnt <= cate_cnt) {
							loadCateDetail(dtl_group, id, name, cate_cnt);
						}
					}
				)
				

			}
		);
		
	}
);


function loadCateDetail(dtl_group, cate_id, cate_name, cate_cnt) {		
	$('#cate_detail' + dtl_group).load(	
		'/template/forum/php/forum_cate.php?cate='+cate_id,
		{cate: cate_id},
		function(data)
		{			
			var rtn = $.trim(data);
			var flag = false;
			
			$('#cate_detail' + dtl_group).html(rtn);
			
			for (var i = 0; i < cate_cnt; i++) {
				if (dtl_group == 1) {
					if (i == 0 || i == 1 || i == 2) {
						flag = true;
					}
				}
				
				if (dtl_group == 2) {
					if (i == 3 || i == 4 || i == 5) {
						flag = true;
					}
				}
				
				if (dtl_group == 3) {
					if (i == 6 || i == 7 || i == 8) {
						flag = true;
					}
				}
				
				if (flag) {
					$('#cate' + i).removeAttr('class');					
				}
				flag = false;
			}
			
			$('#' + cate_id).attr('class', 'selected');
		}
	)
}