$(document).ready(function() {

$('.borderimage').hover(function() { //for thumbnails
        $(this).addClass('hoverborderimage');
      }, function() {
        $(this).removeClass('hoverborderimage');
      });

 });



<!--HIDE
var counter=0;

function changer() {
counter += 1;
if (counter == 22) {
counter = 0;
}
document.images['mypic'].src = ("images/" + counter + ".jpg");
document.getElementById("1").innerHTML = "Photo " + (counter+1) + " of 22";

}


function prevPic(){
counter -= 1;
if (counter == -1) {
counter = 21;
}
document.images['mypic'].src = ("images/" + counter + ".jpg");
document.getElementById("1").innerHTML = "Photo " + (counter+1) + " of 22";

}






//STOP HIDING-->