var ProducerList =new Array();
	var Itemlist =new Array();
	var iCount =0;
	var iIndex=0;
	var iLimit=100;
	var oprod="prod";
	var oitem="item";
	var ohidden="itemid";
	var ocount="count";
	var oDiv="sDiv";
	var varOutputDiv;
    function makeRequest(url) {
        var http_request = false;

        if (window.XMLHttpRequest) { // Mozilla, Safari, ...
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
                // See note below about this line
            }
        } else if (window.ActiveXObject) { // IE
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                    
                } catch (e) {}
            }
        }

        if (!http_request) {
            alert('Giving up :( Cannot create an XMLHTTP instance');
            return false;
        }

        http_request.onreadystatechange = function() { alertContents(http_request); };
        http_request.open('GET', url, true);
        http_request.send(null);

		initImg();
		
    }

	function initImg(){
		var simg=document.getElementById('simg');
		var snow=new Date();
		simg.src="checkcode.go?"+snow.getTime();
		
	}
	
    function alertContents(http_request) {

        if (http_request.readyState == 4) {
            if (http_request.status == 200) {
                raiseXML(http_request.responseXML);

            } else {
                alert('There was a problem with the request.');
            }
        }

    }
    function raiseXML(varXML){
    	var varProducers=varXML.getElementsByTagName("Producer");
    	for(var i=0;i<varProducers.length;i++){
    		var j=0;
    		var varPid=getElementValue(varProducers[i].getElementsByTagName("pid").item(0));
    		var varTrade=getElementValue(varProducers[i].getElementsByTagName("Trademark").item(0)) ;
    		//alert(varTrade);
    		Itemlist[i]=new Array();
    			ProducerList[i]=new Object();
    		ProducerList[i].id=varPid;
    		ProducerList[i].name=varTrade;
    		var elmItemList=varProducers[i].getElementsByTagName("ItemList").item(0);
    		var elmItems=elmItemList.getElementsByTagName("Item");
    		for(var t=0;t<elmItems.length;t++){
    			//debugger;
    			var varIid=getElementValue(elmItems[t].getElementsByTagName("ItemID").item(0));
    			var varIname=getElementValue(elmItems[t].getElementsByTagName("ItemName").item(0));
    			//alert(j +varIname + varIid);
    			
				Itemlist[i][j]=new Object();
				Itemlist[i][j].id=varIid;
				Itemlist[i][j].name=varIname;
				j++;
    		}

    	}
		
		varOutputDiv=document.getElementById("showit")
		varOutputDiv.innerHTML="";
		addInput();
		addInput();
		addInput();

    }
    
    function addInput(){
    	
    	if (iCount==iLimit){
    		return false;
		}
		iCount++;
		iIndex++;
		CreateInput(varOutputDiv,iIndex);    	
    }
	function DelInput(){
    	//debugger;
    	if (iCount==1){
    		return false;
		}
		RemoveElement(oDiv+iIndex);
	
    }
	function RemoveElement(varName){
	    if (iCount==1){
    		return false;
		}

		varOutputDiv.removeChild(document.getElementById(varName)) ;
		iCount--;
	}
    
    
    function CreateInput(varDiv,index){
    	var Prod=oprod+index;
    	var Item=oitem+index;
    	var Count=ocount+index;
    	var Hidden=ohidden+index;
    	var sDiv=oDiv+index;
    	var varsDiv=document.createElement("div");
    	varsDiv.id=sDiv;
    	varsDiv.innerHTML="编号: "+index+" 品牌:";
    	var varSelect=document.createElement("SELECT");
		varSelect.style.width="100px";
    	varSelect.id=Prod;
    	varSelect.name=Prod;
	   	varsDiv.appendChild(varSelect);
    	varsDiv.innerHTML+=" 品名:";
     	var varSelect=document.createElement("select");
		varSelect.style.width="170px";
    	varSelect.id=Item;
    	varSelect.name=Item;
    	varsDiv.appendChild(varSelect);
    	varsDiv.innerHTML+=" 订购数量:";
     	var varInput=document.createElement("input");
    	varInput.id=Count;
    	varInput.name=Count;
    	varInput.type="text";
    	varInput.maxlength="8";
		varInput.value="0";
    	varInput.size="4" ;
    	varsDiv.appendChild(varInput);
    	var varSpan=document.createElement("span");
    	varSpan.innerHTML=" 份 ";
    	varsDiv.appendChild(varSpan);
    	
    	var varSpan=document.createElement("span");
    	varSpan.innerHTML=" <a href=\"javascript:void(0)\" class='cancel' onclick='RemoveElement(\""+oDiv+index+"\")'>取消</a>";
    	varsDiv.appendChild(varSpan);
    	//ie's bug!!!!!
    	//varsDiv.innerHTML+="";
    	//varsDiv.innerHTML+="&nbsp;<span style='cursor: pointer; text-decoration: underline' onclick='RemoveElement(\""+oDiv+index+"\")'></span>";
    	var varInput=document.createElement("input");
    	varInput.id=Hidden;
    	varInput.name=Hidden;
    	varInput.type="hidden";
    	varsDiv.appendChild(varInput);
		varDiv.appendChild(varsDiv);

 		setProducer(document.getElementById(Prod));
 		setItem(document.getElementById(Item),0);

   	    	
    }

    function setProducer(varNode){
    	varNode.innerHTML="";
    	for(var i=0;i<ProducerList.length;i++){
			var varOption=document.createElement("option");
    		varOption.value=ProducerList[i].id;
    		varOption.innerHTML=ProducerList[i].name;
    		varNode.appendChild(varOption);
    	}

    	if(varNode.attachEvent){
			varNode.attachEvent("onchange",OnSelectChange);
		}
		else{
			varNode.addEventListener("change", OnSelectChange, true);
		}
    }
    function setItem(varNode,index){
    	varNode.innerHTML="";
    	for(var i=0;i<Itemlist[index].length;i++){
			var varOption=document.createElement("option");
    		varOption.value=Itemlist[index][i].id;
    		varOption.innerHTML=Itemlist[index][i].name;
    		varNode.appendChild(varOption);
    	}
    }
    
	function OnSelectChange(e)   
	{   
		//on select change ,get the changed element
	    var elem
        if (e.target) {
            if (e.currentTarget && (e.currentTarget != e.target)) {
                elem = e.currentTarget
            } else {
                elem = e.target
            } 
        } else {
            elem = e.srcElement
        }
		HandleChange(elem);   
	} 
    function HandleChange(varEml){
		//do somothing for the changed element
		//debugger;
		
		var id=varEml.id.replace(oprod,"");
		
		var index=varEml.selectedIndex;
		setItem(document.getElementById(oitem+id),index);
    }
    function getElementValue(varElement){
		if (varElement.text == null){
			//alert("firefox");
			return varElement.textContent;
		}
		else{
			return varElement.text;	
		}
    }
    function getValue(){
    	for (var i=1;i<=iIndex;i++){
    		try{
	    		var ts=document.getElementById(oitem+i);
	    		var ot=document.getElementById(ohidden+i);
	    		ot.value=ts.value;
	    	}
    		catch(e){
    			//debugger;
    		}
    	
    	}
    	return true;
    }
    
    function insertDiv(varVar){
    		var mydiv=document.getElementById("showit");
    		mydiv.innerHTML=varVar;
    
    }