/*
 * Nav 0.1 - Funciones de Navegacion Dinamica
 * By Christian Torres 
 * Using jquery
*/

pg = 0;
load = false;
clic = true;
$(document).ready( function() {
  $(document).ajaxStart(function(){
    if(clic==true) {
      $("#blobs").html("<span id=\"loading\">Cargando...</span>"); 
      if(!load) {
        $("ul.menunavegacion li a.linkmenu").each(function(i) {
          $(this).attr("href","/#"+$(this).attr("href").substr(6));
          $(this).click(function() {
            clic = true;
            $("#blobs").load("/html/"+$(this).attr("href").substr(2)+".html");
          });
        });
        load = true;
      }
    }
  });
  $("#blobs").load("/html/ultimas.html");
  $(document).ajaxStop(function(){ 
    if(clic) {
      if($("#blobs div.page").length) {
        str = '<ul><li class="flechas"><a href="#prev" class="prev" ><img src="/images/atras.png" width="9" height="11"  alt=""  /></a></li>';
        for (i=1;i<=$("#blobs div.page").length;i++) {
          str += '<li class="num-'+i+((i==1)?' active':'')+'"><a href="#'+i+'" class="link">'+i+'</a></li>';
        } 
        pg = 1;
        str += '<li class="flechas"><a href="#next" class="next" ><img src="/images/alante.png" width="9" height="11" alt=""/></a></li></ul>';
        $("div.paginador").html(str);
        $(".next").click (function() {
          $("#page-"+pg).hide("slow");
          $(".num-"+pg).removeClass("active");
          if(pg<$("#blobs div.page").length) pg++;
          else pg = 1;
          $(".num-"+pg).addClass("active");
          $("#page-"+pg).show("slow");
        });
        $(".prev").click (function() {
          $("#page-"+pg).hide("slow");
          $(".num-"+pg).removeClass("active");
          if(pg<=1) pg = $("#blobs div.page").length;
  	  else pg--;
          $(".num-"+pg).addClass("active");
          $("#page-"+pg).show("slow");
        });
        $(".link").click (function() {
          $("#page-"+pg).hide("slow");
          $(".num-"+pg).removeClass("active");
  	  pg = $(this).attr("href").substr(1);
          $(".num-"+pg).addClass("active");
          $("#page-"+pg).show("slow");
        });
      } else {
        $("div.paginador").html('');
      }
      clic = false;
    }
  });
});