// autoload-stuff
window.addEvent('domready', function() {  

  // Hoehe fuer die Menuhintergruende 2ter und 3ter Ebene setzen
  $$('#levelTwoBack, #levelThreeBack').each(function(el) {
    el.setStyle('height', $('main').getSize().y - $('headerContainer').getSize().y);
  });
  
  // Menu-Hover Geschichten
  $$('#menu ul.levelOne li, #menu ul.levelTwo li').each(function(l) {  
    var child = l.getElement('ul');
    l.addEvents({
      'mouseenter' : function() {
        l.addClass('sfhover');
        if (child) {
          if (child.hasClass('levelTwo')) {
            $('levelTwoBack').setStyle('display', 'block');
          }
          if (child.hasClass('levelThree')) {
            $('levelThreeBack').setStyle('display', 'block');
          }
        }
      }, 
      'mouseleave' : function() {
        l.removeClass('sfhover');
        if (child) {
          if (child.hasClass('levelTwo')) {
            $('levelTwoBack').setStyle('display', 'none');
          }
          if (child.hasClass('levelThree')) {
            $('levelThreeBack').setStyle('display', 'none');
          }
        }
      }
    });
  });
  
  // FirstLevel Menus deaktivieren
  $$('#menu ul.levelOne li a').each(function(a) {
    a.addEvent('click', function(e) {
      if (a.getParent().getLast().get('tag') == 'ul') {
        e.stop();
      }
    });
  });
  $$('#menu li li a').each(function(a) {
    a.removeEvents('click');
  });
  
  // Bei Klick auch einen video-link wird oben das embed/param-feld getauscht
  // und somit das neue Video geladen.
  $$('#textUnten a.video-link').each(function(link) {
    link.addEvent('click', function(e) {
      e.stop();
      // Alle anderen Links weiss machen
      $$('#textUnten a.video-link').each(function(l) {
        l.setStyle('color', '#fff');
      });
      // angeklickten Link gelb einfaerben
      link.setStyle('color', '#fdc411');
      var vLink = link.getProperty('href');
      // iframe-src auf gewaehlten link setzen.
      $('video').setProperty(
        'src', 
        'fileadmin/flvplayer/flashvideoplayer.html?video=http://autotag.itns.de/' + vLink);
    });
  });
  
  // Galerie-Funktionen
  /* ============================================================ */

  // Hoch und runter scrollen mit den beiden Pfeilen
  $$('.galerie .pfeilUnten').each(function(pfeil) {
    var galerie = pfeil.getPrevious();
    pfeil.addEvent('click', function() {
      var abstand = galerie.getStyle('margin-top');
      abstand = parseInt(abstand);
      var height = (galerie.getSize().y);
      if ((height + abstand) == 265) {
      // do nothing, stop scrolling
      } else {
        galerie.setStyle('margin-top', (abstand - 60));
      }
    });
  });

  $$('.galerie .pfeilOben').each(function(pfeil) {
    var galerie = pfeil.getNext();
    pfeil.addEvent('click', function() {
      var abstand = galerie.getStyle('margin-top');
      abstand = parseInt(abstand);
      if (abstand == 25) {
        // do nothing
      } else {
        galerie.setStyle('margin-top', (abstand + 60));
      }
    });
  });

  // Bei Klick auf ein kleines Bild, grosses Bild in #grafikoben austauschen
  $$('.galerie .galerieBild img').each(function(thumb) {
    thumb.addEvent('click', function() {
      var src = thumb.getProperty('src');
      // gibts zwar nur eins, trotzdem each
      $$('#grafikOben img').each(function(newBigImg) {
        newBigImg.setProperties({
         src: src,
         width: '510',
         height: '295'
        });
        newBigImg.setStyle('margin-right', 190);
      });
    });
  });

  // Bei Klick auf Galerietext/Ueberschrift entsprechende Galerie ein/ausblenden
  $$('.galerie .galerieUeberschrift').each(function(e) {
    e.addEvent('click', function() {
      // entsprechenden Galerie-Container holen.
      var ueber = e.getParent();
      var gal = ueber.getLast();
      $$('.galerieContainer').each(function(g) {
        if (g != gal) {
          g.setStyle('display', 'none');
        }
      });
      if (gal.getStyle('display') == 'none') {
        gal.getChildren().each(function(galChild) {
          if (galChild.hasClass('galerieBilder')) {
            // positionsreset
            galChild.setStyle('margin-top', 25);
            // erstes bild der galerie holen
            galChild.getFirst().getChildren().each(function(img) {
              if (img.get('tag') == 'img') {
                var src = img.getProperty('src');
                $$('#grafikOben img').each(function(newImg) {
                  newImg.setProperties({
                    src: src,
                    width: '510',
                    height: '295'
                  });
                });
              }
            });
          }
        });
        gal.setStyle('display', 'block');
        
        // text einfaerben wenn aktiv
        $$('.galerieText p').each(function(p) {
          p.setStyle('color', '#fff');
        });
        if (gal.getPrevious().hasClass('galerieText')) {
          gal.getPrevious().getLast().setStyle('color', '#fdc411');
        }
      } 
    });
  });
  
  // wenns mindestens eine galerie gibt, einblenden
  if ($$('.galerie').length > 0) {
    $$('#textUnten div.galerie div.galerieContainer')[0].setStyle('display', 'block');
    //$$('#textUnten div.galerie div.galerieText p')[0].setStyle('color', '#fdc411');
    
    var firstGalImgSrc = $$('#textUnten div.galerie div.galerieContainer div.galerieBilder div.galerieBild img')[0].get('src');
    if (firstGalImgSrc && $('grafikOben')) {
      $('grafikOben').getFirst().setProperties({
        src: firstGalImgSrc,
        width: '510',
        height: '295'
      });
    }
  }

  //=============================================================
  // Contenttable sieht scheisse aus, border entfernen
  $$('#content table.contenttable, #content table.contenttable td').each(function(t) {
    t.removeProperty('style');
  });

  //=============================================================
  // Kontaktformular Rueckruf-Check vorm absenden
  if ($('kontaktAbsenden')) {
    $('kontaktAbsenden').addEvent('click', function(e) {
      if ( ($('kontaktRueckruf').get('checked') == true) && ($('kontaktTelefon').get('value') == '') ) {
        alert('Wenn Sie zurückgerufen werden möchten, geben Sie bitte noch Ihre Telefonnummer an.');
        new Event(e).stop();
      }
      if ( ($('kontaktRueckruf').get('checked') == false) && ($('kontaktTelefon').get('value') != '') ) {
        $('kontaktRueckruf').set('checked', true);
      }
    });
  }
  
  // wenn Telefonnummer was ausgefuellt wird, haken setzen
  if ($('kontaktTelefon')) {
    $('kontaktTelefon').addEvent('keyup', function(e) {
      if ($('kontaktTelefon').get('value') != '') {
        $('kontaktRueckruf').set('checked', true);
      } else {
        $('kontaktRueckruf').set('checked', false);
      }
        
    });
  }
  //=============================================================

  // Such-Tooltip 
  if ($('searchformInput')) {
    $('searchformInput').addEvent('focus', function() {
      var searchTooltip = new Element('div');
      searchTooltip.set({
        'id': 'searchTooltip',
        'styles' : {
          'position': 'absolute',
          'top': '0px',
          'right': '140px',
          'width': '205px',
          'height': '29px',
          'padding': '10px',
          'background': 'url(fileadmin/template/img/black_15.png) repeat',
          'font-size': '12px',
          'line-height': '16px'
        },
        'text': 'Dieses Formular sucht nicht in der Gebrauchtwagendatenbank.'
      });
      searchTooltip.inject($('headerContainer'));
    });
    $('searchformInput').addEvent('blur', function(){
      if($('searchTooltip')) {
        $('searchTooltip').destroy();
      }
    });
  }

  // PNG-Support fuer den IE6 - mootools-style :-)
  // allerdings nur bei <img> fuer alles was background-image per CSS erhaelt
  // muss man diese in der css/ie6.css ueberschreiben
  if (Browser.Engine.trident4) {
    $$('img').each(function(i) {
      iSrc = i.getProperty('src');
      iWidth = i.getSize().x;
      iHeight = i.getSize().y;
      iID = i.getProperty('id');
      iClass = i.getProperty('class');
      iTitle = i.getProperty('title') + " " + i.getProperty('alt');
      iStyle = "display: inline-block; ";
      if (i.getParent().getProperty('href') !== "") {
        iStyle += "cursor: pointer; "
      }
      var iName = iSrc.toLowerCase();
      if (iName.substring(iName.length - 3, iName.length) == "png") {
        var strNewHTML = '<span id="' + iID + 
                        '" class="'+ iClass + 
                        '" title="' + iTitle +
                        '" style="' + iStyle +
                        'width: ' + iWidth + 
                        'px; height: ' + iHeight + 
                        'px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader' + 
                        "(src=\'" + iSrc + "\', sizingMethod='scale');\"></span>";
        i.outerHTML = strNewHTML;
      }
    });
  }
  
});