// JavaScript Document

function GetHTTPObject () {
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest();
	}
	else if (window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP");
	}
	return null;
}

function ErrorHTTP() {
	alert ("Browser does not support HTTP Request");
}


/////////////////////////////////////////////////////////////
// Update Styles by location
////////////////////////////////////////////////////////////

function UpdateStyles() {
	// get the data of the new category
	var locobj = document.getElementById("location");
	var loc = locobj.options[locobj.selectedIndex].value;
	var frmname = document.getElementById("location").form.name;
	
	httpobj = null;
	httpobj = GetHTTPObject();
	if (httpobj == null) {
		ErrorHTTP();
		return;
	}
	var url = "dynamiccontent.php";
	url = url + "?q=loc";
	url = url + "&l=" + loc;
	url = url + "&rnd=" + Math.random();
	httpobj.onreadystatechange = function() { UpdateStylesList(); };
	httpobj.open("GET",url,true);
	httpobj.send(null);
}


function UpdateStylesList() {
	if (httpobj.readyState == 4) {
		// get the text returned in by HTTP response
		var response = eval(httpobj.responseText);
		
		// format the answer
		var eltnamebase = "style_type";
		var elt, eltname, newoption, numelt;
		numelt = 10;
		for (var i = 1; i<= numelt; i++) {
			eltname = eltnamebase;
			if (i > 1) { eltname = eltname+i; }
			// remove the current options in elt and
			// put new options in select object
			LoadNewSelectOptionsCategory (eltname, response);		
		}
	}
}

function ClearSelectOptions (name) {
	var obj = document.getElementById(name);
	//var frm = document.getElementById(frmname);
	//var obj = frm.elements[name];
	
	var i,j, selindex;
	selindex = new Array();
	j = 0;

	for (i=0; i < obj.length; i++) {
		if (obj[i].selected) {
			// Item has been selected
			selindex[j] = obj[i].value;
			j++;
		}
	}
	
	while (obj.firstChild) {
		obj.removeChild(obj.firstChild);
	}
	
	return selindex;
}


function LoadNewSelectOptionsCategory (name, newentries) {
	var i, grp, newoption, newgrp, selindex, j;
	var obj = document.getElementById(name);
	//var frm = document.getElementById(frmname);
	//var obj = frm.elements[name];
	grp = ""; 
	
	selindex = new Array();
	selindex = ClearSelectOptions (name);

	for (i = 0; i < newentries.length; i++) {
		// create new option
		newoption = document.createElement("option");
		newoption.innerHTML = newentries[i][1];
		newoption.value = newentries[i][0];
		obj.appendChild(newoption);		
	}
}