var supplementsTable = function()
{
	var items = $('#supplements-table .title');
	
	items.each(function(key, val){
		var ele = $(val);
		ele.click(function(evt){
			var ele = $(this);
			var name = ele.attr('name');
			var currentSelectedElement = $('#supplements-table .title-selected-bottom');
			var currentSelectedDiv = $('#supplements-table div.selected');
			currentSelectedDiv.attr('class', 'view text-grey');
			// display div
			$('#' + name).attr('class', 'view text-grey selected');
			
			
			currentSelectedElement.attr('class', 'title borders border-top');
			
			
			ele.attr('class', 'title borders border-top title-selected-bottom');
		});
	});
}


$(document).ready(function(){
	new supplementsTable;
});