// JavaScript Document

//when document is ready load this code

$(document).ready(function() {
        $('img').each(function() {
            $(this).hover(function() {
                $(this).stop().animate({ opacity: 0.70 }, 300);
            },
           function() {
               $(this).stop().animate({ opacity: 1.0 }, 300);
           });
        });
    });


//  this came from: http://www.devcurry.com/2009/06/changing-image-opacity-on-mouseover.html i have altered it to work work on hover, and to go from 100% to 65% and back to 100%.  applying the class "fader" in this file and then in the html makes it work only on those with that class applied; see above: $('img.fader')... if you want it to work on all the images, take out the .fader from that and it works on all images.