/**
 * @author chuck
 */




var spellLettersOff = new Image();
spellLettersOff.src = "images/spell-letters.gif"
var spellLettersOver = new Image();
spellLettersOver.src = "images/spell-letters_over.gif"

var spellPeopleOff = new Image();
spellPeopleOff.src = "images/spell-people.gif"
var spellPeopleOver = new Image();
spellPeopleOver.src = "images/spell-people_over.gif"

var spellBothOff = new Image();
spellBothOff.src = "images/spell-both.gif"
var spellBothOver = new Image();
spellBothOver.src = "images/spell-both_over.gif"

var navDownloadOff = new Image();
navDownloadOff.src = "images/nav-download.gif"
var navDownloadOver = new Image();
navDownloadOver.src = "images/nav-download-over.gif"

var navEmailOff = new Image();
navEmailOff.src = "images/nav-email.gif"
var navEmailOver = new Image();
navEmailOver.src = "images/nav-email-over.gif"

var navShuffleOff = new Image();
navShuffleOff.src = "images/nav-shuffle.gif"
var navShuffleOver = new Image();
navShuffleOver.src = "images/nav-shuffle-over.gif"

var currSpellNavImageOff;
var currSpellNavImageOver;
var prevSpellNavImageOff;
var prevSpellNavImageOver;
var prevSpellNav;
var currSpellNav;
var prevSecName;
var currSecName;


$(document).ready(function()
{
	// LETTERS
	
	$("#spell-letters").mouseover(function()
	{
		swapImage(this, spellLettersOver.src)
	});
	
	$("#spell-letters").mouseout(function()
	{
		if(currSecName != "letters")
			swapImage(this, spellLettersOff.src)
	});
	
	$("#spell-letters").click(function()
	{
		toggleNav(this, spellLettersOver.src, spellLettersOff.src, "letters")
	});
	
	// PEOPLE
	$("#spell-people").mouseover(function()
	{
		swapImage(this, spellPeopleOver.src)
	});
	
	$("#spell-people").mouseout(function()
	{
		if(currSecName != "people")
			swapImage(this, spellPeopleOff.src)
	});
	
	$("#spell-people").click(function()
	{
		toggleNav(this, spellPeopleOver.src, spellPeopleOff.src, "people")
	});
	
	//BOTH
	$("#spell-both").mouseover(function()
	{
		swapImage(this, spellBothOver.src)
	});
	
	$("#spell-both").mouseout(function()
	{
		if(currSecName != "both")
			swapImage(this, spellBothOff.src)
	});
	
	$("#spell-both").click(function()
	{
		toggleNav(this, spellBothOver.src, spellBothOff.src, "both")
	});
	
	// SHUFFLE
	$("#nav-shuffle").mouseover(function()
	{
		swapImage(this, navShuffleOver.src)
	});
	
	$("#nav-shuffle").mouseout(function()
	{
		swapImage(this, navShuffleOff.src)
	});
	
	$("#nav-download").mouseover(function()
	{
		swapImage(this, navDownloadOver.src)
	});
	
	$("#nav-download").mouseout(function()
	{
		swapImage(this, navDownloadOff.src)
	});
	
	$("#nav-email").mouseover(function()
	{
		swapImage(this, navEmailOver.src)
	});
	
	$("#nav-email").mouseout(function()
	{
		swapImage(this, navEmailOff.src)
	});
	
	// Toggle default
	toggleNav($("#spell-both"), spellBothOver.src, spellBothOff.src, "both")
});
 

function swapImage(e, i)
{
	$(e).attr({"src" : i});
}

function toggleNav(e, over, off, s)
{
	prevSpellNav = currSpellNav;
	prevSpellNavImageOver = currSpellNavImageOver;
	prevSpellNavImageOff = currSpellNavImageOff;
	prevSecName = currSecName;
	
	currSpellNav = e;
	currSpellNavImageOver = over;
	currSpellNavImageOff = off;
	currSecName = s;
	
	swapImage(prevSpellNav, prevSpellNavImageOff);
	swapImage(currSpellNav, currSpellNavImageOver);
}