$(document).ready(function(){	

	$("#pic-box a").bind("mouseover", function(e) {
		if (this.id == 'pic1') {
			$("#extra01").css("display", "inline");
			$("#extra02").css("display", "none");
			$("#extra03").css("display", "none");
			$("#extra04").css("display", "none");
			$("#extra05").css("display", "none");
			$("#extra06").css("display", "none");
			$("#extra07").css("display", "none");
			$("#extra08").css("display", "none");
			$("#extra09").css("display", "none");
			$("#extra10").css("display", "none");
			$("#extra11").css("display", "none");
			$("#extra12").css("display", "none");

			$(".main-box").css("background", "url(/images/reactor2.jpg) top center no-repeat");
		}
		if (this.id == 'pic2') {
			$("#extra01").css("display", "none");
			$("#extra02").css("display", "inline");
			$("#extra03").css("display", "none");
			$("#extra04").css("display", "none");
			$("#extra05").css("display", "none");
			$("#extra06").css("display", "none");
			$("#extra07").css("display", "none");
			$("#extra08").css("display", "none");
			$("#extra09").css("display", "none");
			$("#extra10").css("display", "none");
			$("#extra11").css("display", "none");
			$("#extra12").css("display", "none");

			$(".main-box").css("background", "url(/images/reactor3.jpg) top center no-repeat");
		}
		if (this.id == 'pic3') {
			$("#extra01").css("display", "none");
			$("#extra02").css("display", "none");
			$("#extra03").css("display", "inline");
			$("#extra04").css("display", "none");
			$("#extra05").css("display", "none");
			$("#extra06").css("display", "none");
			$("#extra07").css("display", "none");
			$("#extra08").css("display", "none");
			$("#extra09").css("display", "none");
			$("#extra10").css("display", "none");
			$("#extra11").css("display", "none");
			$("#extra12").css("display", "none");

			$(".main-box").css("background", "url(/images/reactor4.jpg) top center no-repeat");
		}
		if (this.id == 'pic4') {
			$("#extra01").css("display", "none");
			$("#extra02").css("display", "none");
			$("#extra03").css("display", "none");
			$("#extra04").css("display", "inline");
			$("#extra05").css("display", "none");
			$("#extra06").css("display", "none");
			$("#extra07").css("display", "none");
			$("#extra08").css("display", "none");
			$("#extra09").css("display", "none");
			$("#extra10").css("display", "none");
			$("#extra11").css("display", "none");
			$("#extra12").css("display", "none");

			$(".main-box").css("background", "url(/images/reactor5.jpg) top center no-repeat");
		}
		if (this.id == 'pic5') {
			$("#extra01").css("display", "none");
			$("#extra02").css("display", "none");
			$("#extra03").css("display", "none");
			$("#extra04").css("display", "none");
			$("#extra05").css("display", "inline");
			$("#extra06").css("display", "none");
			$("#extra07").css("display", "none");
			$("#extra08").css("display", "none");
			$("#extra09").css("display", "none");
			$("#extra10").css("display", "none");
			$("#extra11").css("display", "none");
			$("#extra12").css("display", "none");

			$(".main-box").css("background", "url(/images/reactor6.jpg) top center no-repeat");
		}
		if (this.id == 'pic6') {
			$("#extra01").css("display", "none");
			$("#extra02").css("display", "none");
			$("#extra03").css("display", "none");
			$("#extra04").css("display", "none");
			$("#extra05").css("display", "none");
			$("#extra06").css("display", "inline");
			$("#extra07").css("display", "none");
			$("#extra08").css("display", "none");
			$("#extra09").css("display", "none");
			$("#extra10").css("display", "none");
			$("#extra11").css("display", "none");
			$("#extra12").css("display", "none");

			$(".main-box").css("background", "url(/images/reactor7.jpg) top center no-repeat");
		}
		if (this.id == 'pic7') {
			$("#extra01").css("display", "none");
			$("#extra02").css("display", "none");
			$("#extra03").css("display", "none");
			$("#extra04").css("display", "none");
			$("#extra05").css("display", "none");
			$("#extra06").css("display", "none");
			$("#extra07").css("display", "inline");
			$("#extra08").css("display", "none");
			$("#extra09").css("display", "none");
			$("#extra10").css("display", "none");
			$("#extra11").css("display", "none");
			$("#extra12").css("display", "none");
			
			$(".main-box").css("background", "url(/images/reactor12.jpg) top center no-repeat");
		}
		if (this.id == 'pic8') {
			$("#extra01").css("display", "none");
			$("#extra02").css("display", "none");
			$("#extra03").css("display", "none");
			$("#extra04").css("display", "none");
			$("#extra05").css("display", "none");
			$("#extra06").css("display", "none");
			$("#extra07").css("display", "none");
			$("#extra08").css("display", "inline");
			$("#extra09").css("display", "none");
			$("#extra10").css("display", "none");
			$("#extra11").css("display", "none");
			$("#extra12").css("display", "none");	

			$(".main-box").css("background", "url(/images/reactor10.jpg) top center no-repeat");
		}
		if (this.id == 'pic9') {
			$("#extra01").css("display", "none");
			$("#extra02").css("display", "none");
			$("#extra03").css("display", "none");
			$("#extra04").css("display", "none");
			$("#extra05").css("display", "none");
			$("#extra06").css("display", "none");
			$("#extra07").css("display", "none");
			$("#extra08").css("display", "none");
			$("#extra09").css("display", "inline");
			$("#extra10").css("display", "none");
			$("#extra11").css("display", "none");
			$("#extra12").css("display", "none");

			$(".main-box").css("background", "url(/images/reactor9.jpg) top center no-repeat");
		}
		if (this.id == 'pic10') {
			$("#extra01").css("display", "none");
			$("#extra02").css("display", "none");
			$("#extra03").css("display", "none");
			$("#extra04").css("display", "none");
			$("#extra05").css("display", "none");
			$("#extra06").css("display", "none");
			$("#extra07").css("display", "none");
			$("#extra08").css("display", "none");
			$("#extra09").css("display", "none");
			$("#extra10").css("display", "inline");
			$("#extra11").css("display", "none");
			$("#extra12").css("display", "none");

			$(".main-box").css("background", "url(/images/reactor8.jpg) top center no-repeat");
		}
		if (this.id == 'pic11') {
			$("#extra01").css("display", "none");
			$("#extra02").css("display", "none");
			$("#extra03").css("display", "none");
			$("#extra04").css("display", "none");
			$("#extra05").css("display", "none");
			$("#extra06").css("display", "none");
			$("#extra07").css("display", "none");
			$("#extra08").css("display", "none");
			$("#extra09").css("display", "none");
			$("#extra10").css("display", "none");
			$("#extra11").css("display", "inline");
			$("#extra12").css("display", "none");	

			$(".main-box").css("background", "url(/images/reactor11.jpg) top center no-repeat");
		}
		if (this.id == 'pic12') {
			$("#extra01").css("display", "none");
			$("#extra02").css("display", "none");
			$("#extra03").css("display", "none");
			$("#extra04").css("display", "none");
			$("#extra05").css("display", "none");
			$("#extra06").css("display", "none");
			$("#extra07").css("display", "none");
			$("#extra08").css("display", "none");
			$("#extra09").css("display", "none");
			$("#extra10").css("display", "none");
			$("#extra11").css("display", "none");
			$("#extra12").css("display", "inline");
		}
	});
});
