Mezclar Php y JavaScript

[lucasarts_18]

Hola a todos:

He buscado en los foros sobre esto pero no me queda claro cual es la mejor forma de implementarlo, aquí dejo un código javascript:

var TREE_NODES={
	format:{
		left:0,
		top:150, 
		width:180,
		height:372,
		e_image:"images/fo_p.gif",		 
		c_image:"images/fc_p.gif",		 
		i_image:"images/i_p.gif",
		b_image:'images/b.gif',
		bgcolor:"#d4d0c8",
		back_bgcolor:"#d4d0c8",
		animation:0,
		padding:2,
		level_ident:16,
		dont_resize_back:1
	},
	sub:[
		{html:'Productos', 
			sub:[
				{html:'JavaScript', 
					sub:[
						{html:'Mantenedor de Productos', url:'#'},
						{html:'Mantenedor de Cajas', url:'#'},
						{html:'Informes de Productos', url:'#'},
						{html:'Productos por BOdegas', url:'#'},
						{html:'Envio de Productos', url:'#'}
					]
				},
				{html:'ASP.NET', 
					sub:[
						{html:'Smart Links', url:'#'}
					]
				}
				
			]
		},
		{html:'Services', 
			sub:[
				{html:'Software Development', url:'#'},
				{html:'Web Development', url:'#'}
			]
		}
	]
}

Esta código es de una líbrería javascript que conseguí para hacer menús de tipo arbol, mi duda es que esos menús debo generarlos de forma dinámica de acuerdo al perfil de usuario que se conecte, como puedo poner las varibles de php en javascript, o mejor dicho como genero código de javascript a través de php, la idea es así:

var TREE_NODES={
	format:{
		left:0,
		top:150, 
		width:180,
		height:372,
		e_image:"images/fo_p.gif",		 
		c_image:"images/fc_p.gif",		 
		i_image:"images/i_p.gif",
		b_image:'images/b.gif',
		bgcolor:"#d4d0c8",
		back_bgcolor:"#d4d0c8",
		animation:0,
		padding:2,
		level_ident:16,
		dont_resize_back:1
	},
	sub:[
		{html:'Productos', 
			sub:[
				{html:'JavaScript', 
					sub:[
						{html:'varphp', url:'#'},
						{html:'Mantenedor de Cajas', url:'#'},
						{html:'Informes de Productos', url:'#'},
						{html:'Productos por BOdegas', url:'#'},
						{html:'Envio de Productos', url:'#'}
					]
				},
				
etc..
etc..

gracias...

Hasta Luego .-