function ahah(url, target) {
    document.getElementById(target).innerHTML = 'Please wait, while loading...';
    if (window.XMLHttpRequest) {
	req = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
    }

    if (req != undefined) {
	req.onreadystatechange = function() {ahahDone(url, target);};
	req.open("GET", url, true);
	req.send("");
    }
}

function ahahDone(url, target) {
    if (req.readyState == 4) { // only if req is "loaded"
        if (req.status == 200) { // only if "OK"
	    var str = req.responseText;
	    var new_str = "<table width=640px style=margin:10px 0 15px 0; padding:0px; font-family: Verdana; cellspacing=3 cellpadding=0 ><tr><td width=105px class=heading7>&nbsp;Sample Image</td><td class=heading6><center>Wood</center></td><td style=line-height:10px; class=heading6><center>Thickness</center></td><td align=center class=heading6><center>Size<br>mm</center></td><td align=center class=heading6><center>Humidity</center></td><td align=center class=heading6><center>Price per<br>m2</center></td></tr>";
	var info = str.split("\n");
	var current_state = 0;
    for (i=0;i<info.length;i++)	{
    	if (current_state == 0) {
			current_state++;
			new_str += "<tr style=\'background-color:#F8E1C2;\'>";
		}
		else if (current_state == 1) {
			current_state--;
			new_str += "<tr>";
		}
		var info2 = info[i].split(",");
		for (j=0;j<info2.length;j++) {
		    new_str += "<td>";
		    new_str += info2[j];
		    new_str += "</td>";
		}
		new_str += "</tr>";
    }
    new_str += "</table>";
    document.getElementById(target).innerHTML = new_str;
	    } else {
	 document.getElementById(target).innerHTML="Error:\n"+ req.status + "\n" +req.statusText;
	}
    }
}

function load(name, div) {
    ahah(name,div);
    return false;
}