$(function(){
$.get('xml-data/apo/offer-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.offer.title) {
		$('#mainTitle').html(json.offer.title);
	}
	
	if(json.offer){
		var count=json.offer.box.length;		
		var offer='';
		if(count){
			for(var i=0;i<count;i++){
				var box='';
				if(i==0){
					box+='<div class=\'offer-box clearfix\'>';
				}
				else{
					box+='<div class=\'offer-box offer-box-border clearfix\'>';
				}				
					box+='<div class=\'offer-box-header\'>'+json.offer.box[i].header+'</div>';
					box+='<div class=\'offer-box-description\'>'+json.offer.box[i].description+'</div>';
					box+='<div class=\'clear\'></div>';
					box+='<div class=\'offer-box-photo\'>'+json.offer.box[i].photo+'</div>';
					box+='<div class=\'offer-box-content\'>';
						box+='<div class=\'offer-box-configuration-label\'>Konfiguracja Sprzetowa:</div>';
						box+='<div class=\'clear\'></div>';
						var options_count=json.offer.box[i].configuration.option.length;
						if(options_count){
							for(var j=0;j<options_count;j++){
								box+='<div class=\'option\'>';
									if(json.offer.box[i].configuration.option[j].name){
										box+='<span class=\'name\'>'+json.offer.box[i].configuration.option[j].name+'</span>';
									}
									box+='<span class=\'value\'>'+json.offer.box[i].configuration.option[j].value+'</span>';
								box+='</div>';
								box+='<div class=\'clear\'></div>';
							}
						}
						else{
							box+='<div class=\'option\'>';
								if(json.offer.box[i].configuration.option.name){
									box+='<span class=\'name\'>'+json.offer.box[i].configuration.option.name+'</span>';
								}
								box+='<span class=\'value\'>'+json.offer.box[i].configuration.option.value+'</span>';
							box+='</div>';
							box+='<div class=\'clear\'></div>';
						}
					box+='<div class=\'price\'>Cena rozwiazania: <span>'+json.offer.box[i].price+'</span></div>';
					box+='</div>';
					if (json.offer.box[i].description_detail) {
						if (json.offer.box[i].description_detail) {
							box += '<div class=\'description_detail\'>'
							box += '<div class=\'header\'>Szczegółowa oferta</div>';
							box += '<div class=\'content\'>' + json.offer.box[i].description_detail + '</div>';
							box += '</div>';
						}
					}
				box+='</div>';
				
				offer+=box;
			}
		}
		else{
			var box='';
			
				box+='<div class=\'offer-box clearfix\'>';
						
				box+='<div class=\'offer-box-header\'>'+json.offer.box.header+'</div>';
				box+='<div class=\'offer-box-description\'>'+json.offer.box.description+'</div>';
				box+='<div class=\'clear\'></div>';
				box+='<div class=\'offer-box-photo\'>'+json.offer.box.photo+'</div>';
				box+='<div class=\'offer-box-content\'>';
					box+='<div class=\'offer-box-configuration-label\'>Konfiguracja Sprzetowa:</div>';
					box+='<div class=\'clear\'></div>';
					var options_count=json.offer.box.configuration.option.length;
					if(options_count){
						for(var j=0;j<options_count;j++){
							box+='<div class=\'option\'>';
								if(json.offer.box.configuration.option[j].name){
									box+='<span class=\'name\'>'+json.offer.box.configuration.option[j].name+'</span>';
								}
								box+='<span class=\'value\'>'+json.offer.box.configuration.option[j].value+'</span>';
							box+='</div>';
							box+='<div class=\'clear\'></div>';
						}
					}
					else{
						box+='<div class=\'option\'>';
							if(json.offer.box.configuration.option.name){
								box+='<span class=\'name\'>'+json.offer.box.configuration.option.name+'</span>';
							}
							box+='<span class=\'value\'>'+json.offer.box.configuration.option.value+'</span>';
						box+='</div>';
						box+='<div class=\'clear\'></div>';
					}
				box+='<div class=\'price\'>Cena rozwiazania: <span>'+json.offer.box.price+'</span></div>';
				box+='</div>';
				if (json.offer.box.description_detail) {
					box += '<div class=\'description_detail\'>'
					box += '<div class=\'header\'>Szczegółowa oferta</div>';
					box += '<div class=\'content\'>' + json.offer.box.description_detail + '</div>';
					box += '</div>';
				}
			box+='</div>';
			
			offer+=box;
		}
		
		$('div.content-below-image-header').html(offer);
	}
	
	if(json.partner_box){
		var count_row=json.partner_box.row.length;
		var partner_box='<table cellpadding=\'0\' cellspacing=\'0\' border=\'0\'>';		
		if(count_row){
			for(var i=0;i<count_row;i++){
				var row='<tr>';
				var count_column=json.partner_box.row[i].column.length;				
				if(count_column){
					var width=100/count_column;
					for(var j=0;j<count_column;j++){						
						row+='<td style=\'width:'+width+'%\'>'+json.partner_box.row[i].column[j].content+'</td>';
					}
				}
				else{
					row+='<td>'+json.partner_box.row[i].column.content+'</td>';
				}
				row+='</tr>';
				partner_box+=row;
			}
		}
		else{			
			var row='<tr>';
			var count_column=json.partner_box.row.column.lenght;
			if(count_column){
				for(var j=0;j<count_column;j++){
					row+='<td>'+json.partner_box.row.column[j].content+'</td>';
				}
			}
			else{
				row+='<td>'+json.partner_box.row.column.content+'</td>';
			}
			row+='</tr>';
			partner_box+=row;			
		}
		partner_box+='</table>';
		$('#partner-box-content').html(partner_box);
		$('#partner-box-header').html(json.partner_box.header);
		
	}
	else{
		$('#partner-box').hide();
	}
	
});
});

