function stepText1(){
  if(document.getElementById('step1txt').style.display == "none"){
    // div is hidden, so let's slide down
    document.getElementById('step1txt').style.display='block';
	document.getElementById('oarrow1').style.display='block';
	document.getElementById('oarrow2').style.display='none';
	document.getElementById('oarrow3').style.display='none';
	document.getElementById('step2txt').style.display='none';
	document.getElementById('step3txt').style.display='none';
  }
  else{
	slideup('stepsDrawer');
  }
}

function stepText2(){
  if(document.getElementById('step2txt').style.display == "none"){
    // div is hidden, so let's slide down
    document.getElementById('step2txt').style.display='block';
	document.getElementById('oarrow1').style.display='none';
	document.getElementById('oarrow2').style.display='block';
	document.getElementById('oarrow3').style.display='none';
	document.getElementById('step1txt').style.display='none';
	document.getElementById('step3txt').style.display='none';
  }
  else{
	slideup('stepsDrawer');
  }
}

function stepText3(){
  if(document.getElementById('step3txt').style.display == "none"){
    // div is hidden, so let's slide down
    document.getElementById('step3txt').style.display='block';
	document.getElementById('oarrow1').style.display='none';
	document.getElementById('oarrow2').style.display='none';
	document.getElementById('oarrow3').style.display='block';
	document.getElementById('step1txt').style.display='none';
	document.getElementById('step2txt').style.display='none';
  }
  else{
	slideup('stepsDrawer');
  }
}




function stepText1blue(){
  if(document.getElementById('step1txt').style.display == "none"){
    // div is hidden, so let's slide down
    document.getElementById('step1txt').style.display='block';
	document.getElementById('oarrow1').style.display='block';
	document.getElementById('oarrow2').style.display='none';
	document.getElementById('oarrow3').style.display='none';
	document.getElementById('step2txt').style.display='none';
	document.getElementById('step3txt').style.display='none';
	document.getElementById('step1but').style.background='url(../images/steps/step_1_sprite.gif) -34px 0 no-repeat';
	document.getElementById('step2but').style.background='url(../images/steps/step_2_sprite.gif) 0 0 no-repeat';
	document.getElementById('step3but').style.background='url(../images/steps/step_3_sprite.gif) 0 0 no-repeat';
  }
}

function stepText2blue(){
  if(document.getElementById('step2txt').style.display == "none"){
    // div is hidden, so let's slide down
    document.getElementById('step2txt').style.display='block';
	document.getElementById('oarrow1').style.display='none';
	document.getElementById('oarrow2').style.display='block';
	document.getElementById('oarrow3').style.display='none';
	document.getElementById('step1txt').style.display='none';
	document.getElementById('step3txt').style.display='none';
	document.getElementById('step1but').style.background='url(../images/steps/step_1_sprite.gif) 0 0 no-repeat';
	document.getElementById('step2but').style.background='url(../images/steps/step_2_sprite.gif) -34px 0 no-repeat';
	document.getElementById('step3but').style.background='url(../images/steps/step_3_sprite.gif) 0 0 no-repeat';
  }
}

function stepText3blue(){
  if(document.getElementById('step3txt').style.display == "none"){
    // div is hidden, so let's slide down
    document.getElementById('step3txt').style.display='block';
	document.getElementById('oarrow1').style.display='none';
	document.getElementById('oarrow2').style.display='none';
	document.getElementById('oarrow3').style.display='block';
	document.getElementById('step1txt').style.display='none';
	document.getElementById('step2txt').style.display='none';
	document.getElementById('step1but').style.background='url(../images/steps/step_1_sprite.gif) 0 0 no-repeat';
	document.getElementById('step2but').style.background='url(../images/steps/step_2_sprite.gif) 0 0 no-repeat';
	document.getElementById('step3but').style.background='url(../images/steps/step_3_sprite.gif) -34px 0 no-repeat';
  }
}








function step1but(){
	if((document.getElementById('stepsDrawer').style.display == "block")&&(document.getElementById('oarrow1').style.display == "block")){
		document.getElementById('step1but').style.background='url(../images/steps/step_1_sprite.gif) 0 0 no-repeat';
		document.getElementById('step2but').style.background='url(../images/steps/step_2_sprite.gif) 0 0 no-repeat';
		document.getElementById('step3but').style.background='url(../images/steps/step_3_sprite.gif) 0 0 no-repeat';
	}else if((document.getElementById('stepsDrawer').style.display == "block")&&(document.getElementById('oarrow1').style.display == "none")){
		document.getElementById('step1but').style.background='url(../images/steps/step_1_sprite.gif) -34px 0 no-repeat';
		document.getElementById('step2but').style.background='url(../images/steps/step_2_sprite.gif) 0 0 no-repeat';
		document.getElementById('step3but').style.background='url(../images/steps/step_3_sprite.gif) 0 0 no-repeat';	
	}else{
		document.getElementById('step1but').style.background='url(../images/steps/step_1_sprite.gif) -34px 0 no-repeat';
		document.getElementById('step2but').style.background='url(../images/steps/step_2_sprite.gif) 0 0 no-repeat';
		document.getElementById('step3but').style.background='url(../images/steps/step_3_sprite.gif) 0 0 no-repeat';
	}
}

function step2but(){
	if((document.getElementById('stepsDrawer').style.display == "block")&&(document.getElementById('oarrow2').style.display == "block")){
		document.getElementById('step1but').style.background='url(../images/steps/step_1_sprite.gif) 0 0 no-repeat';
		document.getElementById('step2but').style.background='url(../images/steps/step_2_sprite.gif) 0 0 no-repeat';
		document.getElementById('step3but').style.background='url(../images/steps/step_3_sprite.gif) 0 0 no-repeat';
	}else if((document.getElementById('stepsDrawer').style.display == "block")&&(document.getElementById('oarrow2').style.display == "none")){
		document.getElementById('step1but').style.background='url(../images/steps/step_1_sprite.gif) 0 0 no-repeat';
		document.getElementById('step2but').style.background='url(../images/steps/step_2_sprite.gif) -34px 0 no-repeat';
		document.getElementById('step3but').style.background='url(../images/steps/step_3_sprite.gif) 0 0 no-repeat';	
	}else{
		document.getElementById('step1but').style.background='url(../images/steps/step_1_sprite.gif) 0 0 no-repeat';
		document.getElementById('step2but').style.background='url(../images/steps/step_2_sprite.gif) -34px 0 no-repeat';
		document.getElementById('step3but').style.background='url(../images/steps/step_3_sprite.gif) 0 0 no-repeat';
	}
}

function step3but(){
	if((document.getElementById('stepsDrawer').style.display == "block")&&(document.getElementById('oarrow3').style.display == "block")){
		document.getElementById('step1but').style.background='url(../images/steps/step_1_sprite.gif) 0 0 no-repeat';
		document.getElementById('step2but').style.background='url(../images/steps/step_2_sprite.gif) 0 0 no-repeat';
		document.getElementById('step3but').style.background='url(../images/steps/step_3_sprite.gif) 0 0 no-repeat';
	}else if((document.getElementById('stepsDrawer').style.display == "block")&&(document.getElementById('oarrow3').style.display == "none")){
		document.getElementById('step1but').style.background='url(../images/steps/step_1_sprite.gif) 0 0 no-repeat';
		document.getElementById('step2but').style.background='url(../images/steps/step_2_sprite.gif) 0 0 no-repeat';
		document.getElementById('step3but').style.background='url(../images/steps/step_3_sprite.gif) -34px 0 no-repeat';	
	}else{
		document.getElementById('step1but').style.background='url(../images/steps/step_1_sprite.gif) 0 0 no-repeat';
		document.getElementById('step2but').style.background='url(../images/steps/step_2_sprite.gif) 0 0 no-repeat';
		document.getElementById('step3but').style.background='url(../images/steps/step_3_sprite.gif) -34px 0 no-repeat';
	}
}

function stepHideBut(){
	document.getElementById('step1but').style.background='url(../images/steps/step_1_sprite.gif) 0 0 no-repeat';
	document.getElementById('step2but').style.background='url(../images/steps/step_2_sprite.gif) 0 0 no-repeat';
	document.getElementById('step3but').style.background='url(../images/steps/step_3_sprite.gif) 0 0 no-repeat';
}