// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// process.js

// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// data

var step = new Array('tools', 'step1', 'step2', 'step3',
                              'step4', 'step5', 'step6');
var step_image = new Array();

// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// preload images

for (i = 0; i < step.length; i++) {
  step_image[step[i]] = new Image();
  step_image[step[i]].src = '/images/' + step[i] + '.jpg';
}

// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// ooh, a click!

function zhow (step) {
  var page_image = document.getElementById('image');
  var page_text = document.getElementById('text');
  var src_text = document.getElementById(step);

  page_image.src = step_image[step].src;
  page_text.innerHTML = src_text.innerHTML;

  return false;
}

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