$(document).ready(function() {

		var firstImage = $('#thumbs li a:first').attr('href');
		var firstImageLink = $('#thumbs li a:first').attr('rel');
		var firstImageTitle = $('#thumbs li a:first').attr('title');
		$('#content').html('<a href="' + firstImageLink + '"><img src="' + firstImage + '" /></a><h3><a href="' + firstImageLink + '">' + firstImageTitle + '</a></h3>');
		$('#thumbs li a:first').addClass('active');
		if ( $('a.active').parent().find('.more-link').length > 0 ) {
			$('#content').append('<a class="more" href="' + firstImageLink +'">' + 'View more' + '</a>');
		};
		Cufon.refresh();
		// $('#thumbs a').preload();
		$('#thumbs a').live('click', function() {
			$('#thumbs a').removeClass('active');
			$(this).addClass('active');
			$('#content').empty();
			$('#content').hide();
			$('#load-img').show();
			var bigImage = $(this).attr('href');
			var link = $(this).attr('rel');
			var title = $(this).attr('title');
			$('#content').html('<a href="' + link + '"><img src="' + bigImage + '" /></a><h3><a href="'+ link + '">' + title + '</a></h3>');
			$('#content img').load(function() {
				$('#load-img').hide();
				$('#content').fadeIn();
				if ( $('a.active').parent().find('.more-link').length > 0 ) {
					$('#content').append('<a class="more" href="' + link +'">View more</a>');
				};
				var contImg = $('#content img').width();
				$('#content').css('width', contImg + 'px');
				Cufon.refresh();
			});
			return false;
		});

});
$(window).load(function() {
	Cufon.refresh();
});