$(function(){
$.get('xml-data/osci/core-io-introduction.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.title) {
		$('#mainTitle').html(json.content.title);
	}
	
	if (json.content.article) {
		$('#article h2.title1').html(json.content.article.title1);
		$('#article div.description1').html(json.content.article.description1);
		$('#article div.link1').html('<a href="'+json.content.article.link1.href+'">'+json.content.article.link1.name + '</a>');
		
		$('#article h2.title2').html(json.content.article.title2);
		$('#article div.description2').html(json.content.article.description2);
		
		var article = json.content.article;
		if (article.section_list) {
			sl = article.section_list;
			var count = sl.section.length;
			var string = '';
			if (count) {
				for (var i=0; i<count; i++) {
					string += '<div class="section">';
					string += '<div class="title">'+sl.section[i].title+'</div>';
					string += '<div class="description">'+sl.section[i].description+'</div>';
					string += '</div>';
				}
			}
			else {
				string += '<div class="section">';
					string += '<div class="title">'+sl.section.title+'</div>';
					string += '<div class="description">'+sl.section.description+'</div>';
					string += '</div>';
			}
			$('#section_list').html(string);
		}
		else
		{
			$('#section_list').hide();
		}
	}
	
	
	
	
});
});