(function($) {
  $(document).ready(function() {
    $.getJSON("content/pages.php", function(data) {
      var menu = $('#menu').find('div.left_menu');
      var topMenu = $('#topMenuArea');

      var contentArea = $('#contentArea');
      for (var i = 0; i < data.length; i++) {
        var menuItem = data[i];
        menu.append('<div id="' + menuItem.link_id + 'Menu" title="' + menuItem.post_title + '"><span>' + menuItem.post_title + '</span></div>');

        $.getJSON("content/pages.php?p="+menuItem.ID, function(subdata) {
          var contentDiv = $('<div id="' + subdata.link_id + 'Content"></div>');
          contentArea.append(contentDiv);

          if (subdata.content.length > 0) {
             if (subdata.sub_menu.length == 0) {
                contentDiv.html(subdata.content);
             } else {
                var subdiv = $('<div id="' + subdata.link_id + 'ListContent"></div>');
                contentDiv.append(subdiv);
                subdiv.html(subdata.content);
             }
          }
          for (var j = 0; j < subdata.sub_menu.length; j++) {
             var submenuitem = subdata.sub_menu[j];
             contentDiv.append('<div class="not-loaded" id="' + submenuitem.link_id + 'Content"></div>');
          }

          if (subdata.sub_menu.length != 0) {
             var sub = subdata.sub_menu;
             var tm = $('<div id="' + subdata.link_id +'TopMenu" class="topMenu"></div>');
             var div = $('<div></div>');
             var ul = $('<ul></ul>');
             tm.append(div);
             div.append(ul);
             for (var j = 0; j < sub.length; j++) {
                var subItem = sub[j];
                ul.append('<li id="' + subItem.link_id + 'Menu" title="' + subItem.post_title + '"><span>' + subItem.post_title + '</span></div>');

                $.getJSON("content/pages.php?p="+subItem.ID, function(cpage) {
                   var loadedContent = $("#" + cpage.link_id + "Content");
                   if (cpage.gallery.length == 0) {
                     loadedContent.removeClass("not-loaded");
                     loadedContent.html(cpage.content);
                   }
                });
             }
             topMenu.append(tm);
          }
        });
      }
      $.preloadImages(function() {
        $("#homeContent").slideshow({
          duration: 8000,
          fadeTime: 2000,
          random: true,
          easing: 'easeInOutQuad',
          maxOpacity: 1
        });
        $("#menu div.left_menu div").leftMenuButton();
        $("#topMenuArea div ul li").topMenuButton({
          circular: false,
          visible: 5,
          scroll: 5,
          speed: 800,
          flipSpeed: 1000,
          slideSpeed: 300,
          thumbnail_opacity: 0.5,
          thumbnail_border_color: '#444',
          thumbnail_highlight_color: '#400',
          verticle: true
        });
        $.setAddresses();
      });
    });
  });
})(jQuery);