jQuery(function($) {
	$("a.pop[rel]").live("click",function() {
		$(this).overlay({
			mask: { color: '#000', loadSpeed: 200, opacity: 0.75 },
			load: true
		});
		return false;
	});
	$("#section1").hover(
		function(){ $(this).find('img').attr('src','images/section1hover.gif'); },
		function(){ $(this).find('img').attr('src','images/section1.gif'); }
	);
	$("#section2").hover(
		function(){ $(this).find('img').attr('src','images/section2hover.gif'); },
		function(){ $(this).find('img').attr('src','images/section2.gif'); }
	);
	$("#section3").hover(
		function(){ $(this).find('img').attr('src','images/section3hover.gif'); },
		function(){ $(this).find('img').attr('src','images/section3.gif'); }
	);
	$("#section4").hover(
		function(){ $(this).find('img').attr('src','images/section4hover.gif'); },
		function(){ $(this).find('img').attr('src','images/section4.gif'); }
	);
	$("#section5").hover(
		function(){ $(this).find('img').attr('src','images/section5hover.gif'); },
		function(){ $(this).find('img').attr('src','images/section5.gif'); }
	);
		
	$("#page1").hover(
		function(){ $(this).attr('src','images/page1hover.gif'); },
		function(){ $(this).attr('src','images/page1.gif'); }
	);
	$("#page2").hover(
		function(){ $(this).attr('src','images/page2hover.gif'); },
		function(){ $(this).attr('src','images/page2.gif'); }
	);
	$("#page3").hover(
		function(){ $(this).attr('src','images/page3hover.gif'); },
		function(){ $(this).attr('src','images/page3.gif'); }
	);
	$("#page4").hover(
		function(){ $(this).attr('src','images/page4hover.gif'); },
		function(){ $(this).attr('src','images/page4.gif'); }
	);
	$("#page5").hover(
		function(){ $(this).attr('src','images/page5hover.gif'); },
		function(){ $(this).attr('src','images/page5.gif'); }
	);
	$("#page6").hover(
		function(){ $(this).attr('src','images/page6hover.gif'); },
		function(){ $(this).attr('src','images/page6.gif'); }
	);
});