// Use jQuery

$(document).ready(function () {

// --------------------------------- GALLERY
$(function(){
 
 var gallery_options_home = {
    play: 5000,
    effect: 'fade',
    crossfade: true,
    preload: true,
    preloadImage: '/images/ajax-loader.gif',
    generateNextPrev: false,
    generatePagination: false
 };
 
 
 var gallery_portfolio_options = {
     preload: true,
     effect: 'fade',
     crossfade: true,
     preloadImage: '/images/ajax-loader.gif',
     generateNextPrev: true,
     pagination: true,
     generatePagination: true,
     paginationClass: 'pagination'
  };
 
  $('#content.portfolio .slides').slides(gallery_portfolio_options);
  $('#content.home .slides').slides(gallery_options_home);
  
  $('.js-needed').hide();
  //$('.slide a').append('<span class="zoom">zoom</span>');
  
  $('a.next, a.prev, span.zoom').css({ opacity: 0 });

  $("a.next").hover(
     function () {
       $(this).fadeTo(200, 1);
     }, 
     function () {
       $(this).fadeTo(200, 0);
     }
   );
  
  $("a.prev").hover(
    function () {
      $(this).fadeTo(200, 1);
    }, 
    function () {
      $(this).fadeTo(200, 0);
    }
  );
  
  /*
  $("span.zoom").hover(
    function () {
      $(this).fadeTo(200, 1);
    }, 
    function () {
      $(this).fadeTo(200, 0);
    }
  );
  */

});

// --------------------------------- HOME CLICK
$("#content.home .slide a").click(function (e) {
  e.preventDefault();
});


// --------------------------------- FANCYBOX

$('#content.portfolio .slide a').fancybox({
  'padding' : 0,
  'margin' : 125,
  'autoScale' : true,
  'transitionIn' : 'fade',
  'transitionOut' : 'fade',
  'centerOnScroll' : true,
  'titlePosition' : 'outside',
  'overlayColor' : '#000',
  'overlayOpacity' : "0.9"
});

});