/*
Image rows are
1. Contact Us
2. Protected Species
3. Architecture
4. Devolpment Consultancy
5. Ecological Surveys
6. Contract Administration
7. Wildlife Products

Image columns:
1       2
    4
3       5

*/	
	var menuImages=
	[
		["pigeon.gif",            "idial.gif",        "semaphore.gif",    "at_key.gif",       "postbox.gif"],
		["great_crested_newt.gif","bleRoost.gif",     "nathusius_pip.gif","badger.gif",       "barn_owl.gif"],
		["architect1495.gif",     "architect1484.gif","architect1436.gif","architect1497.gif","architect1480.gif"],
		["devCon001.gif",         "devCon004.gif",    "devCon003.gif",    "devCon002.gif",    "devCon002alt.gif"],
		["orchid.gif",            "fungi.gif",        "owl_pellet.gif",   "bats.gif",         "barn_roof.gif"],
		["georgeHand.gif",        "plan.gif",         "devCon002alt.gif", "handshake.gif",    "conAdmin004.gif"],
		["titBox.gif",            "roofRoost.gif",    "owl_box.gif",      "robinBox.gif",     "bat_boxes.gif"]
	];


function preload_images()
/*==================================================================================
' Description:  Preloads rollover images for home page
' Inputs:       None
' Outputs:      None
' Assumptions:  None
'=================================================================================*/
	{
		if(document.images)
		{
	for (i=0; i<7; i++)
		{
		for (j=0; j<5; j++)
			{		
			var aPicture = new Image();
			aPicture.src = "images/"+menuImages[i][j];
			}
		}
		}

	}



function replace_image(picture_name,box_number)
/*==================================================================================
' Description:  Displays a picture in a picture box
' Inputs:       picture_name: string
' Outputs:      None
' Assumptions:  None
'=================================================================================*/
	{
	document.getElementById("imageBox"+box_number).innerHTML="<img src='images/"+picture_name+"' width='85' height='85'>";
	}

function reset_image(box_number)
/*==================================================================================
' Description:  Refreshes a picture box
' Inputs:       None
' Outputs:      None
' Assumptions:  None
'=================================================================================*/
	{
	document.getElementById("imageBox"+box_number).innerHTML="";
	}	

function display_menu_images(box_number)
/*==================================================================================
' Description:  Places images in the picture boxes
' Inputs:       box_number: integer;
' Outputs:      None
' Assumptions:  None
'=================================================================================*/
	{
	for (i=0; i<5; i++)
		{
		replace_image(menuImages[box_number][i],i);
		}
	}

function reset_menu_images()
/*==================================================================================
' Description:  Clears the image boxes
' Inputs:       None
' Outputs:      None
' Assumptions:  None
'=================================================================================*/
	{
	for (i=0; i<5; i++)
		{
		reset_image(i);
		}
	}