// JScript source code

button_pics = new Array();

		button_pics[1] = new Image();
		button_pics[1].src = "images/buttons/about_monster_icon_invert.jpg";
		button_pics[2] = new Image();
		button_pics[2].src = "images/buttons/sweetcage_icon_invert.jpg";
		button_pics[3] = new Image();
		button_pics[3].src = "images/buttons/take_care_icon_invert.jpg";
		button_pics[4] = new Image();
		button_pics[4].src = "images/buttons/other_iguanas_icon_invert.JPG";
		button_pics[5] = new Image();
		button_pics[5].src =  "images/buttons/game_icon_invert.jpg";
		button_pics[6] = new Image();
		button_pics[6].src = "images/buttons/disclaimer_icon_invert.jpg";
		button_pics[7] = new Image();
		button_pics[7].src = "images/buttons/about_monster_icon.jpg";
		button_pics[8] = new Image();
		button_pics[8].src = "images/buttons/sweetcage_icon.jpg";
		button_pics[9] = new Image();
		button_pics[9].src = "images/buttons/take_care_icon.jpg";
		button_pics[10] = new Image();
		button_pics[10].src = "images/buttons/other_iguanas_icon.jpg";
		button_pics[11] = new Image();
		button_pics[11].src = "images/buttons/game_icon.jpg"
		button_pics[12] = new Image();
		button_pics[12].src = "images/buttons/disclaimer_icon.jpg";
		button_pics[13] = new Image();
		button_pics[13].src = "images/buttons/Previous_button.jpg";
		button_pics[14] = new Image();
		button_pics[14].src = "images/buttons/Previous_button_invert.JPG";
		button_pics[15] = new Image();
		button_pics[15].src = "images/buttons/next_button_invert.JPG";
		button_pics[16] = new Image();
		button_pics[16].src = "images/buttons/next_button.jpg";
	
	function button_changer(from,to)
	{
		from.src = button_pics[to].src;
	}

function change_picture(menu_button)
{

load_cookie();

front.style.borderBottom ="Black 3px groove";
front.style.borderRight = "Black 3px groove";
front.style.borderLeft ="Black 1px ridge";
front.style.borderTop = "Black 1px ridge";
back.style.borderBottom ="Black 3px groove";
back.style.borderRight = "Black 3px groove";
back.style.borderLeft ="Black 1px ridge";
back.style.borderTop = "Black 1px ridge";
left.style.borderBottom ="Black 3px groove";
left.style.borderRight = "Black 3px groove";
left.style.borderLeft ="Black 1px ridge";
left.style.borderTop = "Black 1px ridge";
right.style.borderBottom ="Black 3px groove";
right.style.borderRight = "Black 3px groove";
right.style.borderLeft ="Black 1px ridge";
right.style.borderTop = "Black 1px ridge";
bottom.style.borderBottom ="Black 3px groove";
bottom.style.borderRight = "Black 3px groove";
bottom.style.borderLeft ="Black 1px ridge";
bottom.style.borderTop = "Black 1px ridge";

step1.style.borderBottom ="Black 3px groove";
step1.style.borderRight = "Black 3px groove";
step1.style.borderLeft ="Black 1px ridge";
step1.style.borderTop = "Black 1px ridge";
step2.style.borderBottom ="Black 3px groove";
step2.style.borderRight = "Black 3px groove";
step2.style.borderLeft ="Black 1px ridge";
step2.style.borderTop = "Black 1px ridge";
step3.style.borderBottom ="Black 3px groove";
step3.style.borderRight = "Black 3px groove";
step3.style.borderLeft ="Black 1px ridge";
step3.style.borderTop = "Black 1px ridge";
step4.style.borderBottom ="Black 3px groove";
step4.style.borderRight = "Black 3px groove";
step4.style.borderLeft ="Black 1px ridge";
step4.style.borderTop = "Black 1px ridge";
step5.style.borderBottom = "Black 3px groove";
step5.style.borderRight = "Black 3px groove";
step5.style.borderLeft ="Black 1px ridge";
step5.style.borderTop = "Black 1px ridge";


	switch(menu_button)
	{
		case front:
			cage_img.src = "images/cage_pics/cage_front_view.jpg";
front.style.borderBottom = "Black 1px groove";
front.style.borderRight = "Black 1px groove";
front.style.borderLeft = "Black 1px ridge";
front.style.borderTop = "Black 1px ridge";
			text_box12.innerText="FRONT VIEW:\n\nThe cage dimensions are approximately 5 feet high, 3 1/2 long, and 1 1/2 feet deep.\n\nStandard Plexiglass® is used with a tight screen on top.\n\nThe flooring inside the cage is made up of 6 sheets of linoleum.\n\nGlass cages are perfect for containing heat but are expensive (expecially for an iguana's needs). Wire/fence cages are cheap and don't hold in the heat at all.\n\nThis design has the advatages of both cages.";
			break;
		case back:
			cage_img.src = "images/cage_pics/cage_back_view.jpg";
back.style.borderBottom = "Black 1px groove";
back.style.borderRight = "Black 1px groove";
back.style.borderLeft = "Black 1px ridge";
back.style.borderTop = "Black 1px ridge";


			text_box12.innerText="BACK VIEW:\n\nTwo pieces of plywood make up the back side of the cage.\n\nHinges could be installed between the two boards to create a swinging trap door.\n\nIf you prefer to access the backside rather than the side, you are able to access more of the cage at one time;however, every time you want to open the cage, you must pivot around to the backside.\n\nOne solid piece of wood could’ve been used, but this one was cut in two for transportation ease.";
			 break;

		case right:
right.style.borderBottom = "Black 1px groove";
right.style.borderRight = "Black 1px groove";
right.style.borderLeft = "Black 1px ridge";
right.style.borderTop = "Black 1px ridge";


			cage_img.src = "images/cage_pics/cage_right_view.jpg";
			text_box12.innerText="RIGHT SIDE:\n\nOne solid piece of plywood was cut to fit the whole side right.\n\nA full door can be installed on this side or a half door, but for this particular design, a half door was chosen to make the cage more stable.";
			break;
		case left:

			cage_img.src = "images/cage_pics/cage_left_view.jpg";
left.style.borderBottom = "Black 1px groove";
left.style.borderRight = "Black 1px groove";
left.style.borderLeft = "Black 1px ridge";
left.style.borderTop = "Black 1px ridge";


			text_box12.innerText="LEFT SIDE:\n\nThis 5 foot piece of plywood is the same size as the right side, but this piece was cut for a door.\n\nThe door was built with 2 simple hinges and 2 small C-Latches to keep the iguana from escaping.";
			break;
		case bottom:
			cage_img.src = "images/cage_pics/cage_bottom_view.jpg";
bottom.style.borderBottom = "Black 1px groove";
bottom.style.borderRight = "Black 1px groove";
bottom.style.borderLeft = "Black 1px ridge";
bottom.style.borderTop = "Black 1px ridge";


			text_box12.innerText="BOTTOM VIEW:\n\nAn extra piece of plywood was added to the bottom for extra support.\n\nIt was added so the wheels' screws wouldn't go through the bottom of the cage.";
			break;	
		
		case step1:
			cage_img.src = "images/cage_pics/Step1.jpg";
step1.style.borderBottom = "Black 1px groove";
step1.style.borderRight = "Black 1px groove";
step1.style.borderLeft = "Black 1px ridge";
step1.style.borderTop = "Black 1px ridge";


			text_box12.innerText="STEP 1:\n\nChoose what dimensions are needed for your cage.\n\nTake into consideration that it must reside somewhere in your habitat and fit through doors.\n\nStay away from heavy wood.  You want this cage to be light as possible for ease in mobility.\n\nThe frame here was made out of 1 inch thick pieces of wood.  Be careful where you drill not to drill into a screw.";
			break;
		case step2:
			cage_img.src = "images/cage_pics/Step2.jpg";
step2.style.borderBottom = "Black 1px groove";
step2.style.borderRight = "Black 1px groove";
step2.style.borderLeft = "Black 1px ridge";
step2.style.borderTop = "Black 1px ridge";


			text_box12.innerText="STEP 2:\n\nOf course, this frame isn't going to be very sturdy.\n\nThe stabilizer bars here help strengthen your cage.\n\nDon't worry, the plywood walls will make the cage stable.";
			break;
		case step3:
			cage_img.src = "images/cage_pics/Step3.jpg";
step3.style.borderBottom = "Black 1px groove";
step3.style.borderRight = "Black 1px groove";
step3.style.borderLeft = "Black 1px ridge";
step3.style.borderTop = "Black 1px ridge";


			text_box12.innerText="STEP 3:\nCut out the appropriate size for the plywood.\nThe screws to attach the plywood to the frame must be thick and deep.\nDon't use screws too big or the frame boards could snap in two.\n\nIf a door is going to be inserted on the left or right side be sure to include a stabilizer bar because the plywood is now in 2 pieces and could cause some instability.\n\nIt's recommended to use an extra piece of plywood on the bottom for the wheels. This part of the cage will take the most abuse and must be made to last.";
			break;
		case step4:
			cage_img.src = "images/cage_pics/Step4.jpg";
step4.style.borderBottom = "Black 1px groove";
step4.style.borderRight = "Black 1px groove";
step4.style.borderLeft = "Black 1px ridge";
step4.style.borderTop = "Black 1px ridge";

			text_box12.innerText="STEP 4:\n\nBolting on the hinges is the safest way.\n\nYou do not want a screw to stick out the other side of the board and potentially stab your iguana.\n\nDrill a hole through the board, and use nuts and bolts to hold the hinges in place.\n\nA small C-latch can be used for locking the door closed.";
			break;
		case step5:
			cage_img.src = "images/cage_pics/Step5.jpg";
step5.style.borderBottom = "Black 1px groove";
step5.style.borderRight = "Black 1px groove";
step5.style.borderLeft = "Black 1px ridge";
step5.style.borderTop = "Black 1px ridge";


			text_box12.innerText="STEP 5:\n\nIt is very important to drill through the Plexiglass® first before screwing it on the frame.\n\nFailure to do so will result in cracking of the glass.\n\nScrew on a strong screen or fence on the top of the cage.\n\nDo not use chicken wire! You will injure your iguana.\n\nUse some kind of flooring inside the cage to ease cleanup.\nGrime and waste will soak into the wood and be extremely hard to clean up.";
			break;
			
	}

}

function change_button(menu_button)
{
	menu_button.bgColor = "#99cc66";
}
function change_button_back(menu_button)
{
	menu_button.bgColor = "#6d9a77";

}