function preloadImages()
  {
  var images = ['media/navi/sb.jpg','media/navi/pb.jpg','media/navi/gb.jpg','media/navi/kb.jpg','media/navi/stb.jpg','media/navi/wb.jpg',
                'media/navi/sr.jpg','media/navi/pr.jpg','media/navi/gr.jpg','media/navi/kr.jpg','media/navi/sts.jpg','media/navi/ws.jpg']; 
  var myImages = new Asset.images(images);
  }

function naviSwitch(id,el)
  {
  if (el)
  el.addEvents({
    'mouseenter': function(){el.setProperty('src', 'media/navi/'+navipics[id]+'b.jpg');},
    'mouseleave': function(){el.setProperty('src', 'media/navi/'+navipics[id]+'r.jpg');}
  });
  }
  
function subNaviSwitch(id,el)
  {
  if (el)
  el.addEvents({
    'mouseenter': function(){el.setProperty('src', 'media/navi/'+subnavipics[id]+'b.jpg');},
    'mouseleave': function(){el.setProperty('src', 'media/navi/'+subnavipics[id]+'s.jpg');}
  });
  }
  
function openImage(id)
  {
  $$('.showcasestuff').destroy();
  var showcaseimg = new Element('img', {
      'src': 'media/galerie/'+id+'_big.jpg',
      'id': 'showcaseimg',
      'class': 'showcasestuff',
      'styles': {
          'margin-top': '19px',
          'border': '1px solid black'
      }
    }).inject($('body'));

  var showcasebg = new Element('div', {
      'html': ' ',
      'id': 'showcasebg',
      'class': 'showcasestuff',
      'styles': {
          'position': 'absolute',
          'top': '10%',
          'left': '10%',
          'width': '80%',
          'height': '540px',
          'background-color': '#ffcc01',
          'border': '1px solid black'
      }
    }).inject($('body'));
  
  var showcaseframe = new Element('div', {
      'html': ' ',
      'id': 'showcaseframe',
      'class': 'showcasestuff',
      'styles': {
          'position': 'absolute',
          'top': '10%',
          'left': '10%',
          'width': '80%',
          'height': '540px',
          'cursor': 'pointer',
          'text-align': 'center',
          'background-color': 'transparent',
          'border': '1px solid black'
      },
      'events': {
          'click': function(){
              $$('.showcasestuff').fade(0);
          }
      }
    }).inject($('body'));

  var tmpPos = ( (window.getSize().x) - 700 ) / 2;
  var tmpYPos = ( ( (window.getSize().y) - 542 ) / 2 ) + window.getScroll().y;
  $('showcasebg').setStyle('width', 700); 
  $('showcasebg').setStyle('left', tmpPos); 
  $('showcasebg').setStyle('top', tmpYPos); 
  $('showcaseframe').setStyle('width', 700); 
  $('showcaseframe').setStyle('left', tmpPos); 
  $('showcaseframe').setStyle('top', tmpYPos); 
  $('showcasebg').setOpacity(0.8);

  var waTimer = function(){ 
    if ( $('showcaseimg').getSize().y > 450 )
      {
      updateImg(); 
      waTimer = $clear(waTimer);  
      }
    }.periodical(100);

  }
  
function updateImg()
  {
  $('showcaseimg').inject($('showcaseframe'));
  var tmpwidthImg = $('showcaseimg').getSize().x + 40;
  $('showcaseimg').setOpacity(0);
  var tmpPos = ( (window.getSize().x) - tmpwidthImg ) / 2;
  var tmpYPos = ( ( (window.getSize().y) - 542 ) / 2 ) + window.getScroll().y;
  $('showcasebg').setStyle('width', tmpwidthImg); 
  $('showcasebg').setStyle('left', tmpPos); 
  $('showcasebg').setStyle('top', tmpYPos); 
  $('showcaseframe').setStyle('width', tmpwidthImg); 
  $('showcaseframe').setStyle('left', tmpPos); 
  $('showcaseframe').setStyle('top', tmpYPos); 
  $('showcaseimg').fade(1);
  }