<script type="text/javascript">
	

function mostrar_listado_temas(pagina){
    $('#listado_temas').fadeTo(0,0.5);
    $('#ajax_progress_cuerpo').css('visibility','visible');
    $.ajax({
        type: 'POST',
        url: '<?php echo base_url(); ?>index.php/foro/mostrar_listado_temas',
        data: 'pagina='+pagina,
        success: function(resp) {
            $('#listado_temas').html(resp);
            $('#listado_temas').fadeTo(0,1);
            $('#ajax_progress_cuerpo').css('visibility','hidden');
        }
    });
}

function crear_tema_nuevo(){
	var titulo = $("input#titulo_formulario_tema").val(); 
    var texto = $("textarea#texto_formulario_tema").val(); 
	
	if (titulo.length == 0)
	   return;
    if (texto.length == 0)
       return;
		
    var dataString = 'titulo='+ titulo + '&texto=' + texto;  

    $('#listado_temas').fadeTo(0,0.5);
    $('#ajax_progress_tema_nuevo').css('visibility','visible');

    $.ajax({  
        type: 'POST',  
        url: '<?php echo base_url(); ?>index.php/foro/crear_tema',  
        data: dataString,  
        success: function(resp) {  
            $("input#titulo_formulario_tema").val("");
		    $("textarea#texto_formulario_tema").val("");   
			$('#listado_temas').html(resp);
            $('#listado_temas').fadeTo(0,1); 
			$('#ajax_progress_tema_nuevo').css('visibility','hidden');  
        }  
    });  

}

function borrar_tema(tema){
   
    var dataString = 'tema='+ tema;  

    $('#listado_temas').fadeTo(0,0.5);
    $('#ajax_progress_tema_nuevo').css('visibility','visible');

    $.ajax({  
        type: 'POST',  
        url: '<?php echo base_url(); ?>index.php/foro/borrar_tema',  
        data: dataString,  
        success: function(resp) {   
            $('#listado_temas').html(resp);
            $('#listado_temas').fadeTo(0,1); 
            $('#ajax_progress_tema_nuevo').css('visibility','hidden');  
        }  
    });  

}


	
	
	
$(document).ready(function() {
    $('#ajax_progress_cuerpo').css('display','block');
    mostrar_listado_temas(0);
	$('#boton-nuevo-tema').click(function(){
		$('#boton-nuevo-tema').toggle();
		$('.formulario_tema').toggle();
	});
	$('.formulario_tema').toggle();
}); 	
	
</script>	
	





<span class="header">Foro</span>
<div id="contenido">

<div id="boton-nuevo-tema">
<span>Nuevo tema</span>
</div>
<br clear="left">
<div class="formulario_tema">
	
<form id ="form_crear_tema" name="form_crear_tema" action="">
<div class="datos_tema">
<span class="autor_tema"><?=$login?></span>
</div>  
<div class="titulo_tema">
<input type="text" id="titulo_formulario_tema" name="titulo" value="">
</div>

<div class="contenido_tema">
<textarea cols="80" rows="4" id="texto_formulario_tema" name="texto"></textarea>
</div>

<p><input name="boton_enviar" id="boton_enviar_formulario_tema" type="submit" value="Enviar" onclick="crear_tema_nuevo(); return false;"></p>
<img id="ajax_progress_tema_nuevo" src="/system/application/views/images/ajaxProgress.gif">
</form>	
	
</div>

<div id="listado_temas"></div>
</div>