View source for Template:2016Demo bottom

<html>
<script type="text/javascript">



//MENU FUNCTIONALITY
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


// ONCE THE PAGE LOADS, DECIDES WHICH MENU TO CALL/SHOW
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	var hub_list = new Array(); 		//Array with the list of hub menus

	hub_list[0]= "Safety";
	hub_list[1]= "Judging";
	hub_list[2]= "informationpage";	
	hub_list[3]= "Code";	


       var currentHubMenu; 			// Save the current menu that needs to be displayed


	$(document).ready(function() {

	        currentHubMenu = findCurrentHubMenu();					

		 if (currentHubMenu) {		// if the function returns a positive value - there is a hub menu  display it

			whichPageMenu( "https://2015.igem.org/Menu/DemoSafety" + " " + "#" + currentHubMenu );
                } 

		else {					 // if the value is negative, show the main menu
			showMainMenu();
               }

	});

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////





//LOOK FOR A MENU BASED ON THE HUB LIST ARRAY
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


       var findCurrentHubMenu = function() {   // Look for the hub menu

		for ( var i=0; i< hub_list.length; i++ ) {

			if ( wgPageName.indexOf( hub_list[i] ) > -1 ) {
				return hub_list[i];            //return that it has been found
			}
       		}       
       }

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////





// THIS CALLS THE HUB MENU THAT IS SPECIFIED
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

		function whichPageMenu( div_to_Load ) {

			$( "#menuDisplay" ).load( div_to_Load, function() {					
					activateLoadedMenu(); 
			} );

		}

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	
 



// SHOW MAIN MENU - hide navigation between hub menus since it is not needed
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

		function showMainMenu() {

			$( "#menuDisplay" ).load( "https://2015.igem.org/Menu/DemoSafety #MainPage_menu", function() {					

				activateLoadedMenu();

				// MODIFIES THE CSS TO HIDE THE NAVIGATE BETWEEN MENUS BUTTON
				$(".sideMenu").css( "padding-bottom", "0px" );
				$(".switch_Menus").css( "display", "none" );
				$(".sideMenuTitle").css( "width", "170" );
				$(".sideMenuTitle").css( "margin-left", "-15px" );

			 } );

		}

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////







// ACTIVATE CERTAIN FUNCTIONS ONCE THE MENU IS LOADED 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

		function activateLoadedMenu() {
				
			//default collapses the submenus
			$(".subMenu").hide();

			//toggle function
			$(".subMenu_toggle").click(function() {	
				jQuery(this).next("div").slideToggle();
			 });

			 // this calls the expand all function 
			$(".expand_subMenus").click(function() {	
				subMenus_ShowHide();
			 });
		

			// this allows the navigation between hub menu and main menu

			$( ".switch_Menus").click( function() {


				if($('#MainPage_menu').is(':visible')) {                            // if the main menu is displayed, call the hub menu that is needed 
                                        whichPageMenu( "https://2015.igem.org/Menu/DemoSafety" + " " + "#" +  currentHubMenu );
				}				

				else   { 										//else display the main menu
					$(".switch_Menus").html(" &#9654; ");  
                                         whichPageMenu( "https://2015.igem.org/Menu/DemoSafety #MainPage_menu" ); 

				}


			 } );

		}

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	





//COLLAPSE ALL OR EXPAND ALL FOR SUBMENUS
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	
		 // this is the expand all function 
		function subMenus_ShowHide() {

			if ( $('.subMenu:visible').length == 0) {
				$(".expand_subMenus").html(" -  ");
				$(".subMenu").show();
			}

			// to close 
			else {
				$(".expand_subMenus").html("+ ");
				$(".subMenu").hide();
			}
		}

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// END MENU FUNCTIONALITY












// POP WHY ( ? )
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	var which_why= "why_default";				//STORES WHAT WHY IS BEING CALLED, has a default assigned


		$(".pop_why").click(function() {				//IF A POP WHY IS CLICKED	

			which_why = "https://2015.igem.org/Why_demo"+" " + "#" +which_why;

			$( ".pop_why_content" ).load( which_why , function() {					

				$(".pop_close").click(function() {	
					remove_popwhy();	
				});

				$(".pop_why_cover").click(function() {	
					remove_popwhy();	
				});

			} );	



		//MODIFY SIZE AND POSITION OF THE POP DIV AND THE BACKGROUND
			$(".pop_why_box").css( "top", event.pageY);		
			$(".pop_why_cover").css ("height" , $(document).height() );	
			$(".pop_why_cover").css ("width" , $(document).width() );		

		// CALL BOTH ELEMENTS
			$(".pop_why_box").show();
			$(".pop_why_cover").show();	
		});


			
		// IF THE CLOSE BUTTON IS CLICKED OR ANYTHING OUTSIDE THE POP WHY DIV
		function remove_popwhy () {

			$(".pop_why_box").hide();
			$(".pop_why_cover").hide();
			$( ".pop_why_content" ).empty();	

		}
		

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// END POP WHY ( ? )



// CLICK_OPEN =  EXPAND OR COLLAPSE CONTENT
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	$(".click_open").click(function() {	

//if the content is hidden, show it
		if ( $('.click_content:visible').length == 0) {
			$(".click_content").show();	
			$(".click_icon").html("▼");
		}

		else {
			$(".click_content").hide();		
			$(".click_icon").html("▶");
		}

	 });

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


</script>

</html>