var multiItemCount = 0;

function removeMultiItem(idx)
{
	var multiItem = document.getElementById("multiItem" + idx);
	if (multiItem)
	{
		multiItem.parentNode.removeChild(multiItem);
	}
}

function addMultiItem()
{
	var offset = 200;
	multiItemCount ++;
	var cloneItem = document.getElementById("multiItem0");
	if (cloneItem)
	{
		var newItem = cloneItem.cloneNode(true);
		newItem.id = "multiItem" + multiItemCount;
		var inputs = newItem.getElementsByTagName("input");
		for (var i = 0; i < inputs.length; i++)
		{
			if (inputs[i].name.match("vwitem"))
			{
				inputs[i].name = "vwitem" + (multiItemCount + offset);
			}
			
			var re = /vwattr(\d+)(.+)/;
			var matches = re.exec(inputs[i].name);
			if (matches)
			{
				inputs[i].name = "vwattr" + (multiItemCount + offset) + matches[2];
			}
			
			if (inputs[i].type.toLowerCase() == 'text')
			{
				inputs[i].value = "";
			}
		}
		var inputs = newItem.getElementsByTagName("select");
		for (var i = 0; i < inputs.length; i++)
		{
			if (inputs[i].name.match("vwitem"))
			{
				inputs[i].name = "vwitem" + (multiItemCount + offset);
			}
			
			var re = /vwattr(\d+)(.+)/;
			var matches = re.exec(inputs[i].name);
			if (matches)
			{
				inputs[i].name = "vwattr" + (multiItemCount + offset) + matches[2];
			}
			
			if (inputs[i].type.toLowerCase() == 'text')
			{
				inputs[i].value = "";
			}
		}
		var ps = newItem.getElementsByTagName("p");
		if (ps)
		{
			ps[0].innerHTML = "<a href='javascript:void(0)' onclick='removeMultiItem(" + multiItemCount + ")'>Delete this</a>";
		}
		document.getElementById("multiItemList").appendChild(newItem);
		$("#multiItem" + multiItemCount + " div[idx]").each( function(){
		    $(this).attr("idx", multiItemCount + offset);
	    });
	    
	    $("select[blockcontrol]").change(controlOptionBlocks);
	    $("select[blockcontrol]").change();
	}
}
$(document).ready( function() {
    $("select[blockcontrol]").change(controlOptionBlocks);
    $("select[blockcontrol]").change();
    $(document.forms['multiorderform']).submit( function() {
      $("div[blockvalue]").each( function() {
        if ($(this).css("display") == 'none')
        {
          $(this).remove();
        }
      });
    });
});

function controlOptionBlocks()
{
    var blockControl = $(this).attr("blockcontrol");
	var re = /vwattr(\d+)(.+)/;
	var matches = re.exec(this.name);
    if (matches)
    {
        var idx = matches[1];
    }
    var blockValue = $(this).val();

    $("div[blockvalue]").each(function() {
        if ($(this).attr("block") == blockControl && $(this).attr("idx") == idx)
        {
            if ($(this).attr("blockvalue") == blockValue)
            {
                $(this).show();
            }
            else
            {
                $(this).hide();
            }
        }
    });
}