function largeImg(imgtoload){
  var overlay = new Element('div');
  overlay.writeAttribute({'id':'overlay'});
  overlay.setStyle({'visibility':'hidden'});
  $('outside').insert(overlay);
  
  var imgholder = new Element('div');
  imgholder.writeAttribute({'id':'imgholder'});
  var my_img = new Element('img');
  my_img.writeAttribute({'src':imgtoload});
  var close = new Element('div');
  close.update('Close');
  close.addClassName('close');
  var loading = new Element('div');
  loading.update('loading...');
  loading.addClassName('loading');
  
  var caption = new Element($('img_caption').tagName);
  caption.update($('img_caption').innerHTML);
  caption.addClassName('caption');
  imgholder.insert(caption);
  caption.insert(close);
  overlay.insert(loading);
  
  
  Event.observe(my_img, 'load', function(){
    loading.remove()
    imgholder.insert(my_img);
    imgholder.insert(caption);
    $('overlay').insert(imgholder);
    $('imgholder').setStyle({'visibility':'hidden'});
    moveOverlay();
  });
  
  Event.observe(overlay, 'click', function(event){
    $('overlay').setStyle({'visibility':'hidden'});
    if (document.getElementById('imgholder')) $('imgholder').setStyle({'visibility':'hidden'});
  });
}

function moveSpaceme(){
  if (document.getElementById('spaceme')){
    var space = (document.viewport.getDimensions().height-$('header').getHeight()-400)/3;
    var pt = ((2*space)>50)?(((2*space)<165)?((2*space)):165):50;
    var pb = (space>30)?((space<60)?(space):60):30;
    if (document.getElementById('img_med')){
      $('spaceme').setStyle({
        paddingTop:pt+'px',
        paddingBottom:pb+'px'
      });
    }else{
      $('spaceme').setStyle({paddingTop:pt+'px'});
    }
  }
}

function moveOverlay(){
  if (document.getElementById('imgholder')){
    $('imgholder').setStyle({
      'left':(document.viewport.getDimensions().width-$('imgholder').getDimensions().width)/2+'px',
      'top':(document.viewport.getDimensions().height-$('imgholder').getDimensions().height)/2+'px'
    });
  }
}

document.observe("dom:loaded", function(){
  moveSpaceme(); 
  if (document.getElementById('img_med')){
    if ($('img_med').hasClassName("zoomme")){
      $('img_med').setStyle({cursor:"pointer"})
      Event.observe($('img_med'), 'click', function(event){
        $('overlay').setStyle({'visibility':'visible'});
        if (document.getElementById('imgholder')) $('imgholder').setStyle({'visibility':'visible'});
        Event.stop(event);
      });
    }  
  }
})

document.observe("dom:loaded", function() {
  $('outside').select('a[href^=http://]', 'a[href$=pdf]').each(function(link){
    link.writeAttribute({target:"_blank", title:"Javascript will open this external link in a new window."})
  });
});

Event.observe(window, 'resize', function(){
  moveSpaceme();
  moveOverlay(); 
})

Event.addBehavior({
    '#mailinglist' : Remote.Form
})