var styles = [];

function StyleObject() {
	this.index = 0;
	this.name = ""
}

function initStyles() {
	var ajaxStyles = new AjaxObject();
	var url = "./ajaxproxy.php?request=2";
	
	ajaxStyles.request(url, "", this.initStylesCallback);
}

function initStylesCallback(xml) {

	var items = xml.getElementsByTagName("style");

	for (var i=0; i<items.length; i++) {
		styles[i] = new StyleObject;
		if (items[i].getElementsByTagName("index")[0] != null) {
			styles[i].index = items[i].getElementsByTagName("index")[0].firstChild.nodeValue;
		} else {
			styles[i].index = 0;
		}
		if (items[i].getElementsByTagName("name")[0] != null) {
			styles[i].name = items[i].getElementsByTagName("name")[0].firstChild.nodeValue;
		} else {
			styles[i].name = "";
		}
	}
	
	drawStyles();
}