/* initalize stuff */
function scribble() {
	$$('.entries').each(function(entries) {
		entries.select('.corners').each(function(img) {
			//alert('got img: ' +img.alt);
			img.removeClassName('corners');
			img.addClassName('cornered');
			img.wrap('div', {'class': 'img-corners'}).insert(
				'<img src="/m2/img/pic-corner-ul.png" width="40" height="40" alt="Corner" class="corner-ul" /><img src="/m2/img/pic-corner-ur.png" width="40" height="40" alt="Corner" class="corner-ur" /><img src="/m2/img/pic-corner-ll.png" width="40" height="40" alt="Corner" class="corner-ll" /><img src="/m2/img/pic-corner-lr.png" width="40" height="40" alt="Corner" class="corner-lr" />');
		});
		
		var numDoodles = 32;
		entries.select('hr').each(function(rule) {
			var num = Math.floor(Math.random()*numDoodles);
			var newRule = '<img src="/m2/img/doodles/'+num+'.png" class="hr" alt="Horizontal rule doodle" />';
			rule.wrap('div', {'class': 'hr'});
			rule.replace(newRule)
		});
	});
	
	$('logo').addClassName('clickable');
	$('logo').observe('click', function() {
		window.location = '/m2/';
	});
	if ( eval('SyntaxHighlighter') ) {
		SyntaxHighlighter.all();
	}
}

Event.observe(window, 'dom:loaded', scribble);