var error_msg = 'The loolog webapp says:\n\n"An error occured which makes it impossible\nfor me to update the chart. Sorry."';

function get_dows() {
    var dows   = document.form1.dows;
    var dowstr = "";

    var j = 0;
    for (i = 0; i < dows.length; ++i) {
        if (dows.options[i].selected == true) {
            if (j>0) {
                dowstr += ","
            }
            dowstr += dows.options[i].value
            j++;
        }
    }
    return dowstr;
}

function init() {
    dowstr = get_dows();
    load1(dowstr);
    load2(dowstr);
    //load3();
    load4();
}

function load() {
    dowstr = get_dows();
    load1(dowstr);
    load2(dowstr);
    /*load3();*/
    /*load4();*/
}

function load3() {
	var xmlHttpReq  = getXMLHttpRequest();
    xmlHttpReq.open("GET", "retrieveData?type=daily_sum", true);
    var d3 = sendXMLHttpRequest(xmlHttpReq);

	d3.addCallback(function (data) {
		xml = "<graph showAnchors='0' baseFont='Helvetica' caption='Daily usage' subcaption='' xAxisName='Date' yAxisMinValue='0' yAxisMaxValue='100' yAxisName='Percent of day' numberPrefix='' numberSuffix='%' showNames='1' showValues='0' rotateNames='1' showColumnShadow='1' animation='1' showAlternateHGridColor='1' AlternateHGridColor='dddddd' divLineColor='AA0000' divLineAlpha='20' alternateHGridAlpha='5' canvasBorderColor='333333' baseFontColor='333333' canvasBgColor='ffffff' bgColor='eeeeee'>" + data.responseText + "</graph>"
		updateChartXML("chart3Id", xml);
	});
}

function load4() {
	var xmlHttpReq  = getXMLHttpRequest();
    xmlHttpReq.open("GET", "retrieveData?type=daily_sessions", true);
    var d4 = sendXMLHttpRequest(xmlHttpReq);

	d4.addCallback(function (data) {
		xml = "<graph showAnchors='0' baseFont='Helvetica' caption='Daily Sessions' subcaption='' xAxisName='Date' yAxisMinValue='0' yAxisName='Number Of Sessions' numberPrefix='' showNames='1' showValues='0' rotateNames='1' showColumnShadow='1' animation='1' showAlternateHGridColor='1' AlternateHGridColor='dddddd' divLineColor='AA0000' divLineAlpha='20' alternateHGridAlpha='5' canvasBorderColor='333333' baseFontColor='333333' canvasBgColor='ffffff' bgColor='eeeeee'>" + data.responseText + "</graph>"
		updateChartXML("chart4Id", xml);
	});
}

function load1(dowstr) {
    var xmlHttpReq  = getXMLHttpRequest();
    xmlHttpReq.open("GET", "retrieveData?type=daytime&dows="+dowstr, true);
    var d1 = sendXMLHttpRequest(xmlHttpReq);

    d1.addCallback(function (data) {
        xml = "<graph showAnchors='0' baseFont='Helvetica' caption='Loo usage by time of day' subcaption='' xAxisName='Time of day' yAxisMinValue='0' yAxisName='No. of times the loo has been occupied' numberPrefix='' showNames='1' showValues='0' rotateNames='1' showColumnShadow='1' animation='1' showAlternateHGridColor='1' AlternateHGridColor='dddddd' divLineColor='AA0000' divLineAlpha='20' alternateHGridAlpha='5' canvasBorderColor='333333' baseFontColor='333333' canvasBgColor='ffffff' bgColor='eeeeee'>" + data.responseText + "</graph>"

        updateChartXML("chart1Id", xml);
    });

    d1.addErrback(function (data) {
        alert(error_msg);
    });
}

function load2(dowstr) {
    var xmlHttpReq2 = getXMLHttpRequest();
    xmlHttpReq2.open("GET", "retrieveData?type=duration&dows="+dowstr, true);
    var d2 = sendXMLHttpRequest(xmlHttpReq2);

    d2.addCallback(function (data) {
        xml2 = "<graph showAnchors='0' baseFont='Helvetica' caption='Loo usage by duration' subcaption='' xAxisName='Duration in seconds' yAxisMinValue='0' yAxisName='Frequency' numberPrefix='' showNames='1' showValues='0' rotateNames='1' showColumnShadow='1' animation='1' showAlternateHGridColor='1' AlternateHGridColor='dddddd' divLineColor='AA0000' divLineAlpha='20' alternateHGridAlpha='5' canvasBorderColor='333333' baseFontColor='333333' canvasBgColor='ffffff' bgColor='eeeeee'>" + data.responseText + "</graph>"

        updateChartXML("chart2Id", xml2);
    });

    d2.addErrback(function (data) {
        alert(error_msg);
    });
}