// JavaScript Document

var time=700;

	$(document).ready(function(){
		$(".imageA").stop().animate({"opacity": "0"}, 0);
		$(".imageB").stop().animate({"opacity": "0"}, 0);
		
		$(".PanelLink1").hover(
			function() {
				$(".imageA").stop().animate({"opacity": "1"}, time);
				document.getElementById("img2").setAttribute("style","display:none;");
				document.getElementById("img2Hover").setAttribute("style","display:block;");
			},
			function() {
				$(".imageA").stop().animate({"opacity": "0"}, time);
				$(".imageB").stop().animate({"opacity": "0"}, time);
				document.getElementById("img2").setAttribute("style","display:block;");
				document.getElementById("img2Hover").setAttribute("style","display:none;z-index:100;");
		});
		$(".PanelLink2").hover(
			function() {
				$(".imageB").stop().animate({"opacity": "1"}, time);
				document.getElementById("img1").setAttribute("style","display:none;");
				document.getElementById("img1Hover").setAttribute("style","display:block;");
			},
			function() {
				$(".imageA").stop().animate({"opacity": "0"}, time);
				$(".imageB").stop().animate({"opacity": "0"}, time);
				document.getElementById("img1").setAttribute("style","display:block;");
				document.getElementById("img1Hover").setAttribute("style","display:none;z-index:100;");
		});
	});