/* Pearls Before Swine */

window.addEvents({
  resize: function() {
  	resizebg();
  },
  domready: function() {

    // resize bg image after it has loaded
    $('bg').addEvent('load',function(){
  		resizebg();
    });

    // make mail link clickable
    var a = $$('#about a');
    a = a[0];
    var hrf = a.text.replace(/ /g,'');
    hrf = hrf.replace(/at/,'@');
    hrf = hrf.replace(/dot/,'.');
    a.set('href','mailto:'+hrf);

    // make image bg switching work
    $$('#photos a.img').addEvent('click',function() {
        img = $(this).getChildren('img');
  		$('bg').set('src',img.get('src'));
  		$$('.cur').removeClass('cur');
  		$(this).addClass('cur');
  		resizebg();
  	});
  }
});



function resizebg() {
	if($('bg')) {
  	var iw = $('bg').width;
  	var ih = $('bg').height;
  	var win = window.getSize();
  	//$('bg').setStyles('width':'auto';'height':'auto');
  	//alert(win.x);
  	var constrain = win.x/win.y > iw/ih ? 'w' : 'h';
  	var w;
  	var h;
  	var x;
  	var y;
  	if(constrain=='w') {
  		w = win.x;
  		h = win.x*ih/iw;
  		x = 0;
  		y = -(h-win.y)/2;
  	} else if(constrain=='h') {
  		w = win.y*iw/ih;
  		h = win.y;
  		x = -(w-win.x)/2;
  		y = 0;
  	}
  	$('bg').setStyles({
  	        width: w+'px',
  	        height: h+'px',
  	        top: y+'px',
  	        left: x+'px'
  	});
	}
}