var pageSize = 8;
    var currentPage = 1;
    var lastPage = 1;
    var idGaleria = 0;
    
    
    jQuery.noConflict();
    
    
    
    jQuery(document).ready(function() {
          
         jQuery("#MainPhoto").hide();
         
    });
  
  

function ObtenerAudioGaleria(page,idGaleria) 
{


if (page == 1)
{
 this.currentPage = 1;
}

this.idGaleria = idGaleria;
ObtenerNumeroAudiosXGaleria(idGaleria);

 jQuery.ajax({
  type: "POST",
  url: "/Audio.aspx/ObtenerGaleria",
  data: "{'pageSize':'" + pageSize + "','page':'" + page + "','idGaleria':'" + idGaleria + "'}",
  contentType: "application/json; charset=utf-8",
  dataType: "json",
  success: function(msg) {
      ApplyTemplate(msg.d);
    }

});





}


function ObtenerNumeroAudiosXGaleria(idGaleria)
{

  jQuery.ajax({
    type: "POST",
    url: "/Audio.aspx/NumeroAudiosXGaleria",
    data: "{'galeria':'" + idGaleria + "'}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(msg) {
      lastPage = Math.ceil(msg.d / pageSize);
     UpdatePaging();
      
    }
  });
}

function UpdatePaging()
{

if (currentPage == 1)
{
     jQuery('#lnkAnterior').unbind('click');
}
else
{
    jQuery("#lnkAnterior").bind("click", PrevPage);
}


if (currentPage == lastPage)
{
jQuery('#lnkSiguiente').unbind('click');
}
else
{
jQuery('#lnkSiguiente').bind('click',NextPage);
}
 
}

function NextPage(evt) {
  evt.preventDefault();
  ObtenerAudioGaleria(++currentPage,idGaleria);
}

function PrevPage(evt) {
  evt.preventDefault();
  ObtenerAudioGaleria(--currentPage,idGaleria);
}




function ApplyTemplate(msg) 
{
 jQuery('#Container').fadeIn("slow");
 jQuery('#Container').setTemplateURL('/Templates/GaleriaAudio.htm');
 jQuery('#Container').processTemplate(msg);
 
 
 
    
if (msg != "")
{
    jQuery("#MainPhoto").show();
    MostrarVideo(msg[0].IdFichero);
}
else
{
  jQuery("#MainPhoto").hide();
}


  
  Videobox.init();

}




function MostrarVideo(idVideo)
{
  jQuery("#ImagenGrande").attr("src","/img/video.gif");

   var titulo =jQuery("#Galeria" + idGaleria).text();
   jQuery("#Titulo").text(titulo);
   var pie = jQuery("#" + idVideo).text();
   jQuery("#ltlPie").text(pie);
   
       jQuery("#Box").attr("href","/FicheroVideos/" + idVideo + ".mp3");
       jQuery("#ampliar").attr("href","/FicheroVideos/" + idVideo + ".mp3");
  
       jQuery("#Box").attr("rel","vidbox 640 360");
       jQuery("#ampliar").attr("rel","vidbox 640 360");
       Videobox.init();
}