$(document).ready(function(){
    
    $('#tituloReceta01').click(function(){
       mostrarID('#receta01','#tituloReceta01 h2')
    });
    $('#tituloReceta02').click(function(){
       mostrarID('#receta02','#tituloReceta02 h2')
    });
    $('#tituloReceta03').click(function(){
       mostrarID('#receta03','#tituloReceta03 h2')
    });
    $('#tituloReceta04').click(function(){
       mostrarID('#receta04','#tituloReceta04 h2')
    });
    $('#tituloReceta05').click(function(){
       mostrarID('#receta05','#tituloReceta05 h2')
    });
    $('#tituloReceta06').click(function(){
       mostrarID('#receta06','#tituloReceta06 h2')
    });
    $('#tituloReceta07').click(function(){
       mostrarID('#receta07','#tituloReceta07 h2')
    });
    $('#tituloReceta08').click(function(){
       mostrarID('#receta08','#tituloReceta08 h2')
    });
    $('#tituloReceta09').click(function(){
       mostrarID('#receta09','#tituloReceta09 h2')
    });
    $('#tituloReceta10').click(function(){
       mostrarID('#receta10','#tituloReceta10 h2')
    });
    $('#tituloReceta11').click(function(){
       mostrarID('#receta11','#tituloReceta11 h2')
    });
    $('#tituloReceta12').click(function(){
       mostrarID('#receta12','#tituloReceta12 h2')
    });
    
    $("#receta01").hide();
    $("#receta02").hide();
    $("#receta03").hide();
    $("#receta04").hide();
    $("#receta05").hide();
    $("#receta06").hide();
    $("#receta07").hide();
    $("#receta08").hide();
    $("#receta09").hide();
    $("#receta10").hide();
    $("#receta11").hide();
    $("#receta12").hide();       
});

receta01=0;


function mostrarID(id,temp)
{
    
   
   if( $(id).is(":visible") )
   {
	$(temp).css({
			'backgroundImage': 'url("images/menos.png")',
			'backgroundRepeat': 'no-repeat',
			'backgroundPosition': 'left center'
		});
    }
    else{
	$(temp).css({
			'backgroundImage': 'url("images/mas.png")',
			'backgroundRepeat': 'no-repeat',
			'backgroundPosition': 'left center'
		});
	}
	$(id).toggle("slow");  
}

/**********************************************************
     cambiar las recetas por medio de un selectt
************************************************************/



function cambiarReceta(valor)
{
    //para la columna izquierda
   val = "accion=1";
   val += "&nReceta="+valor;
   $.ajax({
   type: "POST",
   url: "includes/selectReceta.php",
   data: val,           
        success:function(data){
            $('#recetaCambioIzq').html(data);  
       }
  });
  
  
  //para la columna derecha
   valimg = "accion=2";
   valimg += "&nReceta="+valor;
   
   $.ajax({
   type: "POST",
   url: "includes/selectReceta.php",
   data: valimg,    
        success:function(dataImg){
        $('#recetaCambioDer').html(dataImg);
       }
  });
}

