var currentImages;

try {
  document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}

$(document).ready(function() {
  $('#navigation li a').click(function() {
    $.scrollTo($(this).attr('href'), 1000, { offset: { top: -125, left: 0 } } );
    return false;
  });

  $('.content a[href^="#"]').click(function() {
    $.scrollTo($(this).attr('href'), 1000, { offset: { top: -125, left: 0 } } );
    return false;
  });

  $(".content .studio a").unbind('click');
  $(".content .contact a").unbind('click');
  $(".content .jobs-intro a").unbind('click');
  $(".content .jobs-list a").unbind('click');
  $(".content .jobs-contact a").unbind('click');
  $(".caption .caption-text a").unbind('click');

  $('h1 a').click(function() {
    $.scrollTo($(this).attr('href'), 1000, { offset: { top: -70, left: 0 } } )
    return false;
  });

  // Init slider
  $('.slider').serialScroll({
    cycle: true,
    items: 'li',
    duration: 500,
    offset: { left: -$('h1#works').position().left - 160, top: 0 }
  });
  $('.slider ul').append('<li><div style="display:block; width: 460px;">&nbsp;</li>');
  $('.slider').trigger( 'next' );
  $('div.caption p.caption-text').html($('.slider li[name=2]').find('p.caption-text').html());
  $('.slider li[name=2]').addClass('current');


  $('.slider ul').css( { marginLeft: '0' } );

  $('.slider li').click(function() {
    var next = $('li[name="'+(parseInt($(this).attr('name')) - 1) +'"]');

    if($(this).hasClass('current')) {
      // clicked on the current one, do not move
      var currentUrl = $(this).attr('data-large');
      currentImages = [];

      $.each(portfolioImages, function(index, value) {
        // window.console.log(currentUrl + "   vs.  " + value);
        if(value != currentUrl && value != "") {
          currentImages.push(value);
        }
      });

      currentImages.unshift(currentUrl);

      $.fancybox(currentImages, {
          'padding'           : 0,
          'transitionIn'      : 'fade',
          'transitionOut'     : 'fade',
          'type'              : 'image',
          'changeFade'        : 0
      });
    } else if(next.length > 0) {
      $('.slider li').removeClass('current');
      $(this).addClass('current');
      $('.slider').trigger( 'goto', [ parseInt($(this).attr('name')) - 1 ] );
      $('div.caption div.pages span.current').html($(this).attr('name'));
      $('div.caption p.caption-text').html($(this).find('p.caption-text').html());
    }
  });

  position_navigation();

  $(window).bind('resize', function() {
    position_navigation();
  });

  $('.validate').bind('textchange', function() {
    if(verifyContactForm()) {
      $('input[type="submit"]').attr('disabled', false).removeClass('disabled');
    }
  });
});


function slideshow_jumpTo(element) {
  $('.slider').trigger( 'goto', [ parseInt($('li.file_' + element).attr('name')) -1  ] )

  loadImages($('li.file_' + element));
}

function position_navigation() {
  var left = $('.content .block.intro p.grid_5').position().left;

  $('#navigation').css('left', left);
  $('.border').css('left', $('.content .block.intro h1').position().left +160);
}

function verifyContactForm() {
  var valid = true;

  $('.validate').each(function() {
    if( $.trim($(this).val()) == "" ) {
      $(this).parents('p').addClass('error');
      valid = false;
    }
    else {
      $(this).parents('p').removeClass('error');
    }
  });

  return valid;
}