$(function(){
$.get('xml-data/apo/main-page.xml', function(xml){ 
	var json = $.xml2json(xml); 
	
	if(json.submenu) {
		var count = json.submenu.link.length;
		var pathStr = '<div class=\'menu\'>';
		if (count) {
			for (var i=0; i<count; i++) {
				if (i>0) {
					pathStr += '<div class="separator">|</div>';
				}
				var classLink = '';
				if (json.submenu.link[i].active) {
					classLink = 'class="active"';
				}
				pathStr += '<a href="' + json.submenu.link[i].href + '" '+ classLink +'>'+ (json.submenu.link[i].short ? json.submenu.link[i].short : json.submenu.link[i].name) +'</a>';
			}
		}
		else {
			var classLinka = '';
			if (json.submenu.link.active) {
				classLink = 'class="active"';
			}
			pathStr += '<a href="' + json.submenu.link.href + '" '+ classLink +'>'+ json.submenu.link.name +'</a>';
		}
		pathStr += '</div>';
		$('#container_path').html(pathStr);
	}

	$("#box1 span.header").html(json.box1.header);
	$("#box1 span.content").html(json.box1.content);
	$("#box1 span.more").html('<a href="'+json.box1.more.href+'">'+json.box1.more+'</a>');
	
	$("#box2 span.header").html(json.box2.header);
	$("#box2 span.content").html(json.box2.content);
	$("#box2 span.more").html('<a href="'+json.box2.more.href+'">'+json.box2.more+'</a>');
	
	
	$("#box3 span.header").html(json.box3.header);
	$("#box3 span.content").html(json.box3.content);
	$("#box3 span.more").html('<a href="'+json.box3.more.href+'">'+json.box3.more+'</a>');
	
});
});