DEF_PANEL = 'DEF_PANEL';

function en_footer_panel(){

  var list = $$('div.button');
  list.each(function(el) {

  	var element = $("button"+el.id);
	var timerDelay1 = null;

	var min_width = '1px';
	var max_width = element.getStyle('width');
	var min_height = '24px';
	var max_height = element.getStyle('height'); 

    element.setStyle('width', min_width);
    element.setStyle('height', min_height);
	
	//"buttonM"
    var fx = null;
    fx = new Fx.Styles(element, 
    {
      'duration': fx_duration, 
      'wait': false, 
      'transition': fx_footer_effect,
      'onComplete': function(){
        if (element.getStyle('height') == min_height) {
          element.setStyle('visibility', 'hidden');
        };
      }
    });
 
    element.addEvent('delayshow', function(){
      window.clearTimeout(timerDelay1);
      fx.start({
        'width': max_width,
        'height': max_height
      });
    });

    element.addEvent('delayhide', function(){
      window.clearTimeout(timerDelay1);
      fx.start({
        'width': min_width,
        'height': min_height
      });
    });

    element.addEvent('mouseenter', function(){
      window.clearTimeout(timerDelay1);
      timerDelay1 = window.setTimeout("$('"+element.id+"').fireEvent('delayshow'); ", fx_duration);
    });

    element.addEvent('mouseleave', function(){
      window.clearTimeout(timerDelay1);
      timerDelay1 = window.setTimeout("$('"+element.id+"').fireEvent('delayhide'); ", fx_duration);
    });
  	
  	//"button"
    el.addEvent('mouseenter', function(){
      element.setStyle('visibility', 'visible');
      window.clearTimeout(timerDelay1);
      timerDelay1 = window.setTimeout("$('button"+el.id+"').fireEvent('delayshow'); ", fx_duration);
    });
 
    el.addEvent('mouseleave', function(){
      window.clearTimeout(timerDelay1);
      timerDelay1 = window.setTimeout("$('button"+el.id+"').fireEvent('delayhide'); ", fx_duration);
    });

  });
}

function en_footer_panel0(){

  var min_footer_height = '50px';
  var max_footer_height = '430px'; 
  var inc_footer_height = '-380px';

  var list = $$('div.footer');
  list.each(function(element) {
 
    var fx = null;
    fx = new Fx.Styles(element, 
    {
      'duration': fx_duration, 
      'wait': false, 
      'transition': fx_footer_effect,
      'onComplete': function(){
        if (element.getStyle('height') == min_footer_height) {
          element.setStyle('overflow', 'hidden');
        }else{
          element.setStyle('overflow', 'auto');
        };
      }
    });
 
    element.addEvent('delayshow', function(){
      window.clearTimeout(timerDelay);
      element.setStyle('height', max_footer_height);
      fx.start({
        'margin-top': inc_footer_height
        //,
        //'height': max_footer_height
      });
    });

    element.addEvent('delayhide', function(){
      window.clearTimeout(timerDelay);
      element.setStyle('height', max_footer_height);
      fx.start({
        'margin-top': '0px',
        'height': min_footer_height 
      });
      element.setStyle('overflow', 'hidden');
    });

    element.addEvent('mouseenter', function(){
      window.clearTimeout(timerDelay);
      timerDelay = window.setTimeout("$('div_footer').fireEvent('delayshow'); ", fx_duration);
    });
 
    element.addEvent('mouseleave', function(){
      window.clearTimeout(timerDelay);
      timerDelay = window.setTimeout("$('div_footer').fireEvent('delayhide'); ", fx_duration);
    });

  });
}