// JavaScript Document

$(document).ready(function() {

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

$.preloadImages("images/photos/fpImages/billingsPlain.jpg", "images/photos/fpImages/tacomaGlass.jpg", "images/photos/fpImages/pocatelloRoad.jpg", "images/photos/fpImages/cheyenneDance.jpg");

var srcArray = ["images/photos/fpImages/billingsPlain.jpg", "images/photos/fpImages/tacomaGlass.jpg", "images/photos/fpImages/pocatelloRoad.jpg", "images/photos/fpImages/cheyenneDance.jpg"]

var altArray = ['Billings, MT', 'Tacoma, WA', 'Pocatello, ID', 'Cheyenne, WY']

var titleArray =[
'<a href="billings.html">Billings, MT</a>',
'The Museum of Glass, <a href="tacoma.html">Tacoma, WA</a>',
'<a href="pocatello.html">Pocatello, ID</a>',
'<a href="cheyenne.html">Cheyenne, WY</a>'
]


   
var basecount = 0; 

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

var titleFade = function (){$("div#splashTitle").fadeIn("500");};

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

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

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


$("a.upcount").click(function () { 

var upcount = ++basecount;

if (upcount>3) {basecount=0;}


$("img.spImage").fadeOut("500");

setTimeout (imageReplace, 525);

setTimeout (altReplace, 550);

setTimeout (titleReplace, 600);

setTimeout (imageFadeIn, 575);
	
});

$("a.downcount").click(function () { 

var downcount = --basecount;

if (downcount<0) {basecount=3;}

$("img.spImage").fadeOut("500");

setTimeout (imageReplace, 525);

setTimeout (altReplace, 550);

setTimeout (titleReplace, 600);

setTimeout (imageFadeIn, 575);
	
});



});