$(document).ready(function(){
	
	if($("a.gallery").length != 0) {
		$("a.gallery").lightBox({overlayOpacity: 0.2, fixedNavigation:true});
	}
	
   $("#but1").hover( function() {
       maskImage(1);
     }, function() {
       hideAll()
     }
   );
   $("#but2").hover( function() {
       maskImage(2);
     }, function() {
       hideAll()
     }
   );
   $("#but3").hover( function() {
       maskImage(3);
     }, function() {
       hideAll()
     }
   );
   $("#but4").hover( function() {
       maskImage(4);
     }, function() {
       hideAll()
     }
   );
   $("#but5").hover( function() {
       maskImage(5);
     }, function() {
       hideAll()
     }
   );
   $("#but6").hover( function() {
       maskImage(6);
     }, function() {
       hideAll()
     }
   );
   $("#but7").hover( function() {
       maskImage(7);
     }, function() {
       hideAll()
     }
   );
});


// JavaScript for masking top image
function maskImage(toShow) {
	showAll();
	if(toShow == 1) {
		document.getElementById('mask1').style.visibility='hidden';
	} else if(toShow == 2) {
		document.getElementById('mask2').style.visibility='hidden';
	} else if(toShow == 3) {
		document.getElementById('mask3').style.visibility='hidden';
	} else if(toShow == 4) {
		document.getElementById('mask4').style.visibility='hidden';
	} else if(toShow == 5) {
		document.getElementById('mask5').style.visibility='hidden';
	} else if(toShow == 6) {
		document.getElementById('mask6').style.visibility='hidden';
	} else if(toShow == 7) {
		document.getElementById('mask7').style.visibility='hidden';
	}
}

function showAll() {
	document.getElementById('mask1').style.visibility='visible';
	document.getElementById('mask2').style.visibility='visible';
	document.getElementById('mask3').style.visibility='visible';
	document.getElementById('mask4').style.visibility='visible';
	document.getElementById('mask5').style.visibility='visible';
	document.getElementById('mask6').style.visibility='visible';
	document.getElementById('mask7').style.visibility='visible';
}

function hideAll() {
	document.getElementById('mask1').style.visibility='hidden';
	document.getElementById('mask2').style.visibility='hidden';
	document.getElementById('mask3').style.visibility='hidden';
	document.getElementById('mask4').style.visibility='hidden';
	document.getElementById('mask5').style.visibility='hidden';
	document.getElementById('mask6').style.visibility='hidden';
	document.getElementById('mask7').style.visibility='hidden';
}