// Slider JavaScript 

	
		function showPane(paneId) {
			document.getElementById("Pane1").className = (paneId == "Pane1") ? "Selected" : "NotSelected";
			document.getElementById("Pane2").className = (paneId == "Pane2") ? "Selected" : "NotSelected";
			document.getElementById("Pane3").className = (paneId == "Pane3") ? "Selected" : "NotSelected";
			document.getElementById("Pane4").className = (paneId == "Pane4") ? "Selected" : "NotSelected";


			document.getElementById("SlidingContent").style.left = (paneId == "Pane1") ? "0px" :  (paneId == "Pane2") ? "-920px" : (paneId == "Pane3") ? "-1840px" : (paneId == "Pane4") ? "-2760px" : "-3600px";

			document.getElementById("PreviousButton").style.opacity = (paneId == "Pane1") ? 0 : 1;
			document.getElementById("NextButton").style.opacity = (paneId == "Pane4") ? 0 : 1;
		}
		
		function previous() {
			if (document.getElementById("Pane2").className == "Selected")
				showPane("Pane1");
			else if (document.getElementById("Pane3").className == "Selected")
				showPane("Pane2");
			else if (document.getElementById("Pane4").className == "Selected")
				showPane("Pane3");
		}

		function next() {
			if (document.getElementById("Pane1").className == "Selected")
				showPane("Pane2");
			else if (document.getElementById("Pane2").className == "Selected")
				showPane("Pane3");
			else if (document.getElementById("Pane3").className == "Selected")
				showPane("Pane4");
		}