var current_bg = 0;

function move_bg(new_bg) {
  move_x = current_bg * (-2048);
  if(current_bg - new_bg < 0 || current_bg - new_bg > 0) {
    move_x = new_bg * -2048;
  }
  current_bg = new_bg;  
  new Effect.Move('bg_images', {x:move_x, y:145, mode: 'absolute'});
  footer_init();
}

var footer_state = 0;

function footer_up() {
  
  if(footer_state == 0) {
    new Effect.Move('footer', {x:0, y: -200, 
      beforeStart: function() {
        Event.stopObserving('footer');
      }, 
      afterFinish: function() { 
        footer_state = 1; 
        Event.observe('footer_hider_1', 'mouseout', footer_down, true);
        
        Event.observe('footer_hider_2', 'mouseout', footer_down, true);
        
        Event.observe('footer_hider_3', 'mouseout', footer_down, true);
      } 
    });
  }

}

function footer_down() {
  if(footer_state == 1) {
    new Effect.Move('footer', {x:0, y: 200, 
      beforeStart: function() {
        Event.stopObserving('footer');
      },
      afterFinish: function() { 
        footer_state = 0; 
        var foot = document.getElementById("footer");
        foot.style.top = '' ; 
        Event.observe('footer', 'mouseover', footer_up, true);
      }
    });
  }
}


function footer_init(){
  
  var foot = document.getElementById("footer");
  Event.stopObserving(foot);
	Event.observe(foot, 'mouseover', footer_up, true);
	
}

Event.observe(window, 'load', footer_init, true);