$(function(){
$.get('xml-data/apo/model-apo.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);
	}
	
	if(json.submenu){
		var count=json.submenu.link.length;
		var submenu='';
		if(count){
			for(var i=0;i<count;i++){
				classLink = '';
				if (i>0)
				{
					classLink = 'separate';
				}
				if (json.submenu.link[i].active) {
					classLink += ' selected';
				}
				submenu+='<a class="' + classLink + '" href="'+json.submenu.link[i].href+'">'+json.submenu.link[i].name+'</a>';
			}
		}
		else{
			submenu+='<a class="selected" href="'+json.submenu.link.href+'">'+json.submenu.link.name+'</a>';
		}
		$('#conferenceMenu div.list').html(submenu);
	}
	
	if(json.specialist_box){
		$('#specialistBox div.title').html(json.specialist_box.header);
		$('#specialistBox div.name').html(json.specialist_box.name);
		$('#specialistBox span.phone').html(json.specialist_box.phone);
		$('#specialistBox span.email').html(json.specialist_box.email);
		$('#specialistBox div.photo').html(json.specialist_box.photo);
	}
	else{
		$('#specialistBox').hide();
	}
	
	if(json.related_sites){
		var count=json.related_sites.link.length;
		var related_sites='';
		if(count){
			for(var i=0;i<count;i++){
				related_sites+='<a href="'+json.related_sites.link[i].href+'">'+json.related_sites.link[i].name+'</a>';
			}
		}
		else{
			related_sites+='<a href="'+json.related_sites.link.href+'">'+json.related_sites.link.name+'</a>';
		}
		
		$('#relatedSitesBox div.list').html(related_sites);
	}
	else{
		$('#relatedSitesBox').hide();
	}
	
	if (json.content) {
		$('#content_description').html(json.content.description);
		$('#content_link_more').attr('href', json.content.url.href);
		$('#content_link_more').html(json.content.url.name);
		
		if (json.content.section_list) {
			var sl = json.content.section_list;
			$('#section_list div.title').html(sl.title);
			if (sl.section) {
				var count = sl.section.length;
				var string = '';
				if (count) {
					for (var i=0; i<count; i++) {
						string += '<div class="item">';
						string += '<span class="title">' + sl.section[i].title + '</span>';
						string += sl.section[i].description;
						string += '</div>';
					}
					
				}
				else {
					string += '<div class="item">';
					string += '<span class="title">' + sl.section.title + '</span>';
					string += sl.section.description;
					string += '</div>';
				}
				$('#section_list div.list').html(string);
			}
		}
		
		if (json.content.material_box) {
			var mb = json.content.material_box;
			var string = '';
			var count = mb.section.length;
			if (count) {
				for (var i=0; i<count; i++) {
					string += '<div class="section">';
					string += '<div class="section_title">'+mb.section[i].title+'</div>';
					string += '<div class="description">'+mb.section[i].description+'</div>';
					string += '<a class="url" href="'+mb.section[i].url.href+'">'+mb.section[i].url.name+'</a>';
					string += '</div>';
				}
			}	
			else {
				string += '<div class="section">';
				string += '<div class="section_title">'+mb.section.title+'</div>';
				string += '<div class="description">'+mb.section.description+'</div>';
				string += '<a class="url" href="'+mb.section.url.href+'">'+mb.section.url.name+'</a>';
				string += '</div>';
			}
			$('#material_box div.content').html(string);
		}
	}

	
	
});
});

