$(document).ready(function()
{
  $("a", "#leftmenucontent").click(function ()
  {
    var clickedEl = $(this);

    if (clickedEl.attr("rel") == "")
      return true;

    var postData = eval("(" + clickedEl.attr("rel") + ")");
    clickedEl.next("ul").slideToggle("normal", function ()
    {
      $(this).toggleClass("collapsed").toggleClass("collapsable");

      $("td.content").attr("class", "content_overview").attr("id", "product_content").attr("style", "");
      fetchProdData(postData);
    });
    clickedEl.parent("li").toggleClass("current");

    clickedEl.parent().siblings().find(">.collapsable").removeClass("collapsable").addClass("collapsed").slideToggle("normal").parent("li").toggleClass("current");

    return false;
  });

  function fetchProdData(paramData)
  {
    var cfgAjax =
    {
      data:paramData,
      dataType:"text",
      url:"ajax_getlevelcontent2.php",
      type:"GET",
      error: function(req, stat, errormsg)
      {
        alert(stat);
      },
      success:function (data)
      {
        data = eval("(" + data + ")");
        var docRoot = $("#product_content");
        docRoot.empty();
        var heading = $("<h1></h1>").html(data.h1);
        var seperator = $("<img>");

        heading.appendTo(docRoot);
        seperator.attr({"src":"img/1pix_or.gif","width":415,"height":1,"class":"headerline","border":0,"alt":""}).appendTo(docRoot);

        if (((paramData.cat > 0) && (paramData.scat <= 0)))
        {
          $.each(data.items, function(i,item)
          {
            var productlist = $("<div>").attr("class", "productlist");
            productlist.appendTo(docRoot);
            $.each(item.column, function(i,item2)
            {
              var txtproduct  = "<div class=\"" + item2.cssclass + "\">";
              if (item2.img != "")
                txtproduct += "<img src=\"" + item2.img + "\" width=\"142\">";

              txtproduct += "<table class=\"prod_cat2\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td><p class=\"prod_cat2\"><a href=\"" + item2.link + "\">";
              var prodlink = $("<p>").html(item2.title);
              txtproduct += prodlink.html();
              txtproduct += "</a></p></td></tr></table>";
              txtproduct += "<p>" + item2.desc + "</p>";
              txtproduct += "</div>";
              productlist.append(txtproduct);
            });
          });
        }
        else if ((paramData.cat > 0) && (paramData.scat > 0))
        {
          $.each(data.items, function(i,item)
          {
            var txtproduct  = "<div class=\"products\">";
            txtproduct += "<div class=\"products\">";
            txtproduct += "<p class=\"prod_headline\">" + item.title + "</p>";
            if (item.img != "")
              txtproduct += "<div class=\"imgright\"><img src=\"" + item.img + "\" width=\"142\"></div>";
            txtproduct += "<div>" + item.desc + "</div>";
            txtproduct += "<p class=\"details\"><a href=\"" + item.link + "\">Details</a></p>";
            txtproduct += "<img src=\"img/1pix_or.gif\" width=\"415\" height=\"1\" border=\"0\" alt=\"\">";
            txtproduct += "</div>";
            txtproduct += "</div>";

            docRoot.append(txtproduct);
          });
        }
        else
        {}
      }
    };

    if (typeof(paramData.scat) == "undefined")
      paramData.scat = 0;

    $.ajax(cfgAjax);
  }
});