Body Schemas

scripts/catc.js

@@ -148,6 +148,46 @@ function CATC(asGlobals)
 				);
 			});
 		});
+
+		//Body schemas
+		self.vars('bodies', {'Lymphatic System':'lymphatic_system', 'Muscular System':'muscular_system', 'Nervous System':'nervous_system', 'Skeletal System':'skeletal_system'});
+		$.each(self.vars('bodies'), function(sTitle, sFileName) {
+			var oMain = new Image();
+			oMain.src = 'images/'+sFileName+'.jpg';
+			var oThumb = new Image();
+			oThumb.src = 'images/'+sFileName+'_thumb.jpg';
+			self.vars(['bodies', sTitle], {'thumb':oThumb.src, 'main':oMain.src});
+		});
+		self.elem.$Menu.find('.body').popover({
+			container: '#menu',
+			html: true,
+			content: function() {
+				var $Cards = $('<div>', {'class':'card-deck', 'style':'width:40rem;'});
+				$.each(self.vars('bodies'), function(sTitle, asBody) {
+					var $Card = self.getTemplateItem('bodycard');
+					$Card.find('img').attr({'src':asBody.thumb, 'alt':sTitle});
+					$Card.find('.card-text').text(sTitle);
+					$Card
+						.data('title', sTitle)
+						.hover(function() {$(this).toggleClass('text-white bg-primary');})
+						.appendTo($Cards);
+				});
+				return $Cards;
+			},
+			boundary: 'viewport',
+			placement: 'bottom',
+			trigger: 'click'
+		});
+		$('#body-full').on('show.bs.modal', function(event) {
+			var sTitle = $(event.relatedTarget).data('title');
+			var asBody = self.vars(['bodies', sTitle]);
+			var $Modal = $(this);
+			$Modal.find('img').attr({'src':asBody.main, 'alt':sTitle});
+			$Modal.find('.body-title').text(sTitle);
+		});
+		
+		//Home
+		self.elem.$Menu.find('.home').click(function(){self.setHash(self.consts.default_page);});
 		
 		//log Off
 		$('#log-off').on('show.bs.modal', function(event) {
@@ -155,7 +195,6 @@ function CATC(asGlobals)
 			location.href = self.consts.root;
 		});
 		
-		self.elem.$Menu.find('.home').click(function(){self.setHash(self.consts.default_page);});
 		self.elem.$Menu.slideDown('fast');
 	};