jQuery(function($) {
	$('a.image-swapper-link').live('click', function(e) {
		var width = 450;//.find('.article-media')
		var new_href = $(this).attr('href');
		//width = ;
		$(this).closest('#main').find('a.image-swapper-link.active').removeClass('active');
		$(this).addClass('active');
		
		//+((width) ? ' width="'+width+'"' : '')
		var image = $('<img src="' + new_href +'&w=450" alt="' + $(this).attr('title') + '"'+' class="article-image" />');
		var caption = '<span class="article-media-caption">' + $(this).attr('title') + '</span>';

		$(this).closest('#main').find('.modal-box-link').attr('href',new_href.replace('/medium',''));

		$(this).closest('#main').find('.media-wrapper.image').html(image);
		
		$(this).closest('#main').find('.article-media-caption').remove();
		$(this).closest('#main').find('.article-media').append(caption);

		e.preventDefault();
	});
	$('a.image-swapper-link').each(function(){
		$.preLoadImages($(this).attr('href')+'&w=450');//
	})

});


var cache = [];
// Arguments are image paths relative to the current page.
$.preLoadImages = function() {
	var args_len = arguments.length;
	for (var i = args_len; i--;) {
		var cacheImage = document.createElement('img');
		cacheImage.src = arguments[i];
		cache.push(cacheImage);
	}
}