$(document).ready(function() {
	
    // scroll visor + pagina
  	$('#main').animate({top:0}, {queue:false, duration:1});
    $('#main_navi li').click(function () {
      var numItems = $('#main_navi li').length;
      var llimit = numItems-6
      var indexLi = $('#main_navi li').index(this);
	  if (numItems > 6){
        topMain = (indexLi < llimit)? indexLi*76 : (llimit)*76 ;
        $('#main').animate({top:(topMain)}, {queue:false, duration:1000});
        $('html,body').animate({scrollTop: (topMain)}, {queue:false, duration:1000});
      }
    });


    // navegador d'imatges i projectes
    $("#main").scrollable({
    	vertical: true,
    	size: 1,
    	clickable: false,
    	globalNav: false,
    	keyboard: 'static',
    	onSeek: function(event, i) {
    		//horizontal.scrollable(i).focus();
    	}
    }).navigator("#main_navi");
    var horizontal = $(".scrollable").scrollable({size: 1})/*.circular()*/.navigator();
    horizontal.eq(0).scrollable().focus();

    $("div.page").prepend('<div class="indicador"><span class="quinNum">1</span> / <span class="deQuants"></span></div>');
    $("div.page").prepend('<div class="botonsAvance"><a class="antes"></a><a class="despues"></a></div>');
    $("div.navi").each(function (i) {
      $.quans = $(this).children("a");
      $(this).siblings(".indicador").children("span.deQuants").html($.quans.length)
    });
    var numGalerias = $(".scrollable").length;
    $.apis = [];
    for (i=0; i<numGalerias; i++){
      $.apis[i] = $(".scrollable").eq(i).scrollable({size: 1, api: true});
      enumera($.apis[i],i);
      enrrera(i,$.apis[i]);
      envant(i,$.apis[i]);
    };
    function enumera(ref,quinIndicador) {
      ref.onSeek = function(){
        tots = ref.getItems()
        num = ref.getIndex()+1;
        numFin = num;
        $("span.quinNum").eq(quinIndicador).html(numFin)
      }
    };
    function envant(boto,ref) {
      $(".despues").eq(boto).click(function () {
        ref.next();
      });
    };
    function enrrera(boto,ref) {
      $(".antes").eq(boto).click(function () {
        ref.prev();
      });
    };

  	$(".items img:not(.primeraFoto)").tooltip({
  		position: "bottom center",
  		opacity: 0.75,
      effect: 'slide',
      bounce: true,
      slideOffset: 80,
      delay: 1000,
  		relative: true
  	});

  	$(".items img.primeraFoto").tooltip({
  		position: "bottom center",
  		opacity: 0.75,
      effect: 'slide',
      bounce: true,
      slideOffset: 160,
      delay: 1000,
  		relative: true
  	});

    $("div.descripcionProd").css({'height':'160px'}).show();


  });