// JavaScript Document (CHANGES IMAGE LINKS ON MOUSEOVER.)

// 1) Call this script from the doc HEAD. <script type="text/javascript" src="image-mouseover-change.js"></*script> (without the "*" in "/script")
// 2) Add names to the images in the doc (e.g. for Image1: <img src="" name="Image1" )
// 3) Add onMouseOver/Out + onfocus tags to anchors (e.g. to Image1's anchor add: <a href="" onMouseOver="Image1.src=loadImage1.src;" onMouseOut="Image1.src=staticImage1.src;" onfocus="this.blur()"
//    (the onfocus tag removes the dotted line that would otherwise appear around the images)
// 4) Change image filenames below (filename2's are the hover images)


loadImage1 = new Image();
loadImage1.src = "images/services2.jpg";
staticImage1 = new Image();
staticImage1.src = "images/services.jpg";

loadImage2 = new Image();
loadImage2.src = "images/about-us2.jpg";
staticImage2 = new Image();
staticImage2.src = "images/about-us.jpg";

loadImage3 = new Image();
loadImage3.src = "images/pricing2.jpg";
staticImage3 = new Image();
staticImage3.src = "images/pricing.jpg";

loadImage4 = new Image();
loadImage4.src = "images/clients2.jpg";
staticImage4 = new Image();
staticImage4.src = "images/clients.jpg";

loadImage5 = new Image();
loadImage5.src = "images/news2.jpg";
staticImage5 = new Image();
staticImage5.src = "images/news.jpg";

loadImage6 = new Image();
loadImage6.src = "images/contact2.jpg";
staticImage6 = new Image();
staticImage6.src = "images/contact.jpg";

loadImage7 = new Image();
loadImage7.src = "images/computer-training-learn-2.jpg";
staticImage7 = new Image();
staticImage7.src = "images/computer-training-learn.jpg";

loadImage8 = new Image();
loadImage8.src = "images/website-design-learn-2.jpg";
staticImage8 = new Image();
staticImage8.src = "images/website-design-learn.jpg";

loadImage9 = new Image();
loadImage9.src = "images/computer-training-tab2.jpg";
staticImage9 = new Image();
staticImage9.src = "images/computer-training-tab.jpg";

loadImage10 = new Image();
loadImage10.src = "images/website-design-tab2.jpg";
staticImage10 = new Image();
staticImage10.src = "images/website-design-tab.jpg";

loadImage11 = new Image();
loadImage11.src = "images/website-design-link2.jpg";
staticImage11 = new Image();
staticImage11.src = "images/website-design-link.jpg";

loadImage12 = new Image();
loadImage12.src = "images/computer-training-link2.jpg";
staticImage12 = new Image();
staticImage12.src = "images/computer-training-link.jpg";

loadImage13 = new Image();
loadImage13.src = "images/portfolio/next2.jpg";
staticImage13 = new Image();
staticImage13.src = "images/portfolio/next.jpg";

loadImage14 = new Image();
loadImage14.src = "images/contact-us-pink.jpg";
staticImage14 = new Image();
staticImage14.src = "images/contact-us-blue.jpg";

loadImage15 = new Image();
loadImage15.src = "images/clients/map-longwoods-rv-centre-2.jpg";
staticImage15 = new Image();
staticImage15.src = "images/clients/map-longwoods-rv-centre.gif";

loadImage16 = new Image();
loadImage16.src = "images/clients/map-tilbury-tots-early-learning-centre-2.jpg";
staticImage16 = new Image();
staticImage16.src = "images/clients/map-tilbury-tots-early-learning-centre.gif";

loadImage17 = new Image();
loadImage17.src = "images/clients/map-tilbury-rentals-and-contracting-2.jpg";
staticImage17 = new Image();
staticImage17.src = "images/clients/map-tilbury-rentals-and-contracting.gif";

loadImage18 = new Image();
loadImage18.src = "images/clients/map-fulcrum-mechanical-2.jpg";
staticImage18 = new Image();
staticImage18.src = "images/clients/map-fulcrum-mechanical.jpg";