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

  var imagelist = $('imagewrapper').getChildren();
  
  var minWidth = 140;
  var minHeight = 80;
  
  var styles = {};
  var toggled = 0;
  var currentab = 0;
   

  function scaleResize (image, center) {
    var sw = (window.getSize().y/8)*14;

var mscreenmode = 'h';   
if(window.getSize().x >= sw)
{
    sw = window.getSize().x;
    mscreenmode = 'w';
}
//    if(sw < 1400) sw = 1400;
    
    image.setStyle('width',sw);
    image.setStyle('height',sw/14*8);

    var wsize = window.getSize();
    var isize = image.getSize();
      
if(mscreenmode == 'h')      
{
    styles.width  = null;
    styles.height = wsize.y;
}
else
{
    styles.width  = wsize.x;
    styles.height  = null;
}
    
    //styles.width  = null;
    //styles.height = wsize.y;
    //styles.width  = wsize.x;
    //styles.height  = null;
    /*
    if(sw < 1400)
    {
      styles.width = null;
      styles.height = wsize.y;
    }*/
    
    if (styles.width  !== null && minWidth  > styles.width)  styles.width  = minWidth;
    if (styles.height !== null && minHeight > styles.height) styles.height = minHeight;

    // *** Calculate second dimension size
    if (styles.width  === null) styles.width  = Math.round(styles.height * isize.x / isize.y);
    if (styles.height === null) styles.height = Math.round(styles.width  * isize.y / isize.x);

    // *** Position in the center of the screen
    if (center){
      // *** Horizontal
      if (styles.width > wsize.x)      styles.left = 0 - Math.round((styles.width - wsize.x) / 2);
      else if (styles.width < wsize.x) styles.left = Math.round((wsize.x - styles.width) / 2);
      else styles.left = 0;

      // *** Vertical
      if (styles.height > wsize.y)      styles.top = 0 - Math.round((styles.height - wsize.y) / 2);
      else if (styles.height < wsize.y) styles.top = Math.round((wsize.y - styles.height) / 2);
      else styles.top = 0;
    }

    styles.position = 'absolute';
    image.setStyles(styles);
  }

    
  function scaleImage () {
    scaleResize(imagelist[0], true);
  }

  window.addEvents({
    'domready': scaleImage,
    'resize': scaleImage
  });




  function toggleTab(id) {
  
    if(toggled === 1)
    {
      var newSlide = new Fx.Tween($('tabcontent'));
      newSlide.start('height', '0px');
      $('tablinks').getChildren('a').removeClass('act');
      $('tabs').getChildren('div.tab').setStyle('display', 'none');
      toggled = 0;
    }
    else
    {      
      // entscheiden welcher Tab ge�ffnet wird anhang der clickid
      
      var newSlide = new Fx.Tween($('tabcontent'));
      newSlide.start('height', '260px');
      toggled = 1;
    }
  }
     
  if(document.getElementById('tabclose'))
  {
    $('tabclose').addEvent('click', function(event){
      event.stop();
      toggleTab(0);
    });
  }
    
  if(document.getElementById('tablinks')) 
  {
  
      $('tablinks').getChildren('a').each(function(item,index) {
      
    $('tablink'+(index+1)).addEvent('click', function(event){
      event.stop();
      if(toggled === 0)
        toggleTab(1);

      $('tablinks').getChildren('a').removeClass('act');
      $('tablink'+(index+1)).toggleClass('act');
      $('tabs').getChildren('div.tab').setStyle('display', 'none');
      $('tab'+(index+1)).setStyle('display', 'block');
    });
    
      });
   }
      
      $('header_nav').getChildren('div.nav_item').each(function(item,index) {
        item.addEvent('mouseover', function(event){
          if(item.getChildren('div.nav_block').length > 0)
            item.getChildren('div.nav_block')[0].setStyles({'display': 'block',opacity: 1});
    });
        item.addEvent('mouseout', function(event){
          if(item.getChildren('div.nav_block').length > 0)
            item.getChildren('div.nav_block').setStyle('display', 'none');
    });
      });
    
});