$(document).ready(function(){
	$.getJSON("http://www.bacanalnica.com/galerias_json.php?keyword=matrixx&start=0&end=30&jsoncallback=?",
        function(data){
		   output = '';
		   $.each(data.items, function(i,item){
              output += '<li><a href="'+item.permalink+'" target="_blank">'+item.nombre+'</a><br /><a href="'+item.permalink+'" target="_blank"><img src="'+item.thumbnail+'" border="0" /></a><br />'+item.fecha+'</li>';
           });
	       $("#carrusel_galerias").append(output);
	       $('#carrusel_galerias').jcarousel({
             scroll:5,
			 vertical:false,
			 visible:5
           });
        });
	
   $('#carrusel_eventos').jcarousel({
      scroll:4,
      vertical:false,
      visible:4
   });
   
   $("#carrusel_eventos").css({display:"block",width:"auto"});
   $("#carrusel_galerias").css({display:"block",width:"auto"});
   
   todas_galerias(30, 24, 'inicio');
   
});
   
   function todas_galerias(start, end, esta)
   {
      url = 'http://www.bacanalnica.com/galerias_json.php?keyword=matrixx&start='+start+'&end='+end+'&jsoncallback=?';
	  $.getJSON(url,
        function(data){
           output = '<div><h2>Todas las galerias</h2>';
		   
		   galerias = Array();
		   h = 0;
		   $.each(data.items, function(i,item){
              galerias[h] = '<table border="0" cellpadding="5"><tr><td align="center"><a href="'+item.permalink+'" target="_blank">'+item.nombre+'</a></td></tr><tr><td align="center"><a href="'+item.permalink+'" target="_blank"><img src="'+item.thumbnail+'" border="0" /></a></td></tr><tr><td align="center">'+item.fecha+'</td></tr></table>';
			  h++;
           });
		   
		   output += hacer_tabla(galerias);
		   
		   total = parseInt(data.total);
		   output += hacer_paginacion(total, esta, end);
		   
		   $("#todas_galerias").html(output)
        });
   }
   
   function hacer_tabla(galerias)
   {
	   final = "<tr>\n";
       counter = 0;
       thumbs_fila = 5;

       for ( var galeria in galerias)
	   {
		   if (counter == thumbs_fila)
		   {
			   counter = 1;
			   final += "\n</tr>\n<tr>\n";
		   }
		   else
		   {
			   counter++;
		   }
	
		   final += "\t<td>"+galerias[galeria]+"</td>\n";
	   }
	   if (counter)
	   {
		   if (thumbs_fila - counter)
		   {
			   final += "\t<td colspan='"+(thumbs_fila - counter)+"'>&nbsp;</td>\n";
		   }
	   }
	   
	   final += "</tr>";
	   
	   table = "<table align=\"center\" cellspacing=\"20\">"+final+"</table>";
	   
	   return table;
   }
   
   function hacer_paginacion(total_galerias, esta, por_pagina)
   {
	   paginacion = '<p align="center">P&aacute;ginas: ';
	   
	   if ((total_galerias % por_pagina == 0))
	   {
		   total_paginas = total_galerias / por_pagina;
	   }
	   else
	   {
		   total_paginas = Math.floor((total_galerias / por_pagina) + 1);
	   }
	   
	   if (esta == 'inicio')
	   {
		   esta = total_paginas;
	   }
	   
	   i = total_paginas;
	   paginas = Array();
	   for (j = 1; j <= total_paginas; j++)
	   {
		   paginas[j] = i;
		   i--;
	   }
	   
	   if (esta == total_paginas)
	   {
		   paginacion += "&lt;&lt; Anterior ";
	   }
	   else
	   {
		   anterior = esta + 1;
		   start = paginas[anterior] * por_pagina - (por_pagina);
		   paginacion += '<a href="javascript:void(0);" onclick="todas_galerias('+start+', '+por_pagina+', '+anterior+');">&lt;&lt; Anterior</a> ';
	   }
	   
	   maximo_paginas = 15;
	   
	   if ((maximo_paginas % 2) == 0)
	   {
		   maxp = maximo_paginas / 2;
	   }
	   else
	   {
		   maxp = (maximo_paginas + 1) / 2;
	   }
	   
	   if (maxp > total_paginas || (esta + maxp > total_paginas))
	   {
		   i = total_paginas;
	   }
	   else
	   {
		   i = esta + maxp;
	   }
	   
	   minp = esta - maxp;
	   
	   if (minp < 1)
	   {
		   minp = 1; 
	   }
	   
	   for (i; i >= minp; i--)
	   {
		   if (i == esta)
		   {
			   paginacion += i+" ";
		   }
		   else
		   {
			   start = paginas[i] * por_pagina - (por_pagina);
			   paginacion += '<a href="javascript:void(0);" onclick="todas_galerias('+start+', '+por_pagina+', '+i+');">'+i+'</a> ';
		   }
	   }
	   
	   if (esta == 1)
	   {
		   paginacion += "Pr&oacute;xima &gt;&gt; ";
	   }
	   else
	   {
		   proxima = esta - 1;
		   start = paginas[proxima] * por_pagina - (por_pagina);
		   paginacion += '<a href="javascript:void(0);" onclick="todas_galerias('+start+', '+por_pagina+', '+proxima+');">Pr&oacute;xima &gt;&gt;</a> ';
	   }
	   
	   paginacion += '</p></div>';
	   
	   return paginacion;
   }
   
   function box1b()
   {
	   $("#box2").slideUp("fast");
	   $("#box3").slideUp("fast");
	   $("#box1b").slideDown("slow");
   }
   
   function box2b()
   {
	   $("#box1").slideUp("fast");
	   $("#box3").slideUp("fast");
	   $("#box2").animate({left: "0px"}, "slow" );
	   $("#box2b").slideDown("slow");
   }
   
   function box3b()
   {
	   $("#box2").slideUp("fast");
	   $("#box1").slideUp("fast");
	   $("#box3").animate({left: "0px"}, "slow" );
	   $("#box3b").slideDown("slow");
   }
   
   function boxall()
   {
	   $("#box1b").fadeOut("fast");
	   $("#box2b").fadeOut("fast");
	   $("#box3b").fadeOut("fast");
	   
	   $("#box1").css({left:0+'px'});
	   $("#box1").slideDown("slow");
	   
	   $("#box2").css({left:258+'px'});
	   $("#box2").slideDown("slow");
	   
	   $("#box3").css({left:516+'px'});
	   $("#box3").slideDown("slow");
   }