$(document).ready(
  function() {
    var applyHover = function(divID) {
      var innerString = '#' + $(divID).attr('id') + '_inner';
      var inner = $(innerString);

      $(divID).hover(
        function() {
          inner.stop('true', 'true').fadeIn('fast');
        },
        function() {
          inner.stop('true', 'true').fadeOut('fast');
        }
      );
    };

    applyHover('#home_change');
    applyHover('#home_success');
    applyHover('#home_mission');
    applyHover('#home_shirts');
    applyHover('#about_services');
    applyHover('#about_story');
    applyHover('#projects_skate');
    applyHover('#projects_rock');
    applyHover('#projects_tie');
    applyHover('#projects_goals');
    applyHover('#projects_pizza');
    applyHover('#projects_grade');
    applyHover('#services_graphic');
    applyHover('#services_marketing');
    applyHover('#services_consulting');
    applyHover('#services_webdesign');
    applyHover('#services_funding');
    applyHover('#services_volunteers');
    applyHover('#follow_wordpress');
    applyHover('#follow_facebook');
    applyHover('#follow_twitter');
    applyHover('#follow_youtube');

    var currentProject = 0;

    var projects = [[0, '#projects_skate', 'images/projects_skate_popup.png', '#skate_text'],
                    [1, '#projects_rock', 'images/projects_rock_popup.png', '#rock_text'],
                    [2, '#projects_tie', 'images/projects_tie_popup.png', '#tie_text'],
                    [3, '#projects_goals', 'images/projects_goals_popup.png', '#goals_text'],
                    [4, '#projects_pizza', 'images/projects_pizza_popup.png', '#pizza_text'],
                    [5, '#projects_grade', 'images/projects_grades_popup.png', '#grade_text']];

    var addModal = function(projID) {
      var divID = projects[projID][1];
      var imgSrc = projects[projID][2];
      var textDiv = projects[projID][3];
      $(divID).click(function() {
        currentProject = projID;
        $('#projects_popup_image').css('background-image', 'url(' + imgSrc + ')');
        $('#projects_popup_text div').removeClass('active');
        $(textDiv).addClass('active');
        $("#projects_popup").modal({onOpen: function (dialog) {
	  dialog.overlay.fadeIn('slow', function () {
	    dialog.data.hide();
	    dialog.container.fadeIn('slow', function () {
	      dialog.data.slideDown('slow');
	    });
	  });
        }});
      });
    };

    for (var index in projects) {
      addModal(index);
    }

    $("#projects_popup_close").click(function() {
                                       $.modal.close();
                                     });

    var switchProject = function(projID) {
      var imgSrc = projects[projID][2];
      var textDiv = projects[projID][3];
      $('#projects_popup_image').fadeOut('fast', function() {
        $('#projects_popup_image').css('background-image', 'url(' + imgSrc + ')');
        $('#projects_popup_text div').removeClass('active');
        $(textDiv).addClass('active');
        $('#projects_popup_image').fadeIn('fast');
      });
    };

    $("#projects_popup_up").click(function() {
                                    if (currentProject == 0) {
                                      currentProject = 5;
                                    } else {
                                      currentProject = currentProject - 1;
                                    }
                                    switchProject(currentProject);
                                  });

    $("#projects_popup_down").click(function() {
                                      currentProject = (currentProject + 1) % 6;
                                      switchProject(currentProject);
                                    });

    $("#contact_form_form").submit(function() {
                                       if ($('#contact_form_name').val() == '' ||
                                           $('#contact_form_email').val() == '' ||
                                           $('#contact_form_message').val() == '') {
                                         alert('Please fill out every field');
                                         return false;
                                       }
                                       return true;
                                   });

    $("#change_form_form").submit(function() {
                                    if ($('#change_form_name').val() == '' ||
                                        $('#change_form_email').val() == '') {
                                      alert('Please fill out every field');
                                      return false;
                                    }
                                    return true;
                                  });
});