// change the colours
$(document).ready(function() {
   var timer = setInterval(function() {
       colourIndex = (colourIndex + 1) % colours.length;
       $('body').animate({'background-color':colours[colourIndex]}, 3000);
       $('p,ul').animate({'color':colours[colourIndex]}, 3000);
   }, 5000);
});
var colourIndex = 0;
var colours = ['#EE1C25', '#F37022', '#B9BD17', '#72BF44'];

// load the mindmap
       $(document).ready(function() {
           // enable the mindmap in the body
           $('body').mindmap();

           // add the data to the mindmap
//            var root = $('body').addRootNode('~papa', {
           var root = $('body').addRootNode($('h1')[0].text(), {
               href:'/',
               url:'/',
               onclick:function(node) {
                   $(node.obj.activeNode.content).each(function() {
                       this.hide();
                   });
               }
           });
           $('h2').each(function() {
               var mynode = $('body').addNode(root, $(this).text(), {
                   href:$(this).text().toLowerCase(),
                   onclick:function(node) {
                       $(node.obj.activeNode.content).each(function() {
                           this.hide();
                       });
                       $(node.content).each(function() {
                           this.show();
                       });
                   }
               });
               $(this).hide();
               var parentnode = mynode;
               for (var $el = $(this).next(); $el.length>0; $el = $el.next()) {
                   if ($el[0].tagName=="svg") break;
                   if ($el[0].tagName=="DIV") break;  // simply because the svg node is held in a div in IE
                   if ($el[0].tagName=="H2") break;
                   switch($el[0].tagName) {
                       case 'H3':
                           parentnode = $('body').addNode(mynode, $el.text(), {
                               href:$(this).text().toLowerCase(),
                               onclick:function(node) {
                                   $(node.obj.activeNode.content).each(function() {
                                       this.hide();
                                   });
                                   $(node.content).each(function() {
                                       this.show();
                                   });
                               }
                           });
                           $el.hide();
                       break;
                       default:
                           parentnode.content.push($el);
                           $el.hide();
                       break;
                   }
               }
           });

       });