/////////////////
//  VARIABLES  //
/////////////////
var names = Array("racing_details", "pedigree", "additional_information");
var up_images = Array();
var down_images = new Array();



//////////////////////
//  PRELOAD IMAGES  //
//////////////////////
for (var i = 0; i < names.length; i++)
{
	up_images[i] = new Image();
	up_images[i].src = "images/" + names[i] + "_up.gif";
	
	down_images[i] = new Image();
	down_images[i].src = "images/" + names[i] + "_down.gif";
};



////////////////////
//  CHANGE PANEL  //
////////////////////
function change_panel(index)
{
	var thisbutton;
	var thispanel;
	
	for (var i = 0; i < names.length; i++)
	{
		this_panel = document.getElementById(names[i] + "_panel");
		this_image = document.getElementById(names[i] + "_image");
		
		
		if (i == index)
		{
			this_panel.style.display = "block";
			this_image.src = down_images[i].src;
			
		}
		else
		{
			this_panel.style.display = "none";
			this_image.src = up_images[i].src;
		};
	};
};