SharePoint Creating Dynamic Parent Child Menus using SP Services

$(document).ready(function() {
var SPSMenu =””;
var CAMLF = “IRMMainPage”;
//var SPMenuServices = SPSMenu;
$().SPServices({
operation: “GetListItems”,
async: false,
listName: “MainPageButtons”,
CAMLViewFields: SPSMenu,
CAMLQuery: “”+CAMLF+””,

completefunc: function (xData, Status) {
$(xData.responseXML).SPFilterNode(“z:row”).each(function() {

var TRow = $(this).attr(“ows_Row”);
var Title = $(this).attr(“ows_Title”);
var TitleStyle=$(this).attr(“ows_TitleStyle”);
var MainDivClass =$(this).attr(“ows_DivMainClassName”);
var WidthAndHeight =$(this).attr(“ows_WidthAndHeight”);
var ImageDivStyle=$(this).attr(“ows_ImageDivStyle”);
var image =$(this).attr(“ows_ImageURL”);
var ImageStyle =$(this).attr(“ows_ImageStyle”);
var url =$(this).attr(“ows_LinkURL”);
var TextDivStyle =$(this).attr(“ows_TextDivStyle”);
//var Span_1_Title =$(this).attr(“ows_Span_1_Title”);
//var Span_1_Style =$(this).attr(“ows_Span_1_Style”);
var IconClass=$(this).attr(“ows_IconClass”);
var LinkClass =$(this).attr(“ows_LinkClass”);
var LinkStyle =$(this).attr(“ows_LinkStyle”);
var Parent= $(this).attr(“ows_Parent”);
var Child= $(this).attr(“ows_Child”);
var SubMenus = “”;
//var SubDiv2Style =$(this).attr(“ows_DivSub_2_Style”);
if(TRow ==1)
{
if(Child!=””)
{
var SubMenus2 = “”;
var SPSMenu2 =””;
var CAMLF2 = “IRMMainPage”;
//var SPMenuServices = SPSMenu;
$().SPServices({
operation: “GetListItems”,
async: false,
listName: “MainPageButtons”,
CAMLViewFields: SPSMenu2,
CAMLQuery: “”+CAMLF2+””+Child+””,

completefunc: function (xData, Status) {
$(xData.responseXML).SPFilterNode(“z:row”).each(function() {
var Title = $(this).attr(“ows_Title”);
var url =$(this).attr(“ows_LinkURL”);
var SubMenuClass=$(this).attr(“ows_DivMainClassName”);
//alert(Title);
SubMenus2 += ”

“+Title+”

“;
});

}
});
html = ”

 

“+Title+”

 

“+SubMenus2+”

“;
}
else
{
html = ”

 

“+Title+”

 

“+SubMenus+”

“;
}

$(‘#Row1’).append($(html));
}
else if(TRow ==2)
{
if(Child!=””)
{
var SubMenus2 = “”;
var SPSMenu2 =””;
var CAMLF2 = “IRMMainPage”;
//var SPMenuServices = SPSMenu;
$().SPServices({
operation: “GetListItems”,
async: false,
listName: “MainPageButtons”,
CAMLViewFields: SPSMenu2,
CAMLQuery: “”+CAMLF2+””+Child+””,

completefunc: function (xData, Status) {
$(xData.responseXML).SPFilterNode(“z:row”).each(function() {
var Title = $(this).attr(“ows_Title”);
var url =$(this).attr(“ows_LinkURL”);
var SubMenuClass=$(this).attr(“ows_DivMainClassName”);
//alert(Title);
SubMenus2 += ”

“+Title+”

“;
});

}
});
html = ”

 

“+Title+”

 

“+SubMenus2+”

“;
}
else
{
html = ”

 

“+Title+”

 

“+SubMenus+”

“;
}

$(‘#Row2’).append($(html));
}
else if(TRow ==3)
{
html = ”

 

“+Title+”

 

“;
$(‘#Row3’).append($(html));
}
else if(TRow ==4)
{
html = ”

 

“+Title+”

 

“;
$(‘#Row4’).append($(html));
}
else if(TRow ==5)
{
html = ”

 

“+Title+”

 

“;
$(‘#Row5’).append($(html));
}
else if(TRow ==6)
{
html = ”

 

“+Title+”

 

“;
$(‘#Row6’).append($(html));
}
else if(TRow ==8)
{
html = ”

 

“+Title+”

 

“;
$(‘#Row8’).append($(html));
}

});
}
});

//$(“.MR”).corner(“fray 5px”);
//$(“.MR”).corner(“wicked 5px”);
$(“.MR”).corner(“round 5px”);
$(“.SR”).corner(“round 6px”);

});