//Home images

var HbuttonN = new Image;
HbuttonN.src = "buttons/HomeB.jpg"

var HbuttonMO = new Image;
HbuttonMO.src = "buttons/Home_ovr.jpg"

var HbuttonD = new Image;
HbuttonD.src = "buttons/Home_down.jpg"


//rulebook images

var RbuttonN = new Image;
RbuttonN.src = "buttons/RuleB.jpg"

var RbuttonMO = new Image;
RbuttonMO.src = "buttons/Rule_ovr.jpg"

var RbuttonD = new Image;
RbuttonD.src = "buttons/Rule_down.jpg"


//Character images

var CbuttonN = new Image;
CbuttonN.src = "buttons/CharB.jpg"

var CbuttonMO = new Image;
CbuttonMO.src = "buttons/Char_ovr.jpg"

var CbuttonD = new Image;
CbuttonD.src = "buttons/Char_down.jpg"


//Pics images

var PbuttonN = new Image;
PbuttonN.src = "buttons/PicB.jpg"

var PbuttonMO = new Image;
PbuttonMO.src = "buttons/Pic_ovr.jpg"

var PbuttonD = new Image;
PbuttonD.src = "buttons/Pic_down.jpg"


//Directions images

var DbuttonN = new Image;
DbuttonN.src = "buttons/DirecB.jpg"

var DbuttonMO = new Image;
DbuttonMO.src = "buttons/Direc_ovr.jpg"

var DbuttonD = new Image;
DbuttonD.src = "buttons/Direc_down.jpg"




function changePic(firstThingIamSent, secondThingIamSent)  //By setting new variables, we can use one function to swap out any of the three pics.
			{
				firstThingIamSent.src = secondThingIamSent.src;
			}
			
			

//CSS swapping function, if I should ever want to use it again.

var css = 1

function swapCSS()
{
	css++
	
	if(css == 2)
	{
		document.getElementById('style').href = "slinger2.css";
		
		css = 0
	}
	else
	{
		document.getElementById('style').href = "slinger1.css";
	}
}