var bgs={ b0:'#000000', b1:'#000000', b2:'#000000', b3:'#000000', b4:'#000000'};
var b_starts={ b1:916, b2:942, b3:968, b4:994 };
var b_ends={ b1:62, b2:88, b3:114, b4:140 };
var b_pos={ b0:[0,0,0,0,0], b1:[0,1,0,0,0], b2:[0,1,1,0,0], b3:[0,1,1,1,0], b4:[1,1,1,1,1,1] };
var dur = 1500;


window.addEvent('domready', function() {
 var bgfx = new Fx.Tween($(document.body), { duration:dur });

 for(var i=1; i <= 4; i++) {
  var bar = 'b'+i;
  $(bar).addEvents({
  'mouseenter' : function(e) {
   $$('#'+this.id+' div').each( function(item) {
    item.set('tween', { duration:250 }).fade('in');
   });
  },
  'mouseleave' : function(e) {
   $$('#'+this.id+' div').each( function(item) {
    item.set('tween', { duration:500 }).fade('out');
   });
  },
  'click' : function(e) {
    e.stop();
    var url = this.getProperty('href');



    $('ct').set('tween', { duration:250 }).fade('out');

    for(var b=1; b <= 4; b++) {
     var bar = 'b'+b;
     var pos = 0;

     if(b_pos[this.id][b]) pos = b_ends[bar];
     else pos = b_starts[bar];
     $(bar).set('tween', { duration:dur, transition:Fx.Transitions.Quad.easeInOut });
     $(bar).tween('left', pos+'px');

     var bgi=$(bar).getStyle('background-image');
     
     if(bgi.substr(bgi.length - 6) == 'n.png)') {
      $$('#'+bar+' div').each( function(item) { item.fade('show'); });
      $(bar).setStyle('background-image','url(i/'+bar+'f.png)');
      $$('#'+bar+' div').each( function(item) { item.set('tween', { duration:dur }).fade('out'); });
     }
    }

    bgfx.start('background-color', bgs[this.id]).chain(function(){
     document.location=url;
    });
  }
  });
 } 
 sbar = 'b0';

  $(sbar).addEvents({
   'click' : function(e) {
     e.stop();
     var url = this.getProperty('href');
     

     $('ct').set('tween', { duration:250 }).fade('out');

     for(var b=1; b <= 4; b++) {
      var bar = 'b'+b;
      var pos = 0;

      pos = b_starts[bar];
      $(bar).set('tween', { duration:dur, transition:Fx.Transitions.Quad.easeInOut });
      $(bar).tween('left', pos+'px');

      var bgi=$(bar).getStyle('background-image');
     
      if(bgi.substr(bgi.length - 6) == 'n.png)') {
       $$('#'+bar+' div').each( function(item) { item.fade('show'); });
       $(bar).setStyle('background-image','url(i/'+bar+'f.png)');
       $$('#'+bar+' div').each( function(item) { item.set('tween', { duration:dur }).fade('out'); });
      }
     }

     bgfx.start('background-color', bgs['b0']).chain(function(){
      document.location=url;
     });
   }
  });


									});