Cufon.replace('h1');
Cufon.replace('#content h2');

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

  $$('input.reset').each(function(input) {
    var reset = input.get('rel');
    
    input.addEvents({
      focus: function() {
        if(this.value == reset)
          this.value = '';
      },
      blur: function() {
        if(this.value == '')
          this.value = reset;
      }
    });
  });
  
  $$('a').each(function(a) {
    if(a.href.indexOf('mailto:etunimi.sukunimi') == 0) {
      var span = a.getAllPrevious('span');
      
      if(span[0]) {
        var mail = span[0].get('text').toLowerCase().replace(/ä/g, 'a').replace(/ö/g, 'o').replace(/å/g, 'a').replace(/\s/g, '.');
        
        a.set('href', a.get('href').replace('etunimi.sukunimi', mail));
        a.set('text', a.get('text').replace('etunimi.sukunimi', mail).replace('mailto:', ''));
      }
    }
  });
});

function imagePopup(src, link) {
	var loader;
	loader = new Image();
	loader.onload = function() {
		var overlay, container, content, node;
		overlay = document.createElement('div');
		overlay.className = 'imagepopup-overlay';
		document.body.appendChild(overlay);
		container = document.createElement('div');
		container.className = 'imagepopup';
		container.style.width = this.width + 'px';
		container.style.height = this.height + 'px';
		container.style.marginLeft = (-this.width / 2) + 'px';
		container.style.marginTop = (-this.height / 2) + 'px';
		this.className = 'imagepopup-image';
		container.appendChild(this);
		content = document.createElement('div');
		content.className = 'imagepopup-content';
		if (link) {
			node = document.createElement('a');
			node.href = link;
			node.className = 'imagepopup-link';
			content.appendChild(node);
		}
		node = document.createElement('a');
		node.href = '#close';
		node.className = 'imagepopup-close';
		content.appendChild(node);
		container.appendChild(content);
		container.onclick = function(e) {
			var target;
			if (!e) e = window.event;
			for (target = e.target || e.srcElement; target && target.nodeType != 1; target = target.parentNode);
			if (/imagepopup-close/.test(target.className)) {
				document.body.removeChild(container);
				document.body.removeChild(overlay);
				content = container = overlay = container.onclick = null;
				return false;
			}
		};
		document.body.appendChild(container);
	};
	loader.src = src;
}