// preload images into browser
var homeImage1 = new Image();
homeImage1.src = 'images/home+.gif';
var homeImage2 = new Image();
homeImage2.src = 'images/home.gif';
var aboutImage1 = new Image();
aboutImage1.src = 'images/about+.gif';
var aboutImage2 = new Image();
aboutImage2.src = 'images/about.gif';
var recipientsImage1 = new Image();
recipientsImage1.src = 'images/recipients+.gif';
var recipientsImage2 = new Image();
recipientsImage2.src = 'images/recipients.gif';

$(document).ready(function() {

// Right primary navigation hover js

$('#home_button').hover(
    function() {
      $('#home_button').attr('src', homeImage1.src);
      },
    function() {
      $('#home_button').attr('src', homeImage1.src);
      }); // end home_button hover()
      
$('#home_button2').hover(
    function() {
      $('#home_button2').attr('src', homeImage1.src);
      },
    function() {
      $('#home_button2').attr('src', homeImage2.src);
      }); // end home_button2 hover()
      
$('#home_button3').hover(
    function() {
      $('#home_button3').attr('src', homeImage1.src);
      },
    function() {
      $('#home_button3').attr('src', homeImage2.src);
      }); // end home_button3 hover()      
      
$('#about_button').hover(
    function() {
      $('#about_button').attr('src', aboutImage1.src);
      },
    function() {
      $('#about_button').attr('src', aboutImage1.src);
      }); // end about_button hover()
      
 $('#about_button2').hover(
    function() {
      $('#about_button2').attr('src', aboutImage1.src);
      },
    function() {
      $('#about_button2').attr('src', aboutImage2.src);
      }); // end about_button2 hover()
      
$('#about_button3').hover(
    function() {
      $('#about_button3').attr('src', aboutImage1.src);
      },
    function() {
      $('#about_button3').attr('src', aboutImage2.src);
      }); // end about_button3 hover()      
      
$('#recipients_button').hover(
    function() {
      $('#recipients_button').attr('src', recipientsImage1.src);
      },
    function() {
      $('#recipients_button').attr('src', recipientsImage1.src);
      }); // end recipients_button hover()
      
$('#recipients_button2').hover(
    function() {
      $('#recipients_button2').attr('src', recipientsImage1.src);
      },
    function() {
      $('#recipients_button2').attr('src', recipientsImage2.src);
      }); // end recipients_button2 hover()
      
$('#recipients_button3').hover(
    function() {
      $('#recipients_button3').attr('src', recipientsImage1.src);
      },
    function() {
      $('#recipients_button3').attr('src', recipientsImage2.src);
      }); // end recipients_button3 hover()      
      
// Home Buttons action -Show #home_Content div     
      
$('#home_button').click(
    function(evt) {
      $('#homeContent').show();
      $('#aboutContent').hide();
      $('#recipientsContent').hide();
      $('#footer').css('padding-top', '606px');
      $(document).scrollTop('0px');
      $('html').scrollTop('0px');
      $('#events_header').hide();
      });
    
$('#home_button2').click(
    function(evt) {
      $('#homeContent').show();
      $('#aboutContent').hide();
      $('#recipientsContent').hide();
      $('#footer').css('padding-top', '606px');
      $(document).scrollTop('0px');
      $('html').scrollTop('0px');
      $('#events_header').hide();
      });
    
$('#home_button3').click(
    function(evt) {
      $('#homeContent').show();
      $('#aboutContent').hide();
      $('#recipientsContent').hide();
      $('#footer').css('padding-top', '606px');
      $(document).scrollTop('0px');
      $('html').scrollTop('0px');
      $('#events_header').hide();
      }); 
      
// end show homeContent div

// About Buttons Action -Show #aboutContent div
    
$('#about_button').click(
    function(evt) {
      $('#homeContent').hide();
      $('#aboutContent').show();
      $('#recipientsContent').hide();
      $('#footer').css('padding-top', '658px');
      $(document).scrollTop('0px');
      $('html').scrollTop('0px');
      $('#events_header').hide();
      });
    
$('#about_button2').click(
    function(evt) {
      $('#homeContent').hide();
      $('#aboutContent').show();
      $('#recipientsContent').hide();
      $('#footer').css('padding-top', '658px');
      $(document).scrollTop('0px');
      $('html').scrollTop('0px');
      $('#events_header').hide();
      });
          
$('#about_button3').click(
    function(evt) {
      $('#homeContent').hide();
      $('#aboutContent').show();
      $('#recipientsContent').hide();
      $('#footer').css('padding-top', '658px');
      $(document).scrollTop('0px');
      $('html').scrollTop('0px');
      $('#events_header').hide();
      });
// end show aboutContent div

// Recipients Buttons Action -Show #recipientContent div
      
$('#recipients_button').click(
    function(evt) {
      $('#homeContent').hide();
      $('#aboutContent').hide();
      $('#recipientsContent').show();
      $('#footer').css('padding-top', '1320px');
      $(document).scrollTop('0px');
      $('html').scrollTop('0px');
      $('#events_header').hide();
      });
       
$('#recipients_button2').click(
    function(evt) {
      $('#homeContent').hide();
      $('#aboutContent').hide();
      $('#recipientsContent').show();
      $('#footer').css('padding-top', '1320px');
      $(document).scrollTop('0px');
      $('html').scrollTop('0px');
      $('#events_header').hide();
      });
         
$('#recipients_button3').click(
    function(evt) {
      $('#homeContent').hide();
      $('#aboutContent').hide();
      $('#recipientsContent').show();
      $('#footer').css('padding-top', '1320px');
      $(document).scrollTop('0px');
      $('html').scrollTop('0px');
      $('#events_header').hide();
      }); 
      
// end show recipientsContent div
 
//cursor behavior for main Nav buttons
$('#home_button').css('cursor', 'pointer');
$('#home_button2').css('cursor', 'pointer');
$('#home_button3').css('cursor', 'pointer');
$('#about_button').css('cursor', 'pointer');
$('#about_button2').css('cursor', 'pointer');
$('#about_button3').css('cursor', 'pointer');
$('#recipients_button').css('cursor', 'pointer');
$('#recipients_button2').css('cursor', 'pointer');
$('#recipients_button3').css('cursor', 'pointer');

//footer link behaviors

//home_link
 // #home_link hover
$('#home_link').hover(
    function() {
      $('#home_link').css('color', '#333333');
      $('#about_link').css('color', '#BCBDC0');
      $('#recipients_link').css('color', '#BCBDC0');
      $('#donate_link').css('color', '#BCBDC0');
      $('#events_link').css('color', '#BCBDC0');
    },   
    function() {
      $('#home_link').css('color', '#333333');
      $('#about_link').css('color', '#333333');
      $('#recipients_link').css('color', '#333333');
      $('#donate_link').css('color', '#333333');
      $('#events_link').css('color', '#333333');
      }); // end  #home_link hover()
      
 //#home_link action
$('#home_link').click(
    function(evt) {
      $('#homeContent').show();
      $('#aboutContent').hide();
      $('#recipientsContent').hide();
      $('#header').show();
      $('#events_header').hide();
      $('#footer').css('padding-top', '606px');
      $(document).scrollTop('0px');
      $('html').scrollTop('0px');
      evt.preventDefault();
      }); //End #home_link action
//End #home_link

// #about_link      
 // #about_link hover
$('#about_link').hover(
    function() {
      $('#home_link').css('color', '#BCBDC0');
  $('#about_link').css('color', '#333333');
      $('#recipients_link').css('color', '#BCBDC0');
      $('#donate_link').css('color', '#BCBDC0');
      $('#events_link').css('color', '#BCBDC0');
    },   
    function() {
      $('#home_link').css('color', '#333333');
      $('#about_link').css('color', '#333333');
      $('#recipients_link').css('color', '#333333');
      $('#donate_link').css('color', '#333333');
      $('#events_link').css('color', '#333333');
      }); // end  #about_link hover()
      
//#about_link action
$('#about_link').click(
    function(evt) {
      $('#homeContent').hide();
      $('#aboutContent').show();
      $('#recipientsContent').hide();
      $('#header').show();
      $('#events_header').hide();
      $('#footer').css('padding-top', '658px');
      $(document).scrollTop('0px');
      $('html').scrollTop('0px');
      evt.preventDefault();
      }); //End #about_link action
//End #about_link

// #recipients_link      
 // #recipients_link hover
$('#recipients_link').hover(
    function() {
      $('#home_link').css('color', '#BCBDC0');
      $('#about_link').css('color', '#BCBDC0');
      $('#recipients_link').css('color', '#333333');
      $('#donate_link').css('color', '#BCBDC0');
      $('#events_link').css('color', '#BCBDC0');
    },   
    function() {
      $('#home_link').css('color', '#333333');
      $('#about_link').css('color', '#333333');
      $('#recipients_link').css('color', '#333333');
      $('#donate_link').css('color', '#333333');
      $('#events_link').css('color', '#333333');
      }); // end  #recipients_link hover()
      
 //#recipients_link action
$('#recipients_link').click(
    function(evt) {
      $('#homeContent').hide();
      $('#aboutContent').hide();
      $('#recipientsContent').show();
      $('#header').show();
      $('#events_header').hide();
      $('#footer').css('padding-top', '1320px');
      $(document).scrollTop('0px');
      $('html').scrollTop('0px');
      evt.preventDefault();
      }); //End #recipients_link action
//End #recipients_link     

// donate_link      
 // #donate_link hover
$('#donate_link').hover(
    function() {
      $('#home_link').css('color', '#BCBDC0');
      $('#about_link').css('color', '#BCBDC0');
      $('#recipients_link').css('color', '#BCBDC0');
      $('#donate_link').css('color', '#333333');
      $('#events_link').css('color', '#BCBDC0');
    },   
    function() {
      $('#home_link').css('color', '#333333');
      $('#about_link').css('color', '#333333');
      $('#recipients_link').css('color', '#333333');
      $('#donate_link').css('color', '#333333');
      $('#events_link').css('color', '#333333');
      }); // end  #donate_link hover()
      
//#donate_link action
$('#donate_link').click(
    function(evt) {
      $('#homeContent').show();
      $('#aboutContent').hide();
      $('#recipientsContent').hide();
      $('#header').show();
      $('#events_header').hide();
      $('#footer').css('padding-top', '606px');
      $(document).scrollTop('0px');
      $('html').scrollTop('0px');
      evt.preventDefault();
      }); //End #donate_link action
//End #donate_link      

//#events_link      
 // #events_link hover
$('#events_link').hover(
    function() {
      $('#home_link').css('color', '#BCBDC0');
      $('#about_link').css('color', '#BCBDC0');
      $('#recipients_link').css('color', '#BCBDC0');
      $('#donate_link').css('color', '#BCBDC0');
      $('#events_link').css('color', '#333333');
    },   
    function() {
      $('#home_link').css('color', '#333333');
      $('#about_link').css('color', '#333333');
      $('#recipients_link').css('color', '#333333');
      $('#donate_link').css('color', '#333333');
      $('#events_link').css('color', '#333333');
      }); // end  #events_link hover()
      
 //#events_link action
$('#events_link').click(
    function(evt) {
      $('#header').hide();
      $('#events_header').show();
      $(document).scrollTop('0px');
      $('html').scrollTop('0px');
      evt.preventDefault();
      }); //End #events_link action    
//End events_link      
      
 }); //end ready()