$(function(){
$.get('xml-data/apo/product-wprowadzenie.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>';
		}
		$('.leftColumnMenu 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) {
		$('#main_description').html(json.content.description);
	}
	
	function activeMainBoxItem(obj) {
		$('a.item').removeClass('selected');
		$(obj).addClass('selected');
		$('.content div.item').each(function (i){
			$(this).hide();	
		});
		$('#content_'+$(obj).attr('content')).show();
	}
	
	if(json.get_stuff){
			var count=json.get_stuff.link.length;
			var get_stuff='';
			if(count){
				for(var i=0;i<count;i++){
					get_stuff+='<a href="'+json.get_stuff.link[i].href+'">'+json.get_stuff.link[i].name+'</a>';
				}
			}
			else{
				get_stuff+='<a href="'+json.get_stuff.link.href+'">'+json.get_stuff.link.name+'</a>';
			}
			
			$('#get-stuff #get-stuff-content').html(get_stuff);
		}
		else{
			$('#get-stuff').hide();
		}

	
	if(json.content_box) {
		if (json.content_box.menu) {
			var menu = json.content_box.menu;
			var count = menu.item.length;
			var string = '';
			if (count) {
				for (var i=0; i<count; i++) {
					string += '<a href="#" content="'+(i+1)+'" class="item '+(menu.item[i].big ? 'big' : '')+'">'+menu.item[i].name+'</a>';
				}
			}
			else {
				string += '<a href="'+menu.item.href+'" class="item '+(menu.item.selected ? 'selected' : '')+'">'+menu.item.name+'</a>';
			}
			$('#main_box div.menu').html(string);
		}
		
		if (json.content_box.content) {
			var count = json.content_box.content.item.length;
			var string = '';
			for (var i=0; i<count; i++) {
				var item = json.content_box.content.item[i];
				string += '<div class="item clearfix" style="display:none;" id="content_'+item.id+'">';
				string += '<div class="image">'+item.image+'</div>';
				//string += '<span class="title">'+item.title+'</span><br /><br />';
				string += '<div class="description">'+item.description+'</div>';
				string += '<a class="url1 url" href="'+item.url1.href+'">'+item.url1.name+'</a>';
				string += '</div>';
			}
			$('#main_box div.content').html(string);
			$('a.item').each(function(i) {
				this.onclick = function() { activeMainBoxItem(this); return false;};	
			});
			activeMainBoxItem($("a[content='1']"));
		}
	}
	else {
		$('#main_box').hide();
	}
	
});
});