jQuery(document).ready(function() {

	var last_selected_item = "";
    jQuery('.main-grid-item').click(function()
	{
		var item = jQuery(this).attr('id'); // get ID of selected item
		jQuery('.main-grid-item').removeClass('active'); // remove active from any item set as active
		jQuery(this).addClass('active'); // add active to the selected item
		jQuery('.main-grid-view').hide(); // Hide all items
		jQuery('.'+item).fadeIn('slow'); // show the class with the same name as the ID of the selected item
		jQuery('.main-grid-content').removeClass('bg-'+last_selected_item);
		jQuery('.main-grid-content').addClass('bg-'+item); // Add background to the container to allow further styling
		last_selected_item = item; // Set as the last selected item to allow removing
	});
});