var top_toolbar = { 
            "view": "toolbar", "id": "header", "css": "webix_dark", "padding": { "right": 10, "left": 10 },
			"elements": [
                {
                    view: "icon", icon: "mdi mdi-menu",
                    click: toggle_sidemenu,
                },
				{ "view": "menu", "id": "topBar", "subMenuPos": "bottom", "submenuConfig": { "autowidth": true },
					"data": [
						{
							"value": "SFM",
							"icon": "wxi-dots",
							"submenu": [
								{ "value": "Summary", "icon": "wxi-calendar" , "href": "summary.html"},
								{ "value": "Pending Jobs", "icon": "mdi mdi-notebook-check", "href": "pending_job.html" },
								{ "value": "Mass Mailing", "icon": "mdi mdi-email", "href": "mass_mailing.html" },
								{ "$template": "Separator" },
								{ "value": "Logout", "icon": "mdi mdi-exit-run", "href" : "login.html" }
							]
						},
						{
							"value": "Loans",
							"autowidth": true,
							"icon": "mdi mdi-bank-transfer",
							"submenu": {
								"data": [
									{ 
										"value": "Add", "icon": "mdi mdi-table-column-plus-before" , 
										"href" : "javascript:loan_add_popup.show();"
									},
									{ "$template": "Separator" },
									{ "value": "New", "icon": "mdi mdi-file-export", "badge": "20" , "href" : "transaction_new.html"},
									{ "value": "Submitted", "icon": "mdi mdi-file-upload", "badge": "50", "href" : "transaction_submit.html" },
									{ "value": "Approved", "icon": "mdi mdi-file-upload", "badge": "35" ,"href" :  "transaction_submit.html"},
									{ "value": "Rejected", "icon": "mdi mdi-file-upload", "badge": "10" , "href" : "transaction_submit.html"},
									{ "value": "Settled", "icon": "mdi mdi-file-upload", "badge": "99" ,"href" : "transaction_submit.html"}
								]
							}
						},
						{
							"value": "Trails",
							"autowidth": true,
							"icon": "mdi mdi-bank-transfer",
							"submenu": {
								"data": [
									{ 
										"value": "List all", "icon": "mdi mdi-table-column-plus-before" , 
									},
									{ "$template": "Separator" },
									{ "value": "Export", "icon": "mdi mdi-file-export" , "href" : "javascript:loan_add_popup.show();"},
									{ "value": "Import", "icon": "mdi mdi-file-upload" , "href" : "javascript:loan_add_popup.show();"}
								]
							}
						},						
						{
							"value": "Clients",
							"icon": "mdi mdi-account-supervisor-circle",
							"submenu": [
								{ "value": "Add", "icon": "mdi mdi-account-plus" ,"href" : "transaction_submit.html"},
								{ "value": "Search", "icon": "mdi mdi-account-search" ,"href" : "transaction_submit.html"},
								{ "value": "Broadcast", "icon": "mdi mdi-account-off" ,"href" : "transaction_submit.html"}
							]
						},
						{
							"value": "Broker",
							"icon": "mdi mdi-account-details",
							"submenu": [
								{ "value": "Add", "icon": "mdi mdi-account-plus" ,"href" : "transaction_submit.html"},
								{ "value": "Search", "icon": "mdi mdi-account-search" ,"href" : "transaction_submit.html"},
								{ "$template": "Separator" },
								{ "value": "Broadcast", "icon": "mdi mdi-account-off" ,"href" : "transaction_submit.html"},
								{ "$template": "Separator" },
								{ "value": "Unpaid", "icon": "mdi mdi-file-upload","href" : "transaction_submit.html" }
							]
						}
					],
					"type": { "subsign": true },
					"height": 0
				},
				{ "view": "label", "label": "SuperCredit ", "align": "right", "height": 0 }
			]
        };

function toggle_sidemenu(){
    if( $$("menu").config.hidden){
        $$("menu").show();
    }
    else
        $$("menu").hide();
}
function initTopMenu(layout, view){
    if ($$(layout) && $$(view))
        webix.ui(top_toolbar, $$(layout), $$(view));
}