var req;
var elementId;
var globalIdPack;
function loadXMLDoc(url) {
	req = false;
    // branch for native XMLHttpRequest object
    if(window.XMLHttpRequest) {
    	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;
        	}
		}
    }
}

function processReqChange() {
    // only if req shows "loaded"
    if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {
            // ...processing statements go here...
			idElement=document.getElementById(elementId);
			idElement.innerHTML=req.responseText;
			//idElement.style.display="block";
			//alert(req.responseText);
			if(elementId.substr(0,4) == "size"){
				resetColors(globalIdPack);
			}
        } else {
            alert("There was a problem retrieving the XML data:\n" +
                req.statusText);
        }
    }
}

function selectSizes(idpack, idprod){
	D=new Date();
	T=+D;
	url="httprequest_size.php?id_pack="+idpack+"&id_prod="+idprod+"&time="+T;
	loadXMLDoc(url);
	if(req){
		req.onreadystatechange = processReqChange;
		elementId='size'+idpack;
		req.open("GET", url, true);
		req.send("");
		globalIdPack=idpack;
	}
	
	
}

function selectColors(idpack, size){
	D=new Date();
	T=+D;
	size_id=size.options[size.selectedIndex].value;
	prod_nr=document.forms['form'+idpack].id_prod.length;
	for (i=0; i<prod_nr; i++){
		if(document.forms['form'+idpack].id_prod[i].checked) var idprod = document.forms['form'+idpack].id_prod[i].value
	}

	url="httprequest_color.php?id_pack="+idpack+"&id_prod="+idprod+"&id_size="+size_id+"&time="+T;
	loadXMLDoc(url);
	if(req){
		req.onreadystatechange = processReqChange;
		elementId='color'+idpack;
		req.open("GET", url, true);
		req.send("");
	}
	
}

function resetColors(idpack){
	selectColors(idpack, document.forms['form'+idpack].size);
}