//--------------------------------------------------------------------------------------------------------------
//                                            Variables globales
//--------------------------------------------------------------------------------------------------------------
var myElems, myCont = 0;

//--------------------------------------------------------------------------------------------------------------
//                                         Manejadores de eventos
//--------------------------------------------------------------------------------------------------------------
document.observe("dom:loaded", function(){
 $$('.displaynone').invoke('setStyle', {
  opacity: 0,
  display: 'block'
 });
 
 myElems = $$('.elem');
 
 $('enlfotografia').observe('mouseover', function(){$('logofotografia').setStyle({backgroundPosition: '-136px 0px'});}).
  observe('mouseout', function(){$('logofotografia').setStyle({backgroundPosition: '0px 0px'});}).
  observe('click', function(e){
   e.stop();
   
   myCont = 0;
   
   $('enlfotografia').stopObserving('mouseout');
   $('logofotografia').setStyle({backgroundPosition: '-136px 0px'});
   
   
   for(var i = 0; i < myElems.length; i++) if(myElems[i].id == 'elem_2') break;
   myElems.splice(i, 1);
   Effect.multiple(myElems, Effect.Fade, {
    speed: 0.2,
    afterFinish: function(){
     if(++myCont == myElems.length) new Effect.Move('elem_2', {
      x: -100,
      y: 100,
      afterFinish: function(){
       new Effect.Move('elem_2', {
        x: 500,
        y: -500,
        duration: 0.3,
        transition: Effect.Transitions.sinoidal,
        afterFinish: function(){location = 'http://fotografia.alimagen.com/';}
       });
      }
     });
    }
   });
  });
  
 $('enlweb').observe('mouseover', function(){$('logoweb').setStyle({backgroundPosition: '-161px 0px'});}).
  observe('mouseout', function(){$('logoweb').setStyle({backgroundPosition: '0px 0px'});}).
  observe('click', function(e){
   e.stop();
   
   myCont = 0;
   
   $('enlweb').stopObserving('mouseout');
   $('logoweb').setStyle({backgroundPosition: '-161px 0px'});
   
   
   for(var i = 0; i < myElems.length; i++) if(myElems[i].id == 'elem_5') break;
   myElems.splice(i, 1);
   Effect.multiple(myElems, Effect.Fade, {
    speed: 0.2,
    afterFinish: function(){
     if(++myCont == myElems.length) new Effect.Move('elem_5', {
      x: -100,
      y: 100,
      afterFinish: function(){
       new Effect.Move('elem_5', {
        x: 800,
        y: -800,
        duration: 0.3,
        transition: Effect.Transitions.sinoidal,
        afterFinish: function(){location = 'http://web.alimagen.com/';}
       });
      }
     });
    }
   });
  });
  
});

Event.observe(window, 'load', function(){
 Effect.multiple(myElems, Effect.Appear, {
  speed: 0.4,
  afterFinish: function(){if(++myCont == myElems.length) $('cabecera').appear({delay: 1});}
 });
});

/* Event.observe(window,'resize', function(){
}); */