function getXMLData(id,subid,targetDiv,range) {


var r = new Ajax.Request(xmlFile, {
	method: 'get',
	onLoading: $(targetDiv).update('<img src="ajax-loader.gif" border="0" alt="" />'),
	onComplete: function(transport) {

		var s = transport.responseXML.getElementsByTagName('setup' );
		var items = transport.responseXML.getElementsByTagName('item');

		var setup = s[0];
		var fontColor    = setup.getAttribute("fontColor");
		var bgrColor    = setup.getAttribute("bgrColor");
		var chartColor    = setup.getAttribute("chartColor");
		var titleColor  = setup.getAttribute("titleColor");
		var fillColor  = setup.getAttribute("fillColor");
		var buttonColor  = setup.getAttribute("buttonColor");
		var buttonAColor  = setup.getAttribute("buttonAColor");
		var client  = setup.getAttribute("client");
		for (var i = 0 ; i < items.length ; i++) {
			// get one item after another
			var item = items[i];
			if(item.getAttribute("id")==id) {
				// now we have the item object, time to get the contents
				var processor   = item.getElementsByTagName("processor")[0].firstChild.nodeValue;
				var title       = item.getElementsByTagName("title")[0].firstChild.nodeValue;
				var subtitles   = item.getElementsByTagName("subtitle");
					for (var j = 0 ; j < subtitles.length ; j++) {
						var subtitle = subtitles[j];
  					var subt      = subtitle.firstChild.nodeValue;
						var tablename = subtitle.getAttribute("tablename");
						var fieldname = subtitle.getAttribute("fieldname");
						var sid       = subtitle.getAttribute("id");
							if ( subtitle.getAttribute("id")==subid) {
								var bindInfo  = title + "," + tablename + "," + subt + ";" + fieldname;
								var img = '<img id="graphic" border="0" title="" alt="Chart" src="' + processor + '?graph[width]=' + width + '&graph[height]=' + height + '&graph[print]=' + printVersion + '&graph[bgrColor]=' + bgrColor + '&graph[weight]=1&graph[chartColor]=' + chartColor + '&graph[fillColor]=' + fillColor + '&graph[titleColor]=' + titleColor + '&graph[filter]=' + range + '&graph[client]=' + client + '&graph[bind]=' + bindInfo + '" /><br />';
								$(targetDiv).update(img);
								navButtons = '<h4 class="CHART_NAVI">Monate</h4><ul class="CHART_NAVI"><li><a id="m3_' + targetDiv  + '" onclick="getXMLData(' +id + ',' + sid +',\''+targetDiv+'\',3)">' + '3' + '</a></li>' + '<li><a id="m6_' + targetDiv  + '" onclick="getXMLData(' +id + ',' + sid +',\''+targetDiv+'\',6)">' + '6' + '</a></li>' + '<li><a id="m12_' + targetDiv + '" onclick="getXMLData(' +id + ',' + sid +',\''+targetDiv+'\',12)">' + '12' + '</a></li></ul>';
								$(targetDiv).insert(navButtons);
							}
					} // end for j
			} // end if id
		} // end for i
		// now write ouput to browser

    if (range == '3') {
      //document.getElementById('m3_'+targetDiv).style.backgroundColor = '#' + buttonAColor;
      //document.getElementById('m3_'+targetDiv).style.color = '#FFFFFF';
      $('m3_'+targetDiv).addClassName('AKTIV');
    }
    if (range == '6') {
      //document.getElementById('m6_'+targetDiv).style.backgroundColor = '#' + buttonAColor;
      //document.getElementById('m6_'+targetDiv).style.color = '#FFFFFF';
      $('m6_'+targetDiv).addClassName('AKTIV');
    }
    if (range == '12') {
      //document.getElementById('m12_'+targetDiv).style.backgroundColor = '#' + buttonAColor;
      //document.getElementById('m12_'+targetDiv).style.color = '#FFFFFF';
      $('m12_'+targetDiv).addClassName('AKTIV');
    }

	} // end onComplete function
}); // close Ajay.Request




} // end function getXMLData