homepage = {
  current: -1,

  portfolio:
  [
    [
      { img: "bernistaba-lv" },
      { img: "handbooks-lv" },
      { img: "prakse-lv" }
    ],
    [
      { img: "marix-lv" },
      { img: "moderator-lv" },
      { img: "siltumacentrs-lv" }
    ],
    [
      { img: "dzerves-lv" },
      { img: "bmsbaltic-eu" },
      { img: "microshop-lv" }
    ],
    [
      { img: "sacco-lv" },
      { img: "sirius-centrs-lv" },
      { img: "delamon-eu" }
    ]
  ],

  showNextSet: function()
  {
    homepage.current = (homepage.current + 1) % homepage.portfolio.length;
    for (var index = 0; index < 3; index++)
    {
      var img = homepage.portfolio[homepage.current][index].img;

      $("#m-portfolio-majaslapa-" + (index + 1)).html(
          '<a class="fancybox" rel="majaslapas" href="/images/homepage/portfolio/' + img + '.png">'
        + '<img src="/images/homepage/portfolio/thumbnails/' + img + '.png" />'
        + '</a>'
      );

      $("#m-portfolio-majaslapa-" + (index + 1) + " a img").delay(150 + index * 100).fadeIn();
    }

    homepage.fancybox();
  },

  showPreviousSet: function()
  {
    homepage.current = (homepage.current + homepage.portfolio.length - 2) % homepage.portfolio.length;

    homepage.showNextSet();
  },

  fancybox: function()
  {
    $("a.fancybox").fancybox({
      titleShow: false,
      transitionIn: 'elastic',
      transitionOut: 'elastic',
      easingIn: 'easeOutBack',
      easingOut: 'easeInBack',
      cyclic: true,
      speedIn: 300,
      speedOut: 300,
      changeSpeed: 300,
      overlayShow: true,
      overlayColor: '#000',
      overlayOpacity: 0.3,
      hideOnOverlayClick: true,
      hideOnContentClick: true
    });
  }
}

$(function() {
  homepage.showNextSet();
});