/*
 * Site specific code
 */

var Site = Site || {};

Site.activePage = '';
Site.slider = undefined;

Site.init = function(){

  this.initNav();
  this.initCbox();
  this.initSlider();

  
}

Site.initNav = function(){
  
  // main nav
  $('#nav a').click( function(e){
    var t = $(this).attr('data-rel');
    Site.show2(t);
    e.preventDefault();
  });
  
}

Site.initSlider = function(){
  
  Site.slider = $('.flexslider').flexslider({
    slideshow: false,
    animation: 'slide',
    animationLoop: false,
    directionNav: false,
    controlNav: false
  });
  
  
  
}

Site.show2 = function(page){
  
  if( page == 'about'){
    $.flexslider.goTo(0);
  }
  if( page == 'portfolio' ){
    $.flexslider.goTo(1);
  }  
  if( page == 'contact'){
    $.flexslider.goTo(2);
  }
  
}

Site.show = function(page){
  
  var offset = 2000;
  var duration = 400;

  $('.page').show();

  if( page == 'about'){
    $('#about').show();
    $('#about').animate({
      left: 0
    }, {
      duration: duration
    } );
    $('#portfolio').animate({
      left: offset
    }, {
      duration: duration, 
      complete : function(){
        $('#portfolio').hide();
      }
    } );
  $('#contact').animate({
    left: offset
  }, {
    duration: duration, 
    complete : function(){
      $('#contact').hide();
    }
  } );
}

if( page == 'portfolio'){
  $('#portfolio').show();
  $('#about').animate({
    left: (-1 * offset)
  }, {
    duration: duration, 
    complete : function(){
      $('#about').hide();
    }
  } );
$('#portfolio').animate({
  left: 0
}, {
  duration: duration
} );
$('#contact').animate({
  left: offset
}, {
  duration: duration, 
  complete : function(){
    $('#contact').hide();
  }
} );

}

if( page == 'contact'){
  $('#contact').show();
  $('#about').animate({
    left: (-1 * offset)
  }, {
    duration: duration, 
    complete : function(){
      $('#portfolio').hide();
    }
  } );
$('#portfolio').animate({
  left: (-1 * offset)
  }, {
  duration: duration, 
  complete : function(){
    $('#portfolio').hide();
  }
} );
$('#contact').animate({
  left: 0
}, {
  duration: duration
} );
}

Site.activePage = page;
  
  
}

Site.initCbox = function(){
  
  var cBoxSettings = {
    maxWidth: '90%'
  };
  
  // galleries
  $('.colorbox').each(function(){
    var settings = cBoxSettings;
    settings.rel = $(this).attr('data-rel');
    $(this).colorbox(settings);
  });
  
}//initCbox


$(document).ready(function(){
  
  $('body').removeClass('no-js');
  
  Site.init();
  
});