/* Swaps the main image on the homepage in response to mouse rollover and focus on the links in the 
text. Remember to change the alt and title tags when changing images.*/


// preload and define images (edit to change images)
startImage = new Image(390,260);
startImage.src = "/assets/other/gathering-2010-390px.jpg";
swapImage = new Image(390,260);
swapImage.src = "/assets/other/TGC-team-2010-390px.jpg";


// define alt tags and titles (edit for new images)
var startAlt = "The Gathering 2010 - picture of Edinburgh International Conference Centre.";
var swapAlt = "The new team at The Graphics Company.";
var startTitle = "See you at there?";
var swapTitle = "The new team at The Graphics Company";


// define links and target (edit to change links and target)
var swapLink = document.getElementById("NewStaff201001");
var swapBackLink = document.getElementById("Gathering201002");
var targetImage = document.getElementById("newsImage");


// perform image swaps
swapLink.onmouseover = function() {
	targetImage.src = swapImage.src;
	targetImage.alt = swapAlt;
	targetImage.title = swapTitle;
	}
swapLink.onfocus = function() {
	targetImage.src = swapImage.src;
	targetImage.alt = swapAlt;
	targetImage.title = swapTitle;
	}
swapBackLink.onmouseover = function() {
	targetImage.src = startImage.src;
	targetImage.alt = startAlt;
	targetImage.title = startTitle;
	}
swapBackLink.onfocus = function() {
	targetImage.src = startImage.src;
	targetImage.alt = startAlt;
	targetImage.title = startTitle;
	}