$(document).ready(function () {

	//modify featured book images that overflow
	$(".fimage").each(function (index, callback) {
		imageLoader($(this), index);
	});

	function imageLoader(loader, index) {

		var img_src = loader.find('img').attr('src');
		var img = $('<img></img>');
		img.hide();

		img.load(function () {
			loader.find('img').attr('src', img_src);

			var parent_w = loader.parent().width();
			var element_w = loader.width();
			var img_width = loader.find('img').width();

			//loader.parent().find('.author').html( img_width );

			if (img_width > 250) {
				//add expansion arrow
				var content = loader.html();
				loader.html('<div class="expander"></div>');
				loader.children().html(content);
				loader.children().find('a').append('<div class="expander_arrow"><p>&raquo;</p></div>');

				//set up initial cover and sofa widths
				$('.fimage').css('width', '250px');
				$('.sofa').css('width', '245px');
				$('.categories').css('width', '413px');
				$('.featured_book').css('width', '283px');
				$('.lists').css('width', '413px');
				$('.gifts').css('width', '393px');
				$('.events').css('width', '243px');
				$('.events_arrow').css('width', '373px');

				//set animations
				loader.find('a').mouseover(function () {
					var img_width = loader.find('img').width();
					var div_width = loader.width();

					//loader.css('z-index',100);
					loader.stop().animate({ width: img_width }, 'fast');
					$('.sofa').stop().animate({ width: '+=' + Math.round((img_width - 250) / 2) }, 'fast');
					$('.featured_book').stop().animate({ width: '+=' + Math.round((img_width - 250) / 2) }, 'fast');
					$('.gifts').stop().animate({ width: '+=' + Math.round((img_width - 250) / 2) }, 'fast');
					$('.events').stop().animate({ width: '+=' + Math.round((img_width - 250) / 2) }, 'fast');
					$('.events_arrow').stop().animate({ width: '+=' + Math.round((img_width - 250) / 2) }, 'fast');
					loader.find('.expander_arrow').stop().animate({ opacity: 0 }, 'fast', function () {
						loader.find('.expander_arrow').hide();
					});

				}).mouseout(function () {
					var img_width = loader.find('img').width();
					var div_width = loader.width();

					//loader.css('z-index',1);
					loader.stop().animate({ width: 250 }, 'fast');
					$('.sofa').stop().animate({ width: 245 }, 'fast');
					$('.featured_book').stop().animate({ width: 283 }, 'fast');
					$('.gifts').stop().animate({ width: 393 }, 'fast');
					$('.events').stop().animate({ width: 243 }, 'fast');
					$('.events_arrow').stop().animate({ width: 373 }, 'fast');
					loader.find('.expander_arrow').show();
					loader.find('.expander_arrow').stop().animate({ opacity: 0.5 }, 'slow');
				});
			} else { //reset oversized shadows
				//loader.find('.expander').css('width',img_width+'px');
				$('.sofa').css('width', '245px');
			}

		})
		.error(function () { loader.find('img').attr('src', '/images/nocover.png'); })
		.attr('src', img_src)
	}

});
