// load all images into an array
		gImages = new Array(8);  
		gImages[0] = "./../images/tab_rate_plans.gif";
		gImages[1] = "./../images/tab_rate_plans_on.gif";
		gImages[2] = "./../images/tab_rate_plans_over.gif";
		gImages[3] = "./../images/tab_senior_rate_plans.gif";
		gImages[4] = "./../images/tab_senior_rate_plans_on.gif";
		gImages[5] = "./../images/tab_senior_rate_plans_over.gif";
		gImages[6] = "./../images/gs_images/PAYG_rate_plans_tab.gif";
		gImages[7] = "./../images/gs_images/PAYG_rate_plans_tab_on.gif";
		gImages[8] = "./../images/gs_images/Payg_rate_plan_tab_over.gif";
		
		// flag array to determine what was clicked
		bFlag = new Array(2);  
		bFlag[0] = false;
		bFlag[1] = true;
		bFlag[2] = true;
		
		// swap the 'over' images
		function rollOver(cntrl, cnt) 
		{
			if (bFlag[cnt])
				if (cntrl == 'imgResident' || cntrl == 'imgResident1' || cntrl == 'imgResident2')
					document.images[cntrl].src = gImages[2];
				else if (cntrl == 'imgSenior' || cntrl == 'imgSenior1' || cntrl == 'imgSenior2')
					document.images[cntrl].src = gImages[5];
				else if (cntrl == 'imgPAYG' || cntrl == 'imgPAYG1' || cntrl == 'imgPAYG2')
					document.images[cntrl].src = gImages[8];
		}
		
		// swap the 'default' images
		function rollOut(cntrl, cnt) 
		{
			if (bFlag[cnt])
				if (cntrl == 'imgResident' || cntrl == 'imgResident1' || cntrl == 'imgResident2')
					document.images[cntrl].src = gImages[0];
				else if (cntrl == 'imgSenior' || cntrl == 'imgSenior1' || cntrl == 'imgSenior2')
					document.images[cntrl].src = gImages[3];
				else if (cntrl == 'imgPAYG' || cntrl == 'imgPAYG1' || cntrl == 'imgPAYG2')
					document.images[cntrl].src = gImages[6];
		}
		
		// capture what was clicked
		function rollClick(cntrl) 
		{
			if (cntrl == 'imgResident' || cntrl == 'imgResident1' || cntrl == 'imgResident2') 
			{
				bFlag[0] = false;
				bFlag[1] = true;
				bFlag[2] = true;
			} 
			else if (cntrl == 'imgSenior' || cntrl == 'imgSenior1' || cntrl == 'imgSenior2') 
			{
				bFlag[0] = true;
				bFlag[1] = false; 
				bFlag[2] = true;
			}		
			else if (cntrl == 'imgPAYG' || cntrl == 'imgPAYG1' || cntrl == 'imgPAYG2') 
			{
				bFlag[0] = true;
				bFlag[1] = true; 
				bFlag[2] = false;
			}		
		}
		
		// show or hide the appropriate rate plan and
		// reset images
		
		function getObjectByID(objectID){
	if (document.all!=null){
		return document.all[objectID];
	} else if (document.getElementById){
		return document.getElementById(objectID);
	}
}

		function ShowHide(vis)
		{
			if (vis == 'dvRes') 
			{
				// display rate plan
				document.getElementById('dvRes').style.display = '';
				document.getElementById('dvSen').style.display = 'none';
				document.getElementById('dvPAYG').style.display = 'none';
				
				// reset images
				document.images['imgResident'].src = gImages[1];
				document.images['imgResident1'].src = gImages[1];
				document.images['imgResident2'].src = gImages[1];
				document.images['imgSenior'].src = gImages[3];
				document.images['imgSenior1'].src = gImages[3];
				document.images['imgSenior2'].src = gImages[3];
				document.images['imgPAYG'].src = gImages[6];
				document.images['imgPAYG1'].src = gImages[6];
				document.images['imgPAYG2'].src = gImages[6];
		 	} 
			
			if (vis == 'dvSen') 
			{
				// display rate plan
				document.getElementById('dvRes').style.display = 'none';
				document.getElementById('dvSen').style.display = '';
				document.getElementById('dvPAYG').style.display = 'none';
				
				// reset images
				document.images['imgResident'].src = gImages[0];
				document.images['imgResident1'].src = gImages[0];
				document.images['imgResident2'].src = gImages[0];
				document.images['imgSenior'].src = gImages[4];
				document.images['imgSenior1'].src = gImages[4];
				document.images['imgSenior2'].src = gImages[4];
				document.images['imgPAYG'].src = gImages[6];
				document.images['imgPAYG1'].src = gImages[6];
				document.images['imgPAYG2'].src = gImages[6];
			}

			if (vis == 'dvPAYG') 
			{
				// display rate plan
				document.getElementById('dvRes').style.display = 'none';
				document.getElementById('dvSen').style.display = 'none';
				document.getElementById('dvPAYG').style.display = '';
				
				// reset images
				document.images['imgResident'].src = gImages[0];
				document.images['imgResident1'].src = gImages[0];
				document.images['imgResident2'].src = gImages[0];
				document.images['imgSenior'].src = gImages[3];
				document.images['imgSenior1'].src = gImages[3];
				document.images['imgSenior2'].src = gImages[3];
				document.images['imgPAYG'].src = gImages[7];
				document.images['imgPAYG1'].src = gImages[7];
				document.images['imgPAYG2'].src = gImages[7];
			}
		}