jQuery(function($) {
	$('a.image-swapper-link').live('click', function(e) {
		var width = $(this).closest('.article').find('.article-media').attr('width');
		var new_href = $(this).attr('href');
		width = (width) ? ' width="'+width+'"' : '';
		$(this).closest('.article').find('a.image-swapper-link.active').removeClass('active');
		$(this).addClass('active');
		
		if ('map' != $(this).attr('rel')) {
			var image = $('<img src="' + new_href.replace('/icon','/medium') + '" alt="' + $(this).attr('title') + '"'+width+' class="article-image" />');
			var caption = '<p class="article-media-caption">' + $(this).attr('title') + '</p>';
		} else {
			var image = '<div id="gmap-swapped" width="100%" height="420"></div>';
			var caption = '';
		}

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

		$(this).closest('.article').find('.media-wrapper.image').html(image);
		
		$(this).closest('.article').find('.article-media-caption').remove();
		$(this).closest('.article').find('.article-media').append(caption);
		
		if ('map' == $(this).attr('rel')) {
			var lat = $(this).attr('alt').substring(0, $(this).attr('alt').indexOf(':'));
			var lng = $(this).attr('alt').substring($(this).attr('alt').indexOf(':')+1);
		
			var latlng = new google.maps.LatLng(lat, lng);
			var mapOptions = {
				zoom: 7,
				center: latlng,
				mapTypeId: google.maps.MapTypeId.ROADMAP
			};
			var map = new google.maps.Map(document.getElementById("gmap-swapped"), mapOptions);
			var marker = new google.maps.Marker({
				clickable: false,
				map: map, 
				position: latlng
			});

			$('#gmap-swapped').css({'height': '420px', 'z-index' : '100', 'margin-bottom': '5px'});
		}

		e.preventDefault();
	});
});