var images1			= new Array();
var images2			= new Array();
var imageNames1,imageNames2;

//DESC: Preloads tab images. Used for swapping images when mouseover/out a tab   

function preloadImages(fieldName1,fieldName2,imagePath)
{
	imageNamesField1	= document.getElementById(fieldName1);
	imageNamesField2	= document.getElementById(fieldName2);
	if( imageNamesField1 && imageNamesField2 )
	{
		imageNames1	= imageNamesField1.value.split(',');
		imageNames2	= imageNamesField2.value.split(',');
		for( var i=0; i < imageNames1.length; i++ )
		{
			images1[i]		= new Image;
			images1[i].src	= imagePath + imageNames1[i];
		}
		
		for( var i=0; i < imageNames2.length; i++ )
		{
			images2[i]		= new Image;
			images2[i].src	= imagePath + imageNames2[i];
		}
		return true;
	} else {
		return false;
	}
}

//DESC: Swaps existing image onMouseOver
function swapImage(mode,pos) 
{ 
	
		document[mode].src = images2[pos].src;
}

//DESC: restores old image onMouseOut
function restoreImage(mode,pos) 
{ 
		document[mode].src = images1[pos].src; 
}