$(document).ready(function(){

	<!--$("#ct01,#ct02,#ct03,#ct04,#ct05,#ct06,#ct07,#ct08,#ct09,#ct10,#ct11,#ct12,#ct13,#ct14,#ct15,#ct16,#ct17,#ct18,#ct19,#ct20,#ct21,#ct22,#ct23").hide();-->

	
    $("#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16,#17,#18,#19,#20,#21,#22,#23,#24").mouseover(function(){
      $(this).removeClass("cat");
	  $(this).addClass("cat2");
    })
	$("#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16,#17,#18,#19,#20,#21,#22,#23,#24").mouseout(function(){
      $(this).removeClass("cat2");
	  $(this).addClass("cat");
    })
	$("#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16,#17,#18,#19,#20,#21,#22,#23,#24").click (function(){
		var n=$(this).attr("id");
		if (n<10){
			var nc="#ct0"+n;
			var fc="#f0"+n;
		} else {
			var nc="#ct"+n;
			var fc="#f"+n;
		};
		$(".gla_prod").remove();
		$(".flecha_c").html('<img src="../imag/bullets/fclose.gif" width="15" height="15" />');
		$("<div class='gla_prod' id='" + nc  + "'></div>").insertAfter(this);
		$(fc).html('<img src="../imag/bullets/fopen.gif" width="15" height="15" />');
		//Comienza la llama de AJAX
		$.ajax({
           async:true,
           type: "POST",
           dataType: "html",
           contentType: "application/x-www-form-urlencoded",
           url:"prod.php",
		   data:{ide:n},
		   success:cargaDatos,
           timeout:8000
         }); 
		function cargaDatos(datos){
			$(".gla_prod").html(datos);
        	$(".gla_prod").slideDown("slow");
		}
		//Finaliza la llamada de AJAX
	});
	
 });