Event.observe(window, 'load', function() {   

  $('contenedorCategorias').setStyle({
       height: '300px' 
       }); 
  
  $('divEnfermedades').setStyle({
       height: '300px' 
       }); 

  $('divComposicion').setStyle({
       height: '300px' 
       }); 
  $('divProductos').setStyle({
       height: '300px' 
       }); 
  
  todosProductos();
  
  /* Funciones para el modulo de categorias */  
  $("contenedorCategorias").hide();
  Event.observe($('titulo_categorias'), 'click', function(e) {
   if( $('titulo_categorias').hasClassName('accordion_toggle_active') ){
    $('titulo_categorias').removeClassName('accordion_toggle_active').addClassName('accordion_toggle');
   }else{
    $('titulo_categorias').addClassName('accordion_toggle_active').removeClassName('accordion_toggle');
    $('titulo_enfermedades').addClassName('accordion_toggle').removeClassName('accordion_toggle_active');
    $('titulo_composiciones').addClassName('accordion_toggle').removeClassName('accordion_toggle_active');
    $('titulo_productos').addClassName('accordion_toggle').removeClassName('accordion_toggle_active');
   }

   Effect.toggle('contenedorCategorias', 'slide', { delay: 0 , duration: 0.5 });

   $("divEnfermedades").hide();
   $("divComposicion").hide();
   $("divProductos").hide();  

  });

  /* Funciones para el modulo de Enfermedades */

  var url  = 'ajax.listarEnfermedades.php';
  var params = "";
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divEnfermedades').update(transport.responseText);
    }
   }
  });

  $("divEnfermedades").hide();
  Event.observe($('titulo_enfermedades'), 'click', function(e) {

   if( $('titulo_enfermedades').hasClassName('accordion_toggle_active') ){
    $('titulo_enfermedades').removeClassName('accordion_toggle_active').addClassName('accordion_toggle');
   }else{
    $('titulo_enfermedades').addClassName('accordion_toggle_active').removeClassName('accordion_toggle');
    $('titulo_categorias').addClassName('accordion_toggle').removeClassName('accordion_toggle_active');
    $('titulo_composiciones').addClassName('accordion_toggle').removeClassName('accordion_toggle_active');
    $('titulo_productos').addClassName('accordion_toggle').removeClassName('accordion_toggle_active');
   }

   Effect.toggle('divEnfermedades', 'slide', { delay: 0 , duration: 0.5 });
   $("contenedorCategorias").hide();
   $("divComposicion").hide();
   $("divProductos").hide();
  });

 

  /* Funciones para el modulo de composicion */
  var url  = 'ajax.listarComposiciones.php';
  var params = "";
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divComposicion').update(transport.responseText);
    }
   }
  });

  $("divComposicion").hide();
  Event.observe($('titulo_composiciones'), 'click', function(e) {

   if( $('titulo_composiciones').hasClassName('accordion_toggle_active') ){
    $('titulo_composiciones').removeClassName('accordion_toggle_active').addClassName('accordion_toggle');
   }else{
    $('titulo_enfermedades').addClassName('accordion_toggle').removeClassName('accordion_toggle_active');
    $('titulo_categorias').addClassName('accordion_toggle').removeClassName('accordion_toggle_active');
    $('titulo_composiciones').addClassName('accordion_toggle_active').removeClassName('accordion_toggle');
    $('titulo_productos').addClassName('accordion_toggle').removeClassName('accordion_toggle_active');
   }

   //$("divComposicion").toggle();
   Effect.toggle('divComposicion', 'slide', { delay: 0 , duration: 0.5 });
   $("divEnfermedades").hide();
   $("contenedorCategorias").hide();
   $("divProductos").hide();
  });
  
  /* Funciones para el modulo de Productos */
  $("divProductos").hide();
  Event.observe($('titulo_productos'), 'click', function(e) {

   if( $('titulo_productos').hasClassName('accordion_toggle_active') ){
    $('titulo_productos').removeClassName('accordion_toggle_active').addClassName('accordion_toggle');
   }else{
    $('titulo_productos').addClassName('accordion_toggle_active').removeClassName('accordion_toggle');
    $('titulo_enfermedades').addClassName('accordion_toggle').removeClassName('accordion_toggle_active');
    $('titulo_categorias').addClassName('accordion_toggle').removeClassName('accordion_toggle_active');
    $('titulo_composiciones').addClassName('accordion_toggle').removeClassName('accordion_toggle_active');

   }

   Effect.toggle('divProductos', 'slide', { delay: 0 , duration: 0.5 });
   $("divComposicion").hide();
   $("divEnfermedades").hide();
   $("contenedorCategorias").hide();
  });

 

  Event.observe($('buscar'), 'click', function(e) {   
   $('formProductos').submit();
   /*if( $('categoria').value == '' && $('enfermedad').value == '' && $('composicion').value == '' ){
    alert('Seleccione alguna opcion de busqueda');
    return false;
   }else{
    $('formProductos').submit();
   }*/
    
  });
  
  Event.observe($('sendFormMedicamentos'), 'click', function(e) {   
   
   if( $('q').value == '' ){
    alert("ingrese texto de busqueda");
    return false;
   }else{
    $('searchbox_demo').submit();
   }
  });
 }); 
 
 function todosProductos(){
 
   var url  = 'ajax.productos.php';
   var params = "";
   new Ajax.Request(url, {
    method: 'get', parameters: params,
    onSuccess: function(transport) {
     if(transport.responseText.length > 0){
      $('divProductos').update(transport.responseText);
     }
    }
  });
 }
 
 function cargarContenido(elemento) {

  var url  = 'ajax.buscarProductos.php';
  var params = $('formProductos').serialize();
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divProductos').update(transport.responseText);
    }
   }
  });

 }
 
 
 function cargarCategoria(id , nombre){
  $('categoria').value = id;
  $('titulo_categorias').update('Categoría : ' + nombre);
  
  $('enfermedad').value = '0';
  $('composicion').value = '0';
  
  cargarContenido();

  var url  = 'ajax.buscarEnfermedadesByCategoria.php';
  var params = $('formProductos').serialize();
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divEnfermedades').update(transport.responseText);
    }
   }
  });
  
  
  var url  = 'ajax.buscarComposicionByCategoria.php';
  var params = $('formProductos').serialize();
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divComposicion').update(transport.responseText);
    }
   }
  });

  $('contenedorCategorias').hide();
  $('titulo_enfermedades').update('Enfermedad');
  $('titulo_composiciones').update('Composición');

 }
 
 function todasCategorias(){

  $('categoria').value = 'todas';
  $('titulo_categorias').update('Categoría : Todas');
  $('contenedorCategorias').hide();
  cargarContenido();

  /* Reseteamos las enfermedades */
  var url  = 'ajax.listarEnfermedades.php';
  var params = "";
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divEnfermedades').update(transport.responseText);
    }
   }
  });
  
  /* Reseteamos las composiciones */
  var url  = 'ajax.listarComposiciones.php';
  var params = "";
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divComposicion').update(transport.responseText);
    }
   }
  });
  $('titulo_enfermedades').update('Enfermedad');
  $('titulo_composiciones').update('Composición');

 }
 
 function todasEnfermedades(){

  $('enfermedad').value = 'todas';
  $('titulo_enfermedades').update('Enfermedad : Todas'); 
  $('divEnfermedades').hide();
  cargarContenido();
  
  var url  = 'ajax.listarComposiciones.php';
  var params = "";
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divComposicion').update(transport.responseText);
    }
   }
  });

  $('titulo_composiciones').update('Composición');

 }
 
 function todasComposicion(){
  
  $('composicion').value = 'todas';
  $('titulo_composiciones').update('Composición : Todas');
  $('divComposicion').hide();
  cargarContenido();
  
 }
 
 function cargarEnfermedad(id , nombre){
  $('enfermedad').value = id;
  $('titulo_enfermedades').update('Enfermedad : ' + nombre.substr(0,10) );
  cargarContenido();
  
  
  var url  = 'ajax.buscarComposicionByEnfermedad.php';
  var params = $('formProductos').serialize();
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divComposicion').update(transport.responseText);
    }
   }
  });
  $('titulo_composiciones').update('Composición');
  
  $('divEnfermedades').hide();

 }
 
 function paginarEnfermedades( pagina ){  
  
  var url  = 'ajax.paginarenfermedades.php';
  var params = '?pagina='+pagina;
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divEnfermedades').update(transport.responseText);
    }
   }
  });
  //$('titulo_composiciones').update('Composición');

 }
 
 function cargarComposicion(id , nombre){
  $('composicion').value = id;
  $('titulo_composiciones').update('Composición : ' + nombre.substr(0,10));
  cargarContenido();
  $('divComposicion').hide();
 }

 function paginarComposiciones( pagina ){  
  
  var url  = 'ajax.paginarcomposiciones.php';
  var params = '?pagina='+pagina;
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divComposicion').update(transport.responseText);
    }
   }
  });
  //$('titulo_composiciones').update('Composición');

 }

/* 
 Event.observe(window, 'load', function() {   

  Event.observe($('buscar'), 'click', function(e) {   


   if( $('categoria').value == '' && $('enfermedad').value == '' && $('composicion').value == '' ){
    alert('Seleccione alguna opcion de busqueda');
    return false;
   }else{
    $('formProductos').submit();
   }
    
  });
  
  Event.observe($('sendFormMedicamentos'), 'click', function(e) {   
   
   if( $('q').value == '' ){
    alert("ingrese texto de busqueda");
    return false;
   }else{
    $('searchbox_demo').submit();
   }
  });
 }); 

 function cargarContenido(elemento) {

  var url  = 'ajax.buscarProductos.php';
  var params = $('formProductos').serialize();
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divProductos').update(transport.responseText);
    }
   }
  });

 }
 
 
 function cargarCategoria(id , nombre){
  $('categoria').value = id;
  $('titulo_categorias').update('Categoría : ' + nombre);
  
  $('enfermedad').value = '0';
  $('composicion').value = '0';
  
  cargarContenido();

  var url  = 'ajax.buscarEnfermedadesByCategoria.php';
  var params = $('formProductos').serialize();
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divEnfermedades').update(transport.responseText);
    }
   }
  });
  
  
  var url  = 'ajax.buscarComposicionByCategoria.php';
  var params = $('formProductos').serialize();
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divComposicion').update(transport.responseText);
    }
   }
  });

  
  $('titulo_enfermedades').update('Enfermedad');
  $('titulo_composiciones').update('Composición');
  
 }
 
 function cargarEnfermedad(id , nombre){
  $('enfermedad').value = id;
  $('titulo_enfermedades').update('Enfermedad : ' + nombre);
  cargarContenido();
  
  
  var url  = 'ajax.buscarComposicionByEnfermedad.php';
  var params = $('formProductos').serialize();
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divComposicion').update(transport.responseText);
    }
   }
  });
  $('titulo_composiciones').update('Composición');
  
  //$('divEnfermedades').hide();

 }
 
 function paginarEnfermedades( pagina ){  
  
  var url  = 'ajax.paginarenfermedades.php';
  var params = '?pagina='+pagina;
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divEnfermedades').update(transport.responseText);
    }
   }
  });
  //$('titulo_composiciones').update('Composición');

 }
 
 function cargarComposicion(id , nombre){
  $('composicion').value = id;
  $('titulo_composiciones').update('Composición : ' + nombre);
  cargarContenido();
 }

 function paginarComposiciones( pagina ){  
  
  var url  = 'ajax.paginarcomposiciones.php';
  var params = '?pagina='+pagina;
  new Ajax.Request(url, {
   method: 'get', parameters: params,
   onSuccess: function(transport) {
    if(transport.responseText.length > 0){
     $('divComposicion').update(transport.responseText);
    }
   }
  });
  //$('titulo_composiciones').update('Composición');

 }
*/