function openPage(input) {
	
		var headerImages = new Array("images/welcome1.gif", "images/welcome2.gif", "images/locations1.gif", "images/locations2.gif", "images/times1.gif", "images/times2.gif", "images/general1.gif", "images/general2.gif", "images/contact1.gif", "images/contact2.gif", "images/help1.gif", "images/help2.gif");
		
		//this make sure that the browser can handle the 'images' javascript object 
		
		switch (input) {
			case 1:changeImage(input);
			       document.images["three"].src = headerImages[2];
				   document.images["five"].src = headerImages[4];
				   document.images["seven"].src = headerImages[6];
				   document.images["nine"].src = headerImages[8];
				   document.images["eleven"].src = headerImages[10];
				   return("html/welcome.html");
			       break;
				   
		    case 3:changeImage(input);
			       document.images["one"].src = headerImages[0];
				   document.images["five"].src = headerImages[4];
				   document.images["seven"].src = headerImages[6];
				   document.images["nine"].src = headerImages[8];
				   document.images["eleven"].src = headerImages[10];
				   return("html/locations.html");
				   break;
				   
			case 5:changeImage(input);
			       document.images["one"].src = headerImages[0];   
			       document.images["three"].src = headerImages[2];
				   document.images["seven"].src = headerImages[6];
				   document.images["nine"].src = headerImages[8];
				   document.images["eleven"].src = headerImages[10];
				   return("html/times.html");
				   break;
				   
			case 7:changeImage(input);
			       document.images["one"].src = headerImages[0];   
			       document.images["three"].src = headerImages[2];
				   document.images["five"].src = headerImages[4];
				   document.images["nine"].src = headerImages[8];
				   document.images["eleven"].src = headerImages[10];
				   return("html/general.html");
				   break;
				   
			case 9:changeImage(input);
			       document.images["one"].src = headerImages[0];   
			       document.images["three"].src = headerImages[2];
				   document.images["five"].src = headerImages[4];
				   document.images["seven"].src = headerImages[6];
				   document.images["eleven"].src = headerImages[10];
				   return("html/contact.html");
				   break;
				   
			case 11:changeImage(input);
			       document.images["one"].src = headerImages[0];   
			       document.images["three"].src = headerImages[2];
				   document.images["five"].src = headerImages[4];
				   document.images["seven"].src = headerImages[6];
				   document.images["nine"].src = headerImages[8];
				   return("html/help.html");
				   break;
		}
}



function changeImageBack(input) {
	var headerImages = new Array( "images/welcome2.gif", "images/welcome1.gif", "images/locations2.gif","images/locations1.gif",  "images/times2.gif", "images/times1.gif",  "images/general2.gif", "images/general1.gif",  "images/contact2.gif", "images/contact1.gif",  "images/help2.gif", "images/help1.gif");
	
	switch (input) {
		case 1 : index="one";
		         break;
		case 3 : index="three";
				 break;
		case 5 : index="five";
		         break;
		case 7 : index="seven";
		         break;
		case 9 : index="nine";
		         break;
		case 11 : index="eleven";
	}
    document.images[index].src = headerImages[input];
}




function changeImage(input) {
	var headerImages = new Array("images/welcome1.gif", "images/welcome2.gif", "images/locations1.gif", "images/locations2.gif", "images/times1.gif", "images/times2.gif", "images/general1.gif", "images/general2.gif", "images/contact1.gif", "images/contact2.gif", "images/help1.gif", "images/help2.gif");
	
	switch (input) {
		case 1 : index="one";
		         break;
		case 3 : index="three";
				 break;
		case 5 : index="five";
		         break;
		case 7 : index="seven";
		         break;
		case 9 : index="nine";
		         break;
		case 11 : index="eleven";
	}
    document.images[index].src = headerImages[input];
}

function titleReplace() {
	// Get the select box
	var theSelect = document.getElementById('chooser');
	// Get the currently selected item
	var titleText = theSelect.options[theSelect.selectedIndex].text;
	// Get the element that you want to replace the text for
	var titleElem = document.getElementById('replaceMe');
	// Replace the text node with the text from the selected item in the select box
	titleElem.childNodes[0].nodeValue = titleText;
	
	box = document.forms[0].chooser;
	destination = box.options[box.selectedIndex].value;
	frames['IPIX'].location.href=destination;
}