var History = {
  _closed: true,
  _panel:  null,
  _animation: {panel:false},
  initialize: function(){
    Event.observe(window,'load',function(){
      $$('div.decade').each(function(n,i){
        n.setOpacity(0).setStyle({display:'block'});
        new Effect.Opacity(n,{from:0.0,to:1.0,delay:i/10,duration:0.6});
      });
      $$('div.bwa').each(function(n,i){
        new Effect.Opacity(n,{from:1.0,to:0.0,delay:1+i/10,duration:0.6});
      });
    });

    $$('div.decade').each(function(n){
      Event.observe(n,'mouseover',function(){
        if(History._panel && History._panel.id==n.id) return; 
        $(n.id+'-img').setOpacity(History._closed?0.7:1.0);
        $(n.id+'-desc').setOpacity(1.0);
        if(Engine.isMSIE && !Engine.isMSIE7) {
          $(n.id+'-desc').style.color = '#fff';
        }
      });
      Event.observe(n,'mouseout',function(){
        if(History._panel && History._panel.id==n.id) return; 
        $(n.id+'-img').setOpacity(History._closed?1.0:0.2);
        $(n.id+'-desc').setOpacity(1.0);
        if(Engine.isMSIE && !Engine.isMSIE7) {
          $(n.id+'-desc').style.color = '#666';
        }
      });
    });
  },
  open: function(decade){
    if(History._animation.panel) return;
    History._animation.panel = true;
    var d = $(decade).id;
    if(History._closed){
      if(!Engine.isMSIE6) { 
        $$('div.decade div.image').each(function(n,i){
          if(n.id != d+'-img') new Effect.Opacity(n,{
            from:1.0,to:0.2,delay:i/10
          });
        }) 
      } else {
        $$('div.decade div.image').each(function(n){
          if(n.id != d+'-img') n.setOpacity(0.2);
        });
        $$('div.decade a.desc').each(function(n){
          if(n.id != d+'-img') n.setOpacity(0.999);
        });
      }
      
      new Effect.Scale(decade,100,{
        transition:Gucci.cubic,
        scaleFrom:100/15,
        scaleY:false,
        scaleContent:false,
        duration:1.4,
        scaleMode:{originalHeight:504,originalWidth:780}
      });
      
      if(Engine.isMSIE6) {
        $(d+'-desc').style.color = '#666';
      }
      
      new Effect.Opacity(d+'-img',{from:1,to:0});
      new Effect.Opacity(d+'-p',{from:0.999,to:0});
      new Effect.Opacity(d+'-desc',{from:0.999,to:0});
      
      History._closed = false;
      History._panel  = decade;
    } else {
      new Effect.Scale(History._panel,100/15,{
        transition: Gucci.cubic,
        scaleFrom: 100,
        scaleY: false,
        scaleContent: false,
        duration: 1.4,
        scaleMode:{originalHeight:504,originalWidth:780},
        afterUpdate:function(effect){
          $(decade).style.width = (780 + 52 - parseInt(effect.element.style.width)) + 'px';
        }
      });
      
      if(Engine.isMSIE6) {
        $(d+'-desc').style.color = '#666';
      }            
      
      new Effect.Opacity(History._panel.id+'-img',{from:0,to:0.2});
      new Effect.Opacity(History._panel.id+'-p',{from:0,to:0.999});
      new Effect.Opacity(History._panel.id+'-desc',{from:0,to:0.999});
      
      new Effect.Opacity(d+'-img',{from:0.2,to:0});
      new Effect.Opacity(d+'-p',{from:1,to:0});
      new Effect.Opacity(d+'-desc',{from:1,to:0});
      
      History._panel = decade;
    }
    var w = Position.getPageSize().window.width;
    var b = {'d-1920': 0, 'd-1930': 1, 'd-1940': 2, 'd-1950': 3, 'd-1960': 4, 'd-1970': 5, 'd-1980': 6, 'd-1990': 7, 'd-2000': 8, 'd-2006': 9, 'd-gucci': 10 };
    var p = 65+24+212 + (52*b[d]);
      new Effect.HScrollTo((p-(w-780)/2),{
        duration:2.0,
        transition:Gucci.cubic,
        afterFinish:function(){
          History._animation.panel = false;
        }
        });
  }
}