<script>
$(document).ready(function(){

	$('.submit').click(function(){update_category(this)});
	$('.action .edit').click(function(){update_category(this)});
	$('.action .remove').click(function(){update_category(this)});
	
	$('#main-cate li').click(function(e){
		e.preventDefault();
		$('#main-cate li').removeClass('active');
		$(this).addClass('active');
		var $dom = $('#scroller #' +  $(this).attr('value'));
		$('#scroller').animate({scrollTop:$('#scroller').scrollTop() + $dom.position().top - 30}, 300);	
	})
	
	// update toàn bộ danh mục vào bảng từ khóa
	$('#updateToDictionary').click(function(e){
		e.preventDefault();
		$btn = $('#updateToDictionary');
		$btn.button('loading');
		jQuery.ajax({			
			type:"POST",
			url	:$conf.base_url('ajax_update_keyword'), 
			data:null,
			success:function(result){	
				window.location.reload();
			}
		})	
	})
	
})

update_category=function($btn){

	$btn = $($btn);
	$block = $($btn).parent().parent();	
	if($block.find('.name')=='')return;
		
	$data = {};
	$data.parentId 	=  $block.parent().attr('id');
	$data.cid 		=  $block.find('.cid').val();
	$data.id 		=  $block.find('.pos').val();
	$data.name 		=  $block.find('.name').val();
	$data.desc 		=  $block.find('.desc').val();
	
	if($btn.hasClass('edit') || $btn.hasClass('submit'))
			$submitlink = 'ajax_update_cate';
	else  	$submitlink = 'ajax_remove_cate';	
		
	jQuery.ajax({			
		type:"POST",
		url	:$conf.base_url($submitlink), 
		data:$data,
		success:function(result){	
			result = $.parseJSON(result);	
			if(result.success){
				if($btn.hasClass('submit')){
					$div = '<div class="col-xs-12 form-inline new">';
					$div += '	<div class="col-xs-10">';
					$div += '		<input class="cid" value="'	+	$data.cid	+'" />';
					$div += '		<input class="name" value="'+	$data.name	+'" />';
					$div += '		<input class="desc" value="'+	$data.desc	+'" />';
					$div += '	</div>';
					$div += '	<div class="action pull-right btn-group">';
					$div += '		<a onclick="update_category(this); return false;" class="edit btn btn-default btn-xs btn-info"><i class="fa fa-check"></i></a>';
					$div += '		<a onclick="update_category(this); return false;" class="remove btn btn-default btn-xs btn-warning"><i class="fa fa-remove"></i></a>';
					$div += '	</div>';
					$div += '</div>';
					
					$($div).insertBefore('#' + $data.parentId + ' .more');
					
					$block.find('.cid').val($data.parentId  +'-');
					$block.find('.cid').focus();
					$block.find('.name').val('');
					$block.find('.desc').val('');				
				}else if($btn.hasClass('remove')){
					$block.hide();
				}else{
				
				}
			}
		}
	})	
}

</script>