
<!-- Shields Up for old browsers
// pre-load the images. The arguments are width, height of the actual image.
if (document.images)
{
	var img1=new Image(104,96);
	var img2=new Image(104,96);
	var img3=new Image(104,96);
	var img4=new Image(104,96);
	var img5=new Image(104,96);
	var img6=new Image(104,96);
	var img7=new Image(104,96);
	var img8=new Image(104,96);
	var img9=new Image(104,96);
	var img10=new Image(104,96);
	var img11=new Image(104,96);
	var img12=new Image(104,96);
	

	// and assign the memory objects a filename ...
	// edit the paths below to suit your situation
	img1.src="assets/Images/homePage/home.png";
	img2.src="assets/Images/homePage/home2.png";
	img3.src="assets/Images/homePage/AboutMe.png";
	img4.src="assets/Images/homePage/AboutMe2.png";
	img5.src="assets/Images/homePage/contact_me.png";
	img6.src="assets/Images/homePage/contact_me2.png";
	img7.src="assets/Images/homePage/customer_login.png";
	img8.src="assets/Images/homePage/customer_login2.png";
	img9.src="assets/Images/homePage/portfolio.png";
	img10.src="assets/Images/homePage/portfolio2.png";
	img11.src="assets/Images/homePage/blog.png";
	img12.src="assets/Images/homePage/blog2.png";
	

	// initialize some variables
	var item=0;
	var name='';

	// make an array of images
	// edit the paths for your situation
	//
	// NOTE: JavaScript arrays start at index 0
	// so, the first element in the buttons array is
	// referenced as buttons[0]
}
var buttons=new Array
(
	"assets/Images/homePage/home.png",
	"assets/Images/homePage/home2.png",
	"assets/Images/homePage/AboutMe.png",
	"assets/Images/homePage/AboutMe2.png",
	"assets/Images/homePage/contact_me.png",
	"assets/Images/homePage/contact_me2.png",
	"assets/Images/homePage/customer_login.png",
	"assets/Images/homePage/customer_login2.png",
	"assets/Images/homePage/portfolio.png",
	"assets/Images/homePage/portfolio2.png",
	"assets/Images/homePage/blog.png",
	"assets/Images/homePage/blog2.png"
)

// next this does all the swapping.
// pass it the name of the image you want to swap, and 
// the reference in the 'buttons' array you want to swap it with.
// remember array references start at 0.
function swapImage(name,item)
{
	if (document.images)
	{
		document.images[name].src=buttons[item];
	}
}
// Shields Down -->