jQuery(document).ready(function(){
    
    
    jQuery('#menu4 > li > a').each(function(i){
        if(jQuery(this).next().is('ul.children'))
        {
            jQuery(this).replaceWith("<span>" + jQuery(this).text() + "</span>");
        }
    });
    
    jQuery("#menu4").treeview({
		animated: "fast",
        persist: "location",
		collapsed: true,
		unique: true
	});
    
});

function ajax_request(url) {
    jQuery('#big-img').html('<img class="preloader" src="/wp/wp-content/themes/navigator/images/ajax-loader.gif" width="54" height="55" />');
    var img = '<img src="'+url+'" width="393" height="413" />';
    
    jQuery('<img />')
    .attr('src', url)
    .load(function(){
        jQuery('#big-img').html( jQuery(this) );
    });
}

// // Simple JQuery Collapsing menu
// jQuery(document).ready(function(){
    // jQuery('#menu ul').hide();
    // jQuery('#menu ul').prev().attr({href: '#'});
    // jQuery('.current_page_parent ul').show();
    
    // jQuery('#menu > li > a').before('<span class="sym"><a href="#"><img src="/wp/wp-content/themes/navigator/images/collapse.gif"></a></span>');
    
    // jQuery('#menu li > a').click(function () {
        // jQuery(this).next().slideToggle('fast');
    // });
    // jQuery('#menu li .sym > a').click(function () {
        // jQuery(this).parent().next().next().slideToggle('fast');
    // });
// });

/* 
   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>
*/