//for rolling navigation

	var intPageNavCode;
	var strActiveImageName;
	
	var a = new Array()
	var b = new Array()
	var c = new Array()
	
	a[1] = new Image(); b[1] = new Image(); c[1] = new Image();
	a[1].src = 'images/g_gareth_hopson.gif';
	b[1].src = 'images/g_gareth_hopson.gif';
	c[1].src = 'images/g_gareth_hopson.gif';
	
	a[2] = new Image(); b[2] = new Image(); c[2] = new Image();
	a[2].src = 'images/b_portfolio_off.gif';
	b[2].src = 'images/b_portfolio_on.gif';
	c[2].src = 'images/b_portfolio_up.gif';
	
	a[3] = new Image(); b[3] = new Image(); c[3] = new Image();
	a[3].src = 'images/b_personal_off.gif';
	b[3].src = 'images/b_personal_on.gif';
	c[3].src = 'images/b_personal_up.gif';
	
	a[4] = new Image(); b[4] = new Image(); c[4] = new Image();
	a[4].src = 'images/b_stock_off.gif';
	b[4].src = 'images/b_stock_on.gif';
	c[4].src = 'images/b_stock_up.gif';
	
	a[5] = new Image(); b[5] = new Image(); c[5] = new Image();
	a[5].src = 'images/b_contact_off.gif';
	b[5].src = 'images/b_contact_on.gif';
	c[5].src = 'images/b_contact_up.gif';
	
		
	
	function roll(name,idx) 
	{
		if (idx != intPageNavCode)
		{
			document.images[name].src = b[idx].src; 
		}
	}
	function unroll(name,idx) 
	{
		if (idx != intPageNavCode)
		{
			document.images[name].src = a[idx].src; 
		}
	}
	
	function LoadActiveImage()
	{
			//Load active image per constants set up on each page.
		document.images[strActiveImageName].src = c[intPageNavCode].src;
	}