$(function() {
	Cufon.replace($('#logo span'),{textShadow: '#666 1px 1px' });
	Cufon.replace($("h2, h3,h4, #nav a, #featured-titles a"),{hover:true,hoverables:{a:true}});
	
	$("#featured").cycle({
		fx: "scrollUp",
		cleartype:  true,
		cleartypeNoBg:  true,
		speed: 150,
		sync: 1
	});
	$("#featured-titles").cycle({
		fx: "scrollLeft",
		cleartype:  true,
		cleartypeNoBg:  true,
		speed: 150,
		sync: 1
	})

	var slides = $("#featured, #featured-titles")
	slides.hover(
		function(){
			slides.cycle('pause');
		},
		function(){
			slides.cycle('resume');
		}
	);
	
	//show baseline
	$("body").prepend('<div id="baseline"></div>');
	$("#baseline").css({
		'height':'10px',
		'width':'10px',
		'background-color':'#556971',
		'padding':'0',
		'position':'absolute'
	});
	$("#baseline").click(function(){
		$("#content").css({
			'background':'url("img/baseline-overlay.gif")'
		});
	});	
	
	//Adding 2 spans (.bqbegin and .bqend) to every blockquote element. Used to style the quotes.
	$('blockquote').prepend('<span class="bqbegin">&#8221;</span>')
	$('blockquote').append('<span class="bqend">&#8220;</span>');
	
	$("a[rel=colorbox]").colorbox();
 });