var visorDP = {
  itemW: 600,
  itemH: 400,
  itemMarg: 0,
  itemAct: 0,
  itemArr: [],
  numItems: 0,

  init: function() {

    visorDP.itemAct = 0;
    visorDP.itemArr = $('li.item a.quartNivell');
    visorDP.numItems = visorDP.itemArr.length; // nš elements des visor

    titulFeina = visorDP.itemArr[0].title.split(':');
    $('#panellSuperior span.apartat').html('Digital Point');
    $('#panellSuperior span.client').html(titulFeina[0]);
    $('#panellSuperior span.descripFeina').html(titulFeina[1]);
    $('#llistaItems li a.quartNivell').hide(); // amaga es continguts de "a"
    $(".first, .next, .prev").hide();

    distMoure = visorDP.itemW + visorDP.itemMarg;
//    $('#contItems, #panellInferior').hide();
    $(".visorFotosDP").width(visorDP.itemW+"px"); // redimensiona es Contenidor
    $("#contItems .item").width(visorDP.itemW + "px").css({marginRight:visorDP.itemMarg+'px'}); // redimensiona cada Item
    $("#contItems").width(visorDP.numItems * distMoure + "px"); // redimensiona es contenidor de feines a s'ample total de feines
    $("#contItems").css("left","0px");

    $("span.numAct").text(visorDP.itemAct+1);
    $("span.totalItem").text(visorDP.numItems);

    if (visorDP.numItems > 1) {
      $(".next").show(); // mostra boto "previous"
    }
    moviment = false;
    $('#contItems div.labs a').lightbox();
    $('#contItems div.labs, #contItems div.urlWeb').fadeTo("fast", 0.6);
    
    $('#contItems div.labs, #contItems div.urlWeb').hover(
      function(){
      $(this).fadeTo("fast", 1);
      }
      ,function(){
      $(this).fadeTo("slow", 0.6);
    });
    
    
  },

  botonsOn: function() {
    $(".next").click(function() {
      if (moviment == false) {
        moviment = true;
        mouVisor = parseInt($("#contItems").css("left")) - distMoure; // punt a on moure sa capa
        if (visorDP.itemAct < visorDP.numItems) {
          $("#contItems").animate({left: mouVisor}, 'normal', function() { // mou ses "noticies/fotos"
            $(".prev, .first").show();
            visorDP.itemAct ++;
            $("span.numAct").text(visorDP.itemAct+1);
            if (visorDP.itemAct+1 == visorDP.numItems) {
              $(".next").hide(); // si es sa darrera amaga boto "next"
            }
            moviment = false;
          });
        }
      }
      else {moviment = false;}
      titulFeina = visorDP.itemArr[visorDP.itemAct+1].title.split(':');
      $('#panellSuperior span.client').html(titulFeina[0]);
      $('#panellSuperior span.descripFeina').html(titulFeina[1]);
      return false;
    });

    $(".prev").click(function() {
      if (moviment == false) {
        moviment = true;
        mouVisor = parseInt($("#contItems").css("left")) + distMoure; // punt a on moure sa capa
        if (visorDP.itemAct > 0) {
          $("#contItems").animate({left: mouVisor}, 'normal', function() { // mou ses "noticies/fotos"
            $(".next").show();
            visorDP.itemAct --;
            $("span.numAct").text(visorDP.itemAct+1);
            if (visorDP.itemAct == 0) {
              $(".prev, .first").hide(); // si es sa primera amaga boto "previous"
            }
            moviment = false;
          });
        }
      }
      else {moviment = false;}
      titulFeina = visorDP.itemArr[visorDP.itemAct-1].title.split(':');
      $('#panellSuperior span.client').html(titulFeina[0]);
      $('#panellSuperior span.descripFeina').html(titulFeina[1]);
      return false;
    });

    $.mouVisor = function(parametres) {
      if (moviment == false && parametres <= visorDP.numItems) {
        moviment = true;
        distancia = -(parametres) * distMoure;
        visorDP.itemAct = parametres;
        $("#contItems").animate({left: distancia}, 'normal', function() {  // mou ses "noticies/fotos" a un punt
          $("span.numAct").text(visorDP.itemAct+1);
          $(".next, .prev, .first").show();
          if (visorDP.itemAct+1 == 1) {
            $(".prev, .first").hide();
          }
          if (visorDP.itemAct+1 == visorDP.numItems) {
            $(".next").hide();
          }
          moviment = false;
        });
      }
      else {moviment = false;}
      titulFeina = visorDP.itemArr[visorDP.itemAct].title.split(':');
      $('#panellSuperior span.client').html(titulFeina[0]);
      $('#panellSuperior span.descripFeina').html(titulFeina[1]);
      return false;
    };
  }
  
};