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; 
}


function showPic(url, width, height)
{
	var win		= window.open('','_blank','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, copyhistory=yes, width='+(width+20)+', height='+(height));
	win.document.write("<html><head></head><body onblur='window.close();' onload='window.focus();' style='margin: 0px; text-align: center;'><img src='"+url+"' alt='gallery picure' /></body></html>");
	win.document.close();
}