var req;

if (window.location == "http://sprint.de/") {
		var url="http://sprint.de/fileadmin/_zufriedenheit/zufriedenheit.xml";
	} else {
		var url="/fileadmin/_zufriedenheit/zufriedenheit.xml";
	}

//var url="/zufriedenheit.xml";

function loadXMLDoc() {
	req = false;
    // branch for native XMLHttpRequest object
    if(window.XMLHttpRequest && !(window.ActiveXObject)) {
    	try {
			req = new XMLHttpRequest();
        } catch(e) {
			req = false;
        }
    // branch for IE/Windows ActiveX version
    } else if(window.ActiveXObject) {
       	try {
        	req = new ActiveXObject("Msxml2.XMLHTTP");
      	} catch(e) {
        	try {
          		req = new ActiveXObject("Microsoft.XMLHTTP");
        	} catch(e) {
          		req = false;
        	}
		}
    }
	if(req) {
		req.onreadystatechange = processReqChange;
		req.open("GET", url, true);
		req.send("");
	}
}

function processReqChange() {
    // only if req shows "loaded"
    if (req.readyState == 4) {
		importValue();
		// only if "OK"
        if (req.status == 200) {
            // ...processing statements go here...
        } else {
            alertTxt="XML konnte nicht geladen werden:\n" +
                req.statusText;
                alert(alertTxt);
        }
    }
}

function importValue() {
	var zeitraum;
	var sehrZufrieden;
	var zufrieden;
	var nichtZufrieden;
	
	if(req.responseXML.getElementsByTagName('zeitraum').length >0){
	    zeitraum = req.responseXML.getElementsByTagName('zeitraum')[0].firstChild.nodeValue;
	}
	if(req.responseXML.getElementsByTagName('sehrzufrieden').length >0){
	    sehrZufrieden = req.responseXML.getElementsByTagName('sehrzufrieden')[0].firstChild.nodeValue;
	}
	
	if(req.responseXML.getElementsByTagName('zufrieden').length >0){
	    zufrieden = req.responseXML.getElementsByTagName('zufrieden')[0].firstChild.nodeValue;
	}
	
	if(req.responseXML.getElementsByTagName('nichtzufrieden').length >0){
	    nichtZufrieden = req.responseXML.getElementsByTagName('nichtzufrieden')[0].firstChild.nodeValue;
	}
    
	createGrafics(zeitraum, sehrZufrieden, zufrieden, nichtZufrieden);
}

function createGrafics(zeitraum, sehrZufrieden, zufrieden, nichtZufrieden){
        var val_1= sehrZufrieden;
        var val_2= zufrieden;
        var val_3= nichtZufrieden;
        var laenge_1=Math.round(val_1/2);
        var laenge_2=Math.round(val_2/2);
        var laenge_3=Math.round(val_3/2);

        // <a href='javascript:void(0);' title='Info' id='info_button' onclick='openMe()'>Info</a>
        var theCode="<h3>Wie zufrieden waren unsere Kunden mit uns im Zeitraum "+zeitraum+"?</h3>"+
"<div class='zufriedenheitswert'>sehr zufrieden <span id='val_1'>("+val_1+"%)</span>"+
"<div class='balken' style='width:"+laenge_1+"px; right: "+(-1*laenge_1-5)+"px;'></div></div>"+
"<div class='zufriedenheitswert'>zufrieden <span id='val_2'>("+val_2+"%)</span>"+
"<div class='balken'style='width:"+laenge_2+"px; right: "+(-1*laenge_2-5)+"px;'></div></div>"+
"<div class='zufriedenheitswert'>nicht zufrieden <span id='val_3'>("+val_3+"%)</span>"+
"<div class='balken'style='width:"+laenge_3+"px; right: "+(-1*laenge_3-5)+"px;'></div></div><a href='http://www.sprint.de/index.php?id=102' title='Weitere Informationen finden Sie hier'>Weitere Informationen finden Sie hier</a>";


        
        // var zufriedenheitsgrafik = document.createElement("div");
		// zufriedenheitsgrafik.setAttribute('id','zufriedenheitsgrafik');
        // document.getElementById("col_right").appendChild(zufriedenheitsgrafik);
        document.getElementById("zufriedenheitsgrafik").innerHTML=theCode;

}

function openMe() {
		window.open('/fileadmin/templates/info.html','_blank','width=400,height=393,left=100,top=100,resizable=no,scrollbars=no');
	}