document.write('<div id="berater"></div>');

var beraterdata = new Array();
jQuery.ajax({
    type: "GET",
    url:  '/fileadmin/templates/js/berater.xml',
    cache: false,
    dataType: "xml",
    success: function(xml) {
        output = '<div class="berater_header"><select name="beraterdrop" id="beraterdrop" onchange="changeme()">';
        jQuery('bereiche > *', xml).each(function (i, obj) {
            output += '<option value="' + jQuery(this).attr('to') + '">PLZ ' + this.tagName.replace(/b/, '') + '</option>';
            
            //out += jQuery(this).find('name').text() + '<br />');
        });
        output += '</select></div>';
        
        jQuery('berater > *', xml).each(function (i, obj) {
            // alert(this.tagName);            
            beraterdata[this.tagName] = '<div class="berater_name">' + jQuery(this).find('name').text() + '</div>';
            beraterdata[this.tagName] += '<div class="berater_email"><a href="mailto:' + jQuery(this).find('email').text() + '">' + jQuery(this).find('email').text() + '</a></div>';
            beraterdata[this.tagName] += '<div class="berater_pic"><div class="tr"></div><div class="tl"></div><div class="br"></div><div class="bl"></div><img src="fileadmin/Dateien/Bilder/Berater/' + jQuery(this).find('bild').text() + '" /></div>';                        
            beraterdata[this.tagName] += '<div class="berater_right"><img src="fileadmin/templates/img/berater_telefon.gif" />  ' + jQuery(this).find('tel').text() + '<br />';
            beraterdata[this.tagName] += '<img src="fileadmin/templates/img/berater_fax.gif" /> ' + jQuery(this).find('fax').text() + '<br />';
            beraterdata[this.tagName] += '<a target="_top" class="external-link-new-window" href="http://www.schlauschleifen.de/kontaktformular/?sel_grund=2">Vertrieb im Ausland</a><br />';
            beraterdata[this.tagName] += '<a target="_top" class="external-link-new-window" href="http://www.schlauschleifen.de/kontaktformular/?sel_grund=3">Fragen an die Technik</a><br />';                        
        });
        
        output += '<div id="beraterinfo"></div>';
        
        jQuery('#berater').append(output);
        
        jQuery('#beraterinfo').html(beraterdata[jQuery('#beraterdrop').val()]);                   
    }
});


function changeme() {
    jQuery('#beraterinfo').html(beraterdata[jQuery('#beraterdrop').val()]);
}