$(document).ready(function() {
  $('.nav li').mouseover(function() {
    var rel = $(this).attr('rel');
    $('.subnav').hide();
    $('#subnav_' + rel).show();
  });

  $('.nav li').mouseout(function(e) {
    var cur_off = $('.nav').offset();
    var f_off = $('.nav li:first').offset();
    var l_off = $('.nav li:last').offset();
    var l_width = $('.nav li:last').width();

    var upper = Number(e.pageY) <= cur_off['top'];
    var right_than_last = Number(e.pageX) <= f_off['left'];
    var left_than_first = Number(e.pageX) >= l_off['left'] + l_width;

    var should_hide = upper || ((right_than_last || left_than_first) && upper)

    if (should_hide) { $('.subnav').hide(); }
  });

  $('.subnav').mouseleave(function() {
    var rel = $(this).attr('rel');
    $('.subnav').hide();
  });
  
  $('#request').overlay({effect: 'apple'});
  $('#feedback form .submit').click(function(e) {
    $('#feedback form input, #feedback form textarea').removeClass('invalid');    
    $('#feedback form input, #feedback form textarea').each(function() {
        if ($(this).val() == '') {
        $(this).addClass('invalid')
        e.preventDefault();
      }
    });
  });
  
  $('.images').scrollable({ size: 4 });
  
  $('.images .image a').click(function(e) {
    e.preventDefault();
    $('.images .image img').removeClass('active');
    $(this).find('img').addClass('active');
    $('#image img').attr('src', $(this).attr('rel'));
    $('#image p.description').html($(this).attr('title'));
  });
});