//Fade images on hover
//Used this fix '$ is not a function'error: http://zenverse.net/jquery-how-to-fix-the-is-not-a-function-error-using-noconflict/

var $fade = jQuery.noConflict();
$fade(document).ready(function() {
// OPACITY OF BUTTON SET TO 100%
$fade("a.zoom img").css("opacity","1.0");
 
// ON MOUSE OVER
$fade("a.zoom img").hover(function () {
 
// SET OPACITY TO 50%
$fade(this).stop().animate({
opacity: 0.7
}, "slow");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 100%
$fade(this).stop().animate({
opacity: 1.0
}, "slow");
});
});