//REFER TO ABOUTMC.htm FOR ALL CODING NOTATION CONCERNING HTML AND CSS
//This section of code defines what pictures will be used for the mouseover on the bottom right of all pages
	
		picture1=new Image; picture1.src="images/VFD-Txt-TEST.gif"; picture2=new Image; picture2.src="images/home-left01.jpg";
		picture3=new Image; picture3.src="images/Video-Tutorials-TXT.gif"; picture4=new Image; picture4.src="images/home-left02.jpg";
		picture5=new Image; picture5.src="images/Photo-Gallery-TXT.gif"; picture6=new Image; picture6.src="images/home-left03.jpg";
		picture7=new Image; picture7.src="images/Quick-Pick-TXT.gif"; picture8=new Image; picture8.src="images/home-right01.jpg";
		picture9=new Image; picture9.src="images/EC-TXT.gif"; picture10=new Image; picture10.src="images/home-right02.jpg";
		picture11=new Image; picture11.src="images/Specwriter-TXT.gif"; picture12=new Image; picture12.src="images/home-right03.jpg";

//This part of the javascript defines the mouse-over menu tabs on each page
				
		tab1=new Image; tab1.src="images/menu02-up.jpg"; tab2=new Image; tab2.src="images/menu02.jpg";
		tab3=new Image; tab3.src="images/menu03-up.jpg"; tab4=new Image; tab4.src="images/menu03.jpg";
		tab5=new Image; tab5.src="images/menu04-up.jpg"; tab6=new Image; tab6.src="images/menu04.jpg";
		tab7=new Image; tab7.src="images/menu05-up.jpg"; tab8=new Image; tab8.src="images/menu05.jpg";
		tab9=new Image; tab9.src="images/menu06-up.jpg"; tab10=new Image; tab10.src="images/menu06.jpg";
		tab11=new Image; tab11.src="images/menu07-up.jpg"; tab12=new Image; tab12.src="images/menu07.jpg";
		tab13=new Image; tab13.src="images/menu08-up.jpg"; tab14=new Image; tab14.src="images/menu08.jpg";

//This part of the javascript defines the homepage mouse-over lighten picture effect for each box
		
		light1=new Image; light1.src="images/home-left02c.jpg"; light2=new Image; light2.src="images/home-left02.jpg";
		light3=new Image; light3.src="images/home-left01c.jpg"; light4=new Image; light4.src="images/home-left01.jpg";
		light5=new Image; light5.src="images/home-left03c.jpg"; light6=new Image; light6.src="images/home-left03.jpg";
		light7=new Image; light7.src="images/home-right01c.jpg"; light8=new Image; light8.src="images/home-right01.jpg";
		light9=new Image; light9.src="images/home-right02c.jpg"; light10=new Image; light10.src="images/home-right02.jpg";
		light11=new Image; light11.src="images/home-right03c.jpg"; light12=new Image; light12.src="images/home-right03.jpg";

		
//This section of code controls the Photo_Gallery.html page
		
function change1(){
document.images.pix.src="images/MCA.jpg";
document.getElementById('special_centered').innerHTML = 'MC - Series Controller';
}
function change2(){
document.images.pix.src="images/MCAT.jpg";
document.getElementById('special_centered').innerHTML = 'MC*T - Transfer Switch Controller';
}
function change3(){
document.images.pix.src="images/DMC.jpg";
document.getElementById('special_centered').innerHTML = 'DMC - Diesel Controller';
}
function change4(){
document.images.pix.src="images/Battery Chargers.jpg";
document.getElementById('special_centered').innerHTML = 'MBC - Battery Chargers';
}
function change5(){
document.images.pix.src="images/Accessories/JPC Right2.gif";
document.getElementById('special_centered').innerHTML = 'JPC - Jockey Pump Controller';
}
function change6(){
document.images.pix.src="images/DPX.jpg";
document.getElementById('special_centered').innerHTML = 'DPX - Duplex Industrial Control Panel';
}
function change7(){
document.images.pix.src="images/coming_soon.jpg";
document.getElementById('special_centered').innerHTML = 'VFD Series - Industrial Control Panel';
}
function change8(){
document.images.pix.src="images/Accessories/PMC Right2.gif";
document.getElementById('special_centered').innerHTML = 'PMC - Pump Motor Controller';
}
function change9(){
document.images.pix.src="images/EC Outside 1.jpg";
document.getElementById('special_centered').innerHTML = 'EC - Series Controller';
}
function change10(){
document.images.pix.src="images/Medium JPEGs/ECRTZ-600 front.gif";
document.getElementById('special_centered').innerHTML = 'EC*T - Series Controller';
}
function change11(){
document.images.pix.src="images/DEC front 1.jpg";
document.getElementById('special_centered').innerHTML = 'DEC - Enhanced Diesel Controller';
}

		
//This section of code controls multiple functions, as will be explained below

		function mouseover (picturename)
		
//This first part of the code controls the onmouseover effect on the homepage for each box		
		{
			if (picturename=="home_video_tutorials")
			{document.home_video_tutorials.src=light1.src}
			if (picturename=="home_vfd")
			{document.home_vfd.src=light3.src}
			if (picturename=="home_photo")
			{document.home_photo.src=light5.src}
			if (picturename=="home_qp")
			{document.home_qp.src=light7.src}
			if (picturename=="home_ec")
			{document.home_ec.src=light9.src}
			if (picturename=="home_specwriter")
			{document.home_specwriter.src=light11.src}
		
//This part of the code controls the bottom-right onmouseover effect from text to picture on every page
//and enables them to stay at the picture where the mouse last moused-off from.			
		if (picturename=="picture")
		{document.picture.src=picture2.src;
		document.video_tutorials.src=picture3.src;
		document.photo_gallery.src=picture5.src;
		document.quick_picks.src=picture7.src;
		document.ec.src=picture9.src;
		document.specwriter.src=picture11.src;
		}
		
		if (picturename=="video_tutorials")
		{document.picture.src=picture1.src;
		document.video_tutorials.src=picture4.src;
		document.photo_gallery.src=picture5.src;
		document.quick_picks.src=picture7.src;
		document.ec.src=picture9.src;
		document.specwriter.src=picture11.src;
		}
		
		if (picturename=="photo_gallery")
		{document.picture.src=picture1.src;
		document.video_tutorials.src=picture3.src;
		document.photo_gallery.src=picture6.src;
		document.quick_picks.src=picture7.src;
		document.ec.src=picture9.src;
		document.specwriter.src=picture11.src;
		}
		
		if (picturename=="quick_picks")
		{document.picture.src=picture1.src;
		document.video_tutorials.src=picture3.src;
		document.photo_gallery.src=picture5.src;
		document.quick_picks.src=picture8.src;
		document.ec.src=picture9.src;
		document.specwriter.src=picture11.src;
		}
		
		if (picturename=="ec")
		{document.picture.src=picture1.src;
		document.video_tutorials.src=picture3.src;
		document.photo_gallery.src=picture5.src;
		document.quick_picks.src=picture7.src;
		document.ec.src=picture10.src;
		document.specwriter.src=picture11.src;
		}
		
		if (picturename=="specwriter")
		{document.picture.src=picture1.src;
		document.video_tutorials.src=picture3.src;
		document.photo_gallery.src=picture5.src;
		document.quick_picks.src=picture7.src;
		document.ec.src=picture9.src;
		document.specwriter.src=picture12.src;
		}

//This portion of code controls the mouseover on each of the tabs, highlighting the moused over tab		
			if (picturename=="home")
			{document.home.src=tab1.src}
			if (picturename=="innovations")
			{document.innovations.src=tab3.src}
			if (picturename=="products")
			{document.products.src=tab5.src}
			if (picturename=="drawings")
			{document.drawings.src=tab7.src}
			if (picturename=="engineering")
			{document.engineering.src=tab9.src}
			if (picturename=="about")
			{document.about.src=tab11.src}
			if (picturename=="other")
			{document.other.src=tab13.src}
		}
		
		
		
//This section of code works for a few separate areas, as I will define below		
		
		function mouseunder (picturename)
		{
//This section of code controls the homepage boxes, turning them to a lighter shade onmouseover		
			if (picturename=="home_video_tutorials")
			{document.home_video_tutorials.src=light2.src}
			if (picturename=="home_vfd")
			{document.home_vfd.src=light4.src}
			if (picturename=="home_photo")
			{document.home_photo.src=light6.src}
			if (picturename=="home_qp")
			{document.home_qp.src=light8.src}
			if (picturename=="home_ec")
			{document.home_ec.src=light10.src}
			if (picturename=="home_specwriter")
			{document.home_specwriter.src=light12.src}


//This section of code controls which picture is brought up for the bottom-right mouseovers.
		if (picturename=="picture")
		{document.picture.src=picture1.src}
		if (picturename=="video_tutorials")
		{document.video_tutorials.src=picture3.src}
		if (picturename=="photo_gallery")
		{document.photo_gallery.src=picture5.src}
		if (picturename=="quick_picks")
		{document.quick_picks.src=picture7.src}
		if (picturename=="ec")
		{document.ec.src=picture9.src}
		if (picturename=="specwriter")
		{document.specwriter.src=picture11.src}

//This section of code controls the tab section on each page		
			if (picturename=="home")
			{document.home.src=tab2.src}
			if (picturename=="innovations")
			{document.innovations.src=tab4.src}
			if (picturename=="products")
			{document.products.src=tab6.src}
			if (picturename=="drawings")
			{document.drawings.src=tab8.src}
			if (picturename=="engineering")
			{document.engineering.src=tab10.src}
			if (picturename=="about")
			{document.about.src=tab12.src}
			if (picturename=="other")
			{document.other.src=tab14.src}
		}