<!--
// Preload projects page images
pic1 = new Image();
pic1.src = "http://cfandi.com/media/images/img_projects1_o.gif";
pic2 = new Image();
pic2.src = "http://cfandi.com/media/images/img_projects2_o.gif";
pic3 = new Image();
pic3.src = "http://cfandi.com/media/images/img_projects3_o.gif";
pic4 = new Image(); 
pic4.src = "http://cfandi.com/media/images/img_projects4_o.gif";

pic5 = new Image();
pic5.src = "http://cfandi.com/media/images/img_mouseover1.gif";
pic6 = new Image();
pic6.src = "http://cfandi.com/media/images/img_mouseover2.gif";
pic7 = new Image();
pic7.src = "http://cfandi.com/media/images/img_mouseover3.gif";
pic8 = new Image();
pic8.src = "http://cfandi.com/media/images/img_mouseover4.gif";

// Functions to change mouse over image
function chngImageOn(imgNumber)
{
	document.getElementById('secDescription').style.visibility = 'hidden';	// Hide projects secDescription
	document.getElementById('mouseover').style.visibility = 'hidden';		// Hide projects picture
	
	// Show mouseover image and text
	switch(imgNumber)
	{
		case 'img1':
			document.getElementById('mouseover1').style.visibility = 'visible';
			document.getElementById('mouseOverText1').style.visibility = 'visible';
			document.images['mo1'].src = "http://cfandi.com/media/images/img_projects1_o.gif";
			break;
		case 'img2':
			document.getElementById('mouseover2').style.visibility = 'visible';
			document.getElementById('mouseOverText2').style.visibility = 'visible';
			document.images['mo2'].src = "http://cfandi.com/media/images/img_projects2_o.gif";
			break;
		case 'img3':
			document.getElementById('mouseover3').style.visibility = 'visible';
			document.getElementById('mouseOverText3').style.visibility = 'visible';
			document.images['mo3'].src = "http://cfandi.com/media/images/img_projects3_o.gif";
			break;
		case 'img4':
			document.getElementById('mouseover4').style.visibility = 'visible';
			document.getElementById('mouseOverText4').style.visibility = 'visible';
			document.images['mo4'].src = "http://cfandi.com/media/images/img_projects4_o.gif";
			break;
		case 'img5':
			document.getElementById('mouseover5').style.visibility = 'visible';
			document.getElementById('mouseOverText5').style.visibility = 'visible';
			document.images['mo5'].src = "http://cfandi.com/media/images/img_projects4_o.gif";
			break;
		case 'img6':
			document.getElementById('mouseover6').style.visibility = 'visible';
			document.getElementById('mouseOverText6').style.visibility = 'visible';
			document.images['mo6'].src = "http://cfandi.com/media/images/img_projects4_o.gif";
			break;
		case 'img7':
			document.getElementById('mouseover7').style.visibility = 'visible';
			document.getElementById('mouseOverText7').style.visibility = 'visible';
			document.images['mo7'].src = "http://cfandi.com/media/images/img_projects4_o.gif";
			break;
		case 'img8':
			document.getElementById('mouseover8').style.visibility = 'visible';
			document.getElementById('mouseOverText8').style.visibility = 'visible';
			document.images['mo8'].src = "http://cfandi.com/media/images/img_projects4_o.gif";
			break;			
	}
}

function chngImageOff(imgNumber)
{
	document.getElementById('secDescription').style.visibility = 'visible';	// Show projects secDescription
	document.getElementById('mouseover').style.visibility = 'visible';		// Show projects picture
	
	// Hide mouseover image and text
	switch(imgNumber)
	{
		case 'img1':
			document.getElementById('mouseover1').style.visibility = 'hidden';
			document.getElementById('mouseOverText1').style.visibility = 'hidden';
			document.images['mo1'].src = "http://cfandi.com/media/images/img_projects1.gif";
			break;
		case 'img2':
			document.getElementById('mouseover2').style.visibility = 'hidden';
			document.getElementById('mouseOverText2').style.visibility = 'hidden';
			document.images['mo2'].src = "http://cfandi.com/media/images/img_projects2.gif";
			break;
		case 'img3':
			document.getElementById('mouseover3').style.visibility = 'hidden';
			document.getElementById('mouseOverText3').style.visibility = 'hidden';
			document.images['mo3'].src = "http://cfandi.com/media/images/img_projects3.gif";
			break;
		case 'img4':
			document.getElementById('mouseover4').style.visibility = 'hidden';
			document.getElementById('mouseOverText4').style.visibility = 'hidden';
			document.images['mo4'].src = "http://cfandi.com/media/images/img_projects4.gif";
			break;
		case 'img5':
			document.getElementById('mouseover5').style.visibility = 'hidden';
			document.getElementById('mouseOverText5').style.visibility = 'hidden';
			document.images['mo5'].src = "http://cfandi.com/media/images/img_projects5.gif";
			break;	
		case 'img6':
			document.getElementById('mouseover6').style.visibility = 'hidden';
			document.getElementById('mouseOverText6').style.visibility = 'hidden';
			document.images['mo6'].src = "http://cfandi.com/media/images/img_projects4.gif";
			break;	
		case 'img7':
			document.getElementById('mouseover7').style.visibility = 'hidden';
			document.getElementById('mouseOverText7').style.visibility = 'hidden';
			document.images['mo7'].src = "http://cfandi.com/media/images/img_projects4.gif";
			break;	
		case 'img8':
			document.getElementById('mouseover8').style.visibility = 'hidden';
			document.getElementById('mouseOverText8').style.visibility = 'hidden';
			document.images['mo8'].src = "http://cfandi.com/media/images/img_projects4.gif";
			break;				
	}
}

//-->