// JavaScript for touchpoints on index page
// Preloading of images
// Functions for swapping images on onmouseover and onmouseout events

// Variable declarations
var img1;
var img2;
var img3;
var img4;
var img5;
var img6;

// Preload images
img1 = new Image;
img1.src = '/images/general/events_find_out_more.jpg';

img2 = new Image;
img2.src = '/images/general/events_find_out_more_hover.jpg';

img3 = new Image;
img3.src = '/images/general/ongoing_groups_find_out_more.jpg';

img4 = new Image;
img4.src = '/images/general/ongoing_groups_find_out_more_hover.jpg';

img5 = new Image;
img5.src = '/images/general/courses_find_out_more.jpg';

img6 = new Image;
img6.src = '/images/general/courses_find_out_more_hover.jpg';


// Javascript functions for swapping images
function swap_for_img1()
{
	document.getElementById("events_fom").src = img1.src;
}

function swap_for_img2()
{
	document.getElementById("events_fom").src = img2.src;
}

function swap_for_img3()
{
	document.getElementById("ongoing_fom").src = img3.src;
}

function swap_for_img4()
{
	document.getElementById("ongoing_fom").src = img4.src;
}

function swap_for_img5()
{
	document.getElementById("courses_fom").src = img5.src;
}

function swap_for_img6()
{
	document.getElementById("courses_fom").src = img6.src;
}