var orignimg= new Array('Ties.jpg','Umbrellas.jpg','Buttons.jpg','Braces.jpg','Wallets.jpg')
	

var changedimg= new Array('TiesRollOver.jpg','UmbrellasRollOver.jpg','ButtonsRollOver.jpg','BracesRollOver.jpg','WalletsRollOver.jpg')
	
	

var base= "images/accessories/home/"
var nrm = new Array();
var omo = new Array();
var stuff = new Array('button1','button2','button3','button4','button5');

// Pre-load part.



	for (i=0;i<stuff.length;i++)
	{
		nrm[i] = new Image;
		nrm[i].src = base+orignimg[i]
		omo[i] = new Image;
		omo[i].src = base+changedimg[i] 
	}



// The functions: first mouseover, then mouseout

function over(no)
{
	document.getElementById(stuff[no]).src= omo[no].src
			
}

function out(no)
{
	
		document.getElementById(stuff[no]).src= nrm[no].src
	
}



function swapImg(image)
{
	var a_src = image;
	imgname = 'images/items/' + a_src;
	document.getElementById('mainImage').src = imgname;
}