// JavaScript Document
function showSM (){
       var sm = document.getElementById('socialmedia');
	   var ef = document.getElementById('events');
	   var cmf = document.getElementById('forum');
	   var cc = document.getElementById('chat');
	   
	   var sml = document.getElementById('socialmedia_l');
	   var efl = document.getElementById('events_l');
	   var cmfl = document.getElementById('forum_l');
	   var ccl = document.getElementById('chat_l');
	   
	   var sm_l = document.getElementById('sm_l');
	   var ef_l = document.getElementById('ef_l');
	   var cmf_l = document.getElementById('cmf_l');
	   var cc_l = document.getElementById('cc_l');
       
	   if(sm.style.display == 'none'){
          sm.style.display = 'block';
		  ef.style.display = 'none';
		  cmf.style.display = 'none';
		  cc.style.display = 'none';
		  
		  sml.style.backgroundColor = '#8fc5d7';
		  efl.style.backgroundColor = '#d5d212';
		  cmfl.style.backgroundColor = '#d5d212';
		  ccl.style.backgroundColor = '#d5d212';
		  ccl.style.backgroundColor = '#d5d212';
		  
		  sm_l.className = 'white';
		  ef_l.className = 'black';
		  cmf_l.className = 'black';
		  cc_l.className = 'black';
	   }
}
function showEF (){
  	   var sm = document.getElementById('socialmedia');
	   var ef = document.getElementById('events');
	   var cmf = document.getElementById('forum');
	   var cc = document.getElementById('chat');	 
	   
	   var sml = document.getElementById('socialmedia_l');
	   var efl = document.getElementById('events_l');
	   var cmfl = document.getElementById('forum_l');
	   var ccl = document.getElementById('chat_l');
	   
	   var sm_l = document.getElementById('sm_l');
	   var ef_l = document.getElementById('ef_l');
	   var cmf_l = document.getElementById('cmf_l');
	   var cc_l = document.getElementById('cc_l');
	   
       if(ef.style.display == 'none'){
          ef.style.display = 'block';
		  sm.style.display = 'none';
		  cmf.style.display = 'none';
		  cc.style.display = 'none';
		  
		  efl.style.backgroundColor = '#8fc5d7';
		  sml.style.backgroundColor = '#d5d212';
		  cmfl.style.backgroundColor = '#d5d212';
		  ccl.style.backgroundColor = '#d5d212';
		  
		  ef_l.className = 'white';
		  sm_l.className = 'black';
		  cmf_l.className = 'black';
		  cc_l.className = 'black';
	   }
}
function showCMF (){
 	   var sm = document.getElementById('socialmedia');
	   var ef = document.getElementById('events');
	   var cmf = document.getElementById('forum');
	   var cc = document.getElementById('chat');	
	   
	   var sml = document.getElementById('socialmedia_l');
	   var efl = document.getElementById('events_l');
	   var cmfl = document.getElementById('forum_l');
	   var ccl = document.getElementById('chat_l');
	   
	   var sm_l = document.getElementById('sm_l');
	   var ef_l = document.getElementById('ef_l');
	   var cmf_l = document.getElementById('cmf_l');
	   var cc_l = document.getElementById('cc_l');
	   
       if(cmf.style.display == 'none'){
          cmf.style.display = 'block';
		  sm.style.display = 'none';
		  ef.style.display = 'none';
		  cc.style.display = 'none';
		  
		  cmfl.style.backgroundColor = '#8fc5d7';
		  sml.style.backgroundColor = '#d5d212';
		  efl.style.backgroundColor = '#d5d212';
		  ccl.style.backgroundColor = '#d5d212';
		  
		  cmf_l.className = 'white';
		  sm_l.className = 'black';
		  ef_l.className = 'black';
		  cc_l.className = 'black';
	   }
}
function showCC (){
 	   var sm = document.getElementById('socialmedia');
	   var ef = document.getElementById('events');
	   var cmf = document.getElementById('forum');
	   var cc = document.getElementById('chat');	
	   
	   var sml = document.getElementById('socialmedia_l');
	   var efl = document.getElementById('events_l');
	   var cmfl = document.getElementById('forum_l');
	   var ccl = document.getElementById('chat_l');
	   
	   var sm_l = document.getElementById('sm_l');
	   var ef_l = document.getElementById('ef_l');
	   var cmf_l = document.getElementById('cmf_l');
	   var cc_l = document.getElementById('cc_l');
	   
       if(cc.style.display == 'none'){
          cc.style.display = 'block';
		  sm.style.display = 'none';
		  ef.style.display = 'none';
		  cmf.style.display = 'none';
		  
		  ccl.style.backgroundColor = '#8fc5d7';
		  sml.style.backgroundColor = '#d5d212';
		  cmfl.style.backgroundColor = '#d5d212';
		  efl.style.backgroundColor = '#d5d212';
		  
		  cc_l.className = 'white';
		  sm_l.className = 'black';
		  cmf_l.className = 'black';
		  ef_l.className = 'black';
	   }
}