Event.observe(window, 'load', function() {
  $('one_show_two').observe('click', function() {
    morphToTwo();
  });
  $('one_show_three').observe('click', function(){
    morphToThree();
  });
  $('one_show_four').observe('click', function(){
    morphToFour();
  });
  
  $('two_show_one').observe('click', function() {
    morphToOne();
  });
  $('two_show_three').observe('click', function(){
    morphToThree();
  });
  $('two_show_four').observe('click', function(){
    morphToFour();
  });
  
  $('three_show_one').observe('click', function() {
    morphToOne();
  });
  $('three_show_two').observe('click', function(){
    morphToTwo();
  });
  $('three_show_four').observe('click', function(){
    morphToFour();
  });
  
  $('four_show_one').observe('click', function() {
    morphToOne();
  });
  $('four_show_two').observe('click', function(){
    morphToTwo();
  });
  $('four_show_three').observe('click', function(){
    morphToThree();
  });
});

function morphToOne() {
  $('introHolder').morph("margin-left:0px;");
};

function morphToTwo() {
  $('introHolder').morph("margin-left:-906px;");  
};

function morphToThree() {
  $('introHolder').morph("margin-left:-1812px;");  
};

function morphToFour() {
  $('introHolder').morph("margin-left:-2718px;");  
};
