window.addEvent('domready', function (ev) {

  // modal window para Reservas de Hotel
  if($('iframeBEIdiso')) {
    var overlay = new OverlayElement ($('iframeBEIdiso'), {
      injectTo: [$$('body')[0]]
    });

    $('reservas').addEvent('click', function (ev) {
      ev.preventDefault();
      overlay.show();
    });
    overlay.element.setStyle('display', 'block');
  }
  
  // Accordion
  var togglers = $$('.drawers .drawer div.drawer-handle'),
  wins = $$('.drawers .drawer div.accordion-container');

  var myAccordion = new Fx.Accordion(togglers, wins, {
    display: 0,
    alwaysHide: false
  });

  // Main Slideshow
  var slideContainer = $('slideshow');

  if(slideContainer) {
    var slide_wrapper = slideContainer.getElement('.slide-wrapper'),
    count_slides = slideContainer.getElements('.picture').length;

    
    slide_wrapper.setStyles({
      'width': count_slides*720
    });

    var slide = new Fx.Scroll(slideContainer, {
      wait: false,
      duration: 1000,
      transition: Fx.Transitions.Quad.easeInOut
    });

    // auto
    var moveSlide = function (ind) {
      if (ind===undefined) {
        if(this.ind == undefined) this.ind = 0;
        this.ind = (this.ind > (count_slides - 1)) ? 0 : this.ind;
      }
      else {
        this.ind = ind;
      }

      slide.start(720*this.ind, 0);
      this.ind++;
    }

    var timer = moveSlide.periodical(10000);

    // slideshow index
    var slideIndex = $('slide-index');
    slideIndex.addEvents({
      click: function (ev) {
        timer = $clear(timer);
        timer = moveSlide.periodical(10000);
        moveSlide(ev.target.get('text').toInt() -1);
      }
    })
    
  } // end Main Slideshow  
  
  // Carousel Page level 1
  var slidePagesChildren = $('slideshow-paginas');
  if(slidePagesChildren) {
    
    slide_wrapper = slidePagesChildren.getElement('.slide-wrapper-paginas'),
    count_slides = slidePagesChildren.getElements('ul li.subpagina').length + 1;

    if(count_slides > 3) {

      slide_wrapper.setStyles({
        'width': count_slides*251
      });

      slide = new Fx.Scroll(slidePagesChildren, {
        wait: false,
        duration: 1000,
        transition: Fx.Transitions.Quad.easeInOut
      });

      var arrows = $$('#noticia-bloque a.arrow');
    
      // auto
      moveSlide = function (ind) {
        this.ind = (this.ind) ? this.ind : 0;

        if (ind===undefined) if(this.ind == undefined) this.ind = 1;

        if($type(ind) == 'string') {
          if (ind=='previous') this.ind = this.ind - 1;
          if (ind=='next') this.ind = this.ind + 1;
        }
        else {
          this.ind++;
        }

        this.ind = (this.ind > (count_slides - 4) ? 0 : (this.ind < 0) ? (count_slides - 4) : this.ind);
        slide.start(251*this.ind, 0);

        // escondemos las arrows
        if (!this.ind) arrows[0].setStyle('display', 'none')
        else arrows[0].setStyle('display', 'block')

        // escondemos las arrows
        if ((this.ind + 4) == count_slides) arrows[1].setStyle('display', 'none')
        else arrows[1].setStyle('display', 'block')
      
      }

      timer = moveSlide.periodical(5000);

      // arrows events
      $('noticia-bloque').addEvent('click:relay(a.arrow)', function (ev) {
        ev.stop();
        var move = ev.target.hasClass('arrow-left') ? 'previous' : 'next';
        timer = $clear(timer);
        timer = moveSlide.periodical(5000);
        moveSlide(move);

      })
    }
  }


  // tapas en thumb de eventos
  var showWrapper = $$('.shows-wrapper .img-placeholder')

  var myEffects;
  showWrapper.each(function (event) {
    if(event.getNext().get('text').trim() != '') {
      event.addEvents({
        mouseenter: function (ev) {

          myEffects = new Fx.Morph(event, {
            duration: 400,
            transition: Fx.Transitions.Sine.easeOut
          });

          //ev.target.setStyle('position', 'absolute')

          myEffects.start({
            opacity: 0.1
          });
        }
        ,
        mouseleave: function (ev) {
          myEffects.cancel();
          myEffects.start({
            opacity: 1
          });
        }
      })

      event.getNext().addEvents({
        mouseleave: function (ev) {
          myEffects.cancel();
          myEffects.start({
            opacity: 1
          });
        }
      })
    }
  })



/*
  var myEffects = new Fx.Morph('myElement', {
    duration: 1000,
    transition: Fx.Transitions.Sine.easeOut
    });

  myEffects.start({
    'height': [10, 100],
    'width': [900, 300],
    'opacity': 0,
    'background-color': '#00f'
  });
  */
})