// JavaScript Document

$(document).ready(function() {

jQuery.preloadImages = function()
{for(var i = 0; i<arguments.length; i++)
{jQuery("<img>").attr("src", arguments[i]);}}

$.preloadImages("images/seaMar.jpg", "images/montana.jpg", "images/casper.jpg", "images/commhealthCW.jpg");

var srcArray = ["images/seaMar.jpg", "images/montana.jpg", "images/casper.jpg", "images/commhealthCW.jpg"]

var altArray = ['Residents on rotation at SeaMar Community Health Center, Seattle, WA', 'Residents on rotation at the Community Health Center in Billings, MT', 'Residents on rotation in Casper, WY', 'Community Health of Central Washington, Yakima, WA']

var titleArray =[
'Residents on rotation at SeaMar Community Health Center, Seattle, WA',
'Residents on rotation in Billings, MT',
'Residents on rotation in Casper, WY',
'Community Health of Central Washington, Yakima, WA'
]


   
var basecount = 0; 

var imageFadeIn = function (){$("img.featurePhoto").fadeIn();};

var imageReplace = function (){$("img.featurePhoto").attr("src", srcArray [basecount]);};

var altReplace = function (){$("img.featurePhoto").attr("alt", altArray [basecount]);};

var titleReplace = function (){$("p#photoCap").html(titleArray [basecount]);};


$("a.one").click(function () { basecount = 0; $("img.featurePhoto").fadeOut("500"); setTimeout (imageReplace, 525); setTimeout (altReplace, 550); setTimeout (titleReplace, 600); setTimeout (imageFadeIn, 575); 
$(this).addClass('active'); $('a.two').removeClass('active'); $('a.three').removeClass('active'); $('a.four').removeClass('active')});
$("a.two").click(function () { basecount = 1; $("img.featurePhoto").fadeOut("500"); setTimeout (imageReplace, 525); setTimeout (altReplace, 550); setTimeout (titleReplace, 600); setTimeout (imageFadeIn, 575);
$(this).addClass('active'); $('a.one').removeClass('active'); $('a.three').removeClass('active'); $('a.four').removeClass('active')});
$("a.three").click(function () { basecount = 2; $("img.featurePhoto").fadeOut("500"); setTimeout (imageReplace, 525); setTimeout (altReplace, 550); setTimeout (titleReplace, 600); setTimeout (imageFadeIn, 575);
$(this).addClass('active'); $('a.one').removeClass('active'); $('a.two').removeClass('active'); $('a.four').removeClass('active')});
$("a.four").click(function () { basecount = 3; $("img.featurePhoto").fadeOut("500"); setTimeout (imageReplace, 525); setTimeout (altReplace, 550); setTimeout (titleReplace, 600); setTimeout (imageFadeIn, 575);
$(this).addClass('active'); $('a.one').removeClass('active'); $('a.two').removeClass('active'); $('a.three').removeClass('active');});


});