// JavaScript Document

var numPu = 3 // This value may change depending on number of pages (divs).
function showHide (id) {
  for (i=1;i<=numPu;i++) {
	document.getElementById("pu" + i).style.display = 'none';
  }
document.getElementById("pu" + id).style.display = '';
}
//  End -->


var numDo = 4 // This value may change depending on number of pages (divs).
function showHide2 (id) {
  for (i=1;i<=numDo;i++) {
	document.getElementById("do" + i).style.display = 'none';
  }
document.getElementById("do" + id).style.display = '';
}
//  End -->


//----------------------------------------------------------------------
var numStops = 4 // This value may change depending on number of pages (divs).
function showHide3 (id) {

  for (i=1;i<=numStops;i++) {
	document.getElementById("stops" + i).style.display = 'none';
	

  }
	

	
	
		if (id == "1") {
 	document.getElementById("stops1").style.display = '';
  
  		}
  
 	 if (id == "2") {
 		 document.getElementById("stops1").style.display = '';
 		 document.getElementById("stops2").style.display = '';  
		 }
 	 if (id == "3") {
 		 document.getElementById("stops1").style.display = '';
 		 document.getElementById("stops2").style.display = '';  
 		 document.getElementById("stops3").style.display = '';  
		 }
		 
	if (id == "4") {
 		 document.getElementById("stops1").style.display = '';
 		 document.getElementById("stops2").style.display = '';  
 		 document.getElementById("stops3").style.display = '';
 		 document.getElementById("stops4").style.display = '';  
		 }
		 
		 

}



//----------------------------------------------------------------------


var numStops1 = 3 // This value may change depending on number of pages (divs).
function showHideStops1 (id) {
  for (i=1;i<=numStops1;i++) {
	document.getElementById("do_stops1_" + i).style.display = 'none';
  }
document.getElementById("do_stops1_" + id).style.display = '';
}

var numStops2 = 3 // This value may change depending on number of pages (divs).
function showHideStops2 (id) {
  for (i=1;i<=numStops2;i++) {
	document.getElementById("do_stops2_" + i).style.display = 'none';
  }
document.getElementById("do_stops2_" + id).style.display = '';
}

var numStops3 = 3 // This value may change depending on number of pages (divs).
function showHideStops3 (id) {
  for (i=1;i<=numStops3;i++) {
	document.getElementById("do_stops3_" + i).style.display = 'none';
  }
document.getElementById("do_stops3_" + id).style.display = '';
}


var numStops4 = 3 // This value may change depending on number of pages (divs).
function showHideStops4 (id) {
  for (i=1;i<=numStops4;i++) {
	document.getElementById("do_stops4_" + i).style.display = 'none';
  }
document.getElementById("do_stops4_" + id).style.display = '';
}