// Pre-load images
if (Array && document.images)
{
	//Fill the array with the images for highlighting
   d0 = new Image;
   d0.src = "images/ehs/css/assessment/Main-Technology.jpg";
   d1 = new Image;
   d1.src = "images/ehs/css/assessment/Main-Diversity.jpg";
   d2 = new Image;
   d2.src = "images/ehs/css/assessment/Main-Professionalism.jpg";
   d3 = new Image;
   d3.src = "images/ehs/css/assessment/Main-Assessment.jpg";
   d4 = new Image;
   d4.src = "images/ehs/css/assessment/Main-Pedagogy.jpg";
   d5 = new Image;
   d5.src = "images/ehs/css/assessment/Main-SubjectMatter.jpg";
   d6 = new Image;
   d6.src = "images/ehs/css/assessment/Main-Concept.jpg";
   d7 = new Image;
   d7.src = "images/ehs/css/assessment/Main-Learner.jpg";
   d8 = new Image;
   d8.src = "images/ehs/css/assessment/Main-Reflective.jpg";
   d9 = new Image;
   d9.src = "images/ehs/css/assessment/Main-ProfessionalPrac.jpg"; 
}

function highlight(detail)
//Highlight the link area that the user is hovering over
{
if (document.images)
   {
   document.images[1].src=eval("d"+detail+".src");
   }
}

function setback() 
//Reset the image and eliminate the highlighting
{
if (document.images)
   { 
    document.images[1].src="images/ehs/css/assessment/main.jpg"
   }
}