/*
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.jpg",        "semaphore.gif",    "at_key.jpg",       "postbox.jpg"],
		["great_crested_newt.jpg","bleRoost.jpg",     "nathusius_pip.jpg","badger.jpg",       "barn_owl.jpg"],
		["architect1495.jpg",     "architect1484.jpg","architect1436.jpg","architect1497.jpg","architect1480.jpg"],
		["devCon001.jpg",         "devCon004.jpg",    "devCon003.jpg",    "devCon002.jpg",    "devCon002alt.jpg"],
		["orchid.jpg",            "fungi.jpg",        "owl_pellet.jpg",   "bats.jpg",         "barn_roof.jpg"],
		["georgeHand.jpg",        "plan.gif",         "devCon002alt.jpg", "handshake.jpg",    "conAdmin004.jpg"],
		["titBox.gif",            "roofRoost.jpg",    "owl_box.jpg",      "robinBox.gif",     "bat_boxes.jpg"]
	];


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