${html}

<import resource="/common/region.js">

	// get a connector to the Alfresco repository
	var connector = remote.connect("alfresco-system");
	
	var site = escape(page.url.args["site"]);
	
	//var jsonFeed = connector.get("/products/get");
	var jsonNavigationList = connector.get("/nav/navigation?lang="+ locale + "&area=" + site);
	model.json = jsonNavigationList; 
	var obj = eval('(' + jsonNavigationList + ')');
	
	var html = '';
	
	if (obj)
	{
		displayNavigation(obj.navigation, page.url.args["site"]);
	}
	
	model.html = html;
	
	var output = "args.length: " + args.length;
	for( var i=0; i<args.length; i++) {
		output = output + "<br />argument " + i + ": " + args[i];
	}
	
	model.site = getUrlParameter("site");

// set debug freemarker parameter
if (getUrlParameter("debug") == "true") {
	model.debug = true;
}

function displayNavigation(navigationArray, siteUrl) {
	html += '<ul>';
	for (var i = 0; i < navigationArray.length; i++) {
		
		var url = "/"+navigationArray[i].url;
		
		html += '\n<li';
		if (url == siteUrl) {
			html += ' class="selected current"';
		}
		html += '>';
		
					
//		if (navigationArray[i].type == 'node') {
			html += '<a href="' + page.url.context + '/page?p=' + navigationArray[i].pageType + '&site=/' + navigationArray[i].url + '">' + navigationArray[i].title + '</a>';
			 if ( navigationArray[i].navigation ) {
				 displayNavigation(navigationArray[i].navigation, siteUrl);
			 }
//		} else {
//			html += '<a href="' + page.url.context + '/page?p=item&site=/' + navigationArray[i].url + '&item=' + navigationArray[i].name + '">' + navigationArray[i].title + '</a>';
//		}
		html += '</li>';
	}
	html += '</ul>';
}

<webscript>
  <shortname>left navigation</shortname>
  <description>this ist the left navigation tree for the level 2 - 4</description>
  <url>/leftnav</url>
</webscript>