/* 
   Simple JQuery Collapsing menu.
   HTML structure to use:

   <ul id="menu">
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     ...
     ...
   </ul>

Copyright 2007 by Marco van Hylckama Vlieg

web: http://www.i-marco.nl/weblog/
email: marco@i-marco.nl

Free for non-commercial use
*/
 jQuery.noConflict(); 
 
function create_style()  {
	var active_article = document.getElementById('selected_element').value;
	
	if (!document.getElementById(active_article)) return;
	if (document.getElementById(active_article).className =='cufon_li') {
		newclassname = 'cufon_li active_element';
	}
	else {
		newclassname = 'active_element';
	}
	document.getElementById(active_article).className = newclassname;
	document.getElementById(active_article).style.color = 'black';
}
 
function initMenu() {


   jQuery('#menu_part ul').show();
   
   jQuery('#menu_part li a').click(
    function() {
      
	     jQuery(this).next().slideToggle('normal');	
      }
    );
	
	Cufon.DOM.ready(function() {
		Cufon.replace('#menu_part .cufon_li',{
			hover: true
		});
		
	});
  }

 jQuery(document).ready(function() { create_style(); initMenu();});