Add the Nucleolus

CIL/application/views/main_page2/nucleolus.php

@@ -0,0 +1,15 @@
+<span class="cil_title">Explore <i>Nucleolus</i></span>
+<div class="row">
+    <div class="col-md-7">
+        <img id="nucleolus_img" class="interactive_cell_width" src="/pic/interactive_cells/nucleolus/nucleolus_main.jpg">
+    </div>
+    <div class="col-md-3 row_no_gap_right">
+         <ul class="list-group"> 
+            <li id="ribosomal_rna_id" class="list-group-item"><a href="/images?k=%22ribosomal+RNA%22&simple_search=Search" class="anchor_blue">Ribosomal RNA</a></li>
+            <li id="chromatin_id" class="list-group-item"><a href="/images?k=chromatin&simple_search=Search" class="anchor_blue">Chromatin</a></li>
+         </ul>
+        
+    </div>
+    <div class="col-md-2"></div>
+</div>
+

CIL/application/views/pages/cell_illustration_display2.php

@@ -76,4 +76,15 @@
         <div class="col-md-4">
         </div>
     </div>
+    <div class="row">
+        <div class="col-md-12"><br/></div>
+        <div class="col-md-8">
+           <?php
+
+                include_once getcwd()."/application/views/main_page2/nucleolus.php";
+           ?>
+        </div>
+        <div class="col-md-4">
+        </div>
+    </div>
 </div>    

CIL/js/cil_interactive_cell.js

@@ -1086,12 +1086,51 @@ $( "#outer_membrane_id" ).mouseout(function() {
 
 });
 
-
 $( "#outer_membrane_id" ).click(function() {
     //console.log('action_cytoskeleton click');
     var win = window.open('/images?k=%22mitochondrial+outer+membrane%22&simple_search=Search', '_self');
     win.focus();
 });
 /**********************End *Mitochondrion*********************************************/
 
+
+/***********************nucleolus*********************************************/
+$( "#ribosomal_rna_id" ).mouseover(function() {
+    //console.log('golgi_apparatus in');
+    document.getElementById('ribosomal_rna_id').className  = 'list-group-item selected_blue';
+    document.getElementById('nucleolus_img').src = '/pic/interactive_cells/nucleolus/ribosomal_rna.jpg';
+});
+$( "#ribosomal_rna_id" ).mouseout(function() {
+    //console.log('golgi_apparatus out');
+    document.getElementById('ribosomal_rna_id').className  = 'list-group-item';
+    document.getElementById('nucleolus_img').src = '/pic/interactive_cells/nucleolus/nucleolus_main.jpg';
+
+});
+
+$( "#ribosomal_rna_id" ).click(function() {
+    //console.log('action_cytoskeleton click');
+    var win = window.open('/images?k=%22ribosomal+RNA%22&simple_search=Search', '_self');
+    win.focus();
+});
+
+
+$( "#chromatin_id" ).mouseover(function() {
+    //console.log('golgi_apparatus in');
+    document.getElementById('chromatin_id').className  = 'list-group-item selected_blue';
+    document.getElementById('nucleolus_img').src = '/pic/interactive_cells/nucleolus/chromatin.jpg';
+});
+$( "#chromatin_id" ).mouseout(function() {
+    //console.log('golgi_apparatus out');
+    document.getElementById('chromatin_id').className  = 'list-group-item';
+    document.getElementById('nucleolus_img').src = '/pic/interactive_cells/nucleolus/nucleolus_main.jpg';
+
+});
+
+$( "#chromatin_id" ).click(function() {
+    //console.log('action_cytoskeleton click');
+    var win = window.open('/images?k=chromatin&simple_search=Search', '_self');
+    win.focus();
+});
+/***********************nucleolus*********************************************/
+
 } );