// On homepage
// Swap main image when hovering over different main menu links



jQuery(document).ready(function() {
	// Preload the images 
	(function($) {
		var cache = [];
		// Arguments are image paths relative to the current page.
		$.preLoadImages = function() {
			var args_len = arguments.length;
			for (var i = args_len; i--;) {
				var cacheImage = document.createElement('img');
				cacheImage.src = arguments[i];
				cache.push(cacheImage);
			}
	  	}
	})(jQuery)
	jQuery.preLoadImages(
		'http://www.preventioninstitute.sk.ca/theme/prevention/img/home-banner-alcohol.jpg', 
		'http://www.preventioninstitute.sk.ca/theme/prevention/img/home-banner-injury-prevention.jpg', 
		'http://www.preventioninstitute.sk.ca/theme/prevention/img/home-banner-capc.jpg', 
		'http://www.preventioninstitute.sk.ca/theme/prevention/img/home-banner-mental-health.jpg', 
		'http://www.preventioninstitute.sk.ca/theme/prevention/img/home-banner-maternal-health.jpg', 
		'http://www.preventioninstitute.sk.ca/theme/prevention/img/home-banner-parenting-education.jpg', 
		'http://www.preventioninstitute.sk.ca/theme/prevention/img/home-banner-sexual-health.jpg' , 
		'http://www.preventioninstitute.sk.ca/theme/prevention/img/banner-childhood-health-concerns.jpg' 
	);
								
	// Link 1
	jQuery('a.link-1').mouseover(function ()
	{
		jQuery('#main-image').addClass('image-1');
	});
	jQuery('a.link-1').mouseout(function ()
	{
		jQuery('#main-image').removeClass('image-1');
	});
	
	// Link 2
	jQuery('a.link-2').mouseover(function ()
	{
		jQuery('#main-image').addClass('image-2');
	});
	jQuery('a.link-2').mouseout(function ()
	{
		jQuery('#main-image').removeClass('image-2');
	});
	
	// Link 3
	jQuery('a.link-3').mouseover(function ()
	{
		jQuery('#main-image').addClass('image-3');
	});
	jQuery('a.link-3').mouseout(function ()
	{
		jQuery('#main-image').removeClass('image-3');
	});
	
	// Link 4
	jQuery('a.link-4').mouseover(function ()
	{
		jQuery('#main-image').addClass('image-4');
	});
	jQuery('a.link-4').mouseout(function ()
	{
		jQuery('#main-image').removeClass('image-4');
	});
	
	// Link 5
	jQuery('a.link-5').mouseover(function ()
	{
		jQuery('#main-image').addClass('image-5');
	});
	jQuery('a.link-5').mouseout(function ()
	{
		jQuery('#main-image').removeClass('image-5');
	});
	
	// Link 6
	jQuery('a.link-6').mouseover(function ()
	{
		jQuery('#main-image').addClass('image-6');
	});
	jQuery('a.link-6').mouseout(function ()
	{
		jQuery('#main-image').removeClass('image-6');
	});
	
	// Link 7
	jQuery('a.link-7').mouseover(function ()
	{
		jQuery('#main-image').addClass('image-7');
	});
	jQuery('a.link-7').mouseout(function ()
	{
		jQuery('#main-image').removeClass('image-7');
	});
	
	// Link 8
	jQuery('a.link-8').mouseover(function ()
	{
		jQuery('#main-image').addClass('image-8');
	});
	jQuery('a.link-8').mouseout(function ()
	{
		jQuery('#main-image').removeClass('image-8');
	});
});