var displayedStep = "step1"

function showSteps()	{
	
	// check the browser is capable of recognising the DOM objects

	   
	if(!document.getElementsByTagName) return false;
	if(!document.getElementById) return false;
	if(!document.getElementById("buyingSteps")) return false;
	

	var menu = document.getElementById("purchaseStepLinks");
	var menulinks = menu.getElementsByTagName("img");
	
		for(i = 0; i < menulinks.length; i++) {
		

			menulinks[i].onmouseover = function() {
				
					   showThisStep(this);
					   fadeImage(this)	
			}
			
			
			menulinks[i].onmouseout = function() {
			
					return noFadeImage(this)		
					
				}

		}
}


function showThisStep(obj)	{
	

var thisStepId = obj.id


	document.getElementById(displayedStep).style.display = "none"
	
	document.getElementById("step"+thisStepId).style.display = "block"
	displayedStep = "step"+thisStepId
	
	document.getElementById("stepIndicator").firstChild.nodeValue = "Step " + thisStepId
	
}