// JavaScript Document
/* Set the style of an element */
function setStyle(objId, style, value)
{
     document.getElementById(objId).style[style] = value;
}

function showPanel1()
{
	setStyle("panel1", "display", "block");
	setStyle("panel2", "display", "none");
	setStyle("panel3", "display", "none");
	setStyle("panel4", "display", "none");
	setStyle("panel5", "display", "none");
	setStyle("panel6", "display", "none");
	
	document.getElementById("panel1_img").src = "../images/pizzas/panel1_over.jpg";
	document.getElementById("panel2_img").src = "../images/pizzas/panel2.jpg";
	document.getElementById("panel3_img").src = "../images/pizzas/panel3.jpg";
	document.getElementById("panel4_img").src = "../images/pizzas/panel4.jpg";
	document.getElementById("panel5_img").src = "../images/pizzas/panel5.jpg";
	document.getElementById("panel6_img").src = "../images/pizzas/panel6.jpg";
}

function showPanel2()
{
	setStyle("panel1", "display", "none");
	setStyle("panel2", "display", "block");
	setStyle("panel3", "display", "none");
	setStyle("panel4", "display", "none");
	setStyle("panel5", "display", "none");
	setStyle("panel6", "display", "none");
	
	document.getElementById("panel1_img").src = "../images/pizzas/panel1.jpg";
	document.getElementById("panel2_img").src = "../images/pizzas/panel2_over.jpg";
	document.getElementById("panel3_img").src = "../images/pizzas/panel3.jpg";
	document.getElementById("panel4_img").src = "../images/pizzas/panel4.jpg";
	document.getElementById("panel5_img").src = "../images/pizzas/panel5.jpg";
	document.getElementById("panel6_img").src = "../images/pizzas/panel6.jpg";
}

function showPanel3()
{
	setStyle("panel1", "display", "none");
	setStyle("panel2", "display", "none");
	setStyle("panel3", "display", "block");
	setStyle("panel4", "display", "none");
	setStyle("panel5", "display", "none");
	setStyle("panel6", "display", "none");
	
	document.getElementById("panel1_img").src = "../images/pizzas/panel1.jpg";
	document.getElementById("panel2_img").src = "../images/pizzas/panel2.jpg";
	document.getElementById("panel3_img").src = "../images/pizzas/panel3_over.jpg";
	document.getElementById("panel4_img").src = "../images/pizzas/panel4.jpg";
	document.getElementById("panel5_img").src = "../images/pizzas/panel5.jpg";
	document.getElementById("panel6_img").src = "../images/pizzas/panel6.jpg";
}

function showPanel4()
{
	setStyle("panel1", "display", "none");
	setStyle("panel2", "display", "none");
	setStyle("panel3", "display", "none");
	setStyle("panel4", "display", "block");
	setStyle("panel5", "display", "none");
	setStyle("panel6", "display", "none");
	
	document.getElementById("panel1_img").src = "../images/pizzas/panel1.jpg";
	document.getElementById("panel2_img").src = "../images/pizzas/panel2.jpg";
	document.getElementById("panel3_img").src = "../images/pizzas/panel3.jpg";
	document.getElementById("panel4_img").src = "../images/pizzas/panel4_over.jpg";
	document.getElementById("panel5_img").src = "../images/pizzas/panel5.jpg";
	document.getElementById("panel6_img").src = "../images/pizzas/panel6.jpg";
}

function showPanel5()
{
	setStyle("panel1", "display", "none");
	setStyle("panel2", "display", "none");
	setStyle("panel3", "display", "none");
	setStyle("panel4", "display", "none");
	setStyle("panel5", "display", "block");
	setStyle("panel6", "display", "none");
	
	document.getElementById("panel1_img").src = "../images/pizzas/panel1.jpg";
	document.getElementById("panel2_img").src = "../images/pizzas/panel2.jpg";
	document.getElementById("panel3_img").src = "../images/pizzas/panel3.jpg";
	document.getElementById("panel4_img").src = "../images/pizzas/panel4.jpg";
	document.getElementById("panel5_img").src = "../images/pizzas/panel5_over.jpg";
	document.getElementById("panel6_img").src = "../images/pizzas/panel6.jpg";
}

function showPanel6()
{
	setStyle("panel1", "display", "none");
	setStyle("panel2", "display", "none");
	setStyle("panel3", "display", "none");
	setStyle("panel4", "display", "none");
	setStyle("panel5", "display", "none");
	setStyle("panel6", "display", "block");
	
	document.getElementById("panel1_img").src = "../images/pizzas/panel1.jpg";
	document.getElementById("panel2_img").src = "../images/pizzas/panel2.jpg";
	document.getElementById("panel3_img").src = "../images/pizzas/panel3.jpg";
	document.getElementById("panel4_img").src = "../images/pizzas/panel4.jpg";
	document.getElementById("panel5_img").src = "../images/pizzas/panel5.jpg";
	document.getElementById("panel6_img").src = "../images/pizzas/panel6_over.jpg";
}