var nRef = 0;
var TTMM = 0;
function pedido()
{
	this.referencia = "";
	this.refPref = "";
	this.refId = 0;
	this.nColor = 0;
	this.precio = 0;
	this.colores = new Array(50);
	for(i = 0; i < 50; i++)
	{
		this.colores[i] = new Array(2);
	}
	
	
}

var allRef = new Array();

function nuevaRef()
{
	for(i = 0; i < nRef; i++)
	{
		allRef[i].referencia = document.getElementById(allRef[i].refPref + '_R').value;
		allRef[i].precio = document.getElementById(allRef[i].refPref + '_P').value;
		for(j = 0; j < allRef[i].nColor; j++)
		{
			allRef[i].colores[j][0] = document.getElementById(allRef[i].refPref + '_C_' + (j+1)).value;
			allRef[i].colores[j][1] = document.getElementById(allRef[i].refPref + '_M_' + (j+1)).value;
		}
	}
	
	nRef++;
	allRef[nRef-1] = new pedido();
	allRef[nRef-1].refId = nRef;
	allRef[nRef-1].refPref = "refer_" + allRef[nRef-1].refId;
	var imp = "";
	imp += '<table background="backG.jpg" cellpadding="3" cellspacing="0" border="0" width="800" class="caption"  style="border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF;">';
	imp += '	<tr>';
	imp += '		<td align="left" width="100">';
	imp += '			REFERENCIA';
	imp += '		</td>';
	imp += '		<td align="left" width="226">';
	imp += '			<input id="' + allRef[nRef-1].refPref + '_R' + '" type="text" style="width:200px; text-transform:uppercase;" onkeyup="telasVer(event,\'' + allRef[nRef-1].refPref + '_R' + '\',\'searchInfo'+ nRef + '\');" onfocus="checkWchMnu(\'searchInfo'+ nRef + '\');">';
	imp += '			<div style="position:relative; display:block; width:210px;"><div id="searchInfo' + nRef + '" style="position:absolute; top:0px; left:0px; display:block; width:210px;"></div></div>';
	imp += '		</td>';
	imp += '		<td align="left" width="60">';
	imp += '			PRECIO';
	imp += '		</td>';
	imp += '		<td align="left" width="86">';
	imp += '			<input id="' + allRef[nRef-1].refPref + '_P' + '" type="text" onblur="sumar(' + nRef +');" style="width:80px; text-align:right;" align="right" onfocus="checkWchMnu(\'\');">';
	imp += '		</td>';
	imp += '		<td align="left">';
	imp += '		</td>';
	imp += '		<td width="156" align="right" style="text-align:right;">';
	imp += '			<a href="javascript:nuevoCol(\'ref' + nRef +'\', ' +  nRef + ');"><img src="btnColor.jpg" border="0" />';
	imp += '		</td>';
	imp += '	</tr>';
	imp += '</table>';
	imp += '<div id="ref' + nRef + '">';

	imp += '</div>';
	imp += '<table cellpadding="3" cellspacing="0" border="0" width="800" class="caption">';
	imp += '	<tr>';
	imp += '		<td align="left">';
	imp += '		</td>';
	imp += '		<td align="center" width="60" background="backG.jpg" style="border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; text-align:center;">';
	imp += '			METROS';
	imp += '		</td>';
	imp += '		<td width="206" align="center" background="backG.jpg" style="border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; text-align:center;">';
	imp += '			<div id="' + allRef[nRef-1].refPref + '_METROS' + '" class="caption" style="width:200px;  text-align:right; border:1px solid #333333; background-color:#666666"></div>\n';
	imp += '		</td>';
	imp += '	</tr>';
	imp += '	<tr>';
	imp += '		<td align="left">';
	imp += '		</td>';
	imp += '		<td align="center" width="60" background="backG.jpg" style="border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; text-align:center;">';
	imp += '			TOTAL';
	imp += '		</td>';
	imp += '		<td width="206" align="center" background="backG.jpg" style="border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; text-align:center;">';
	imp += '			<div id="' + allRef[nRef-1].refPref + '_T' + '" class="caption" style="width:200px;  text-align:right; border:1px solid #333333; background-color:#666666"></div>\n';
	imp += '		</td>';
	imp += '	</tr>';
	imp += '</table> <br />';
	document.getElementById('crear').innerHTML += imp;
	for(i = 0; i < (nRef - 1); i++)
	{
		document.getElementById(allRef[i].refPref + '_R').value = allRef[i].referencia;
		document.getElementById(allRef[i].refPref + '_P').value = allRef[i].precio;
		for(j = 0; j < allRef[i].nColor; j++)
		{
			document.getElementById(allRef[i].refPref + '_C_' + (j+1)).value = allRef[i].colores[j][0];
			document.getElementById(allRef[i].refPref + '_M_' + (j+1)).value = allRef[i].colores[j][1];
		}
		
	}
	
}

function nuevoCol(obj, refer)
{
	for(i = 0; i < allRef[refer-1].nColor; i++)
	{
		allRef[refer-1].colores[i][0] = document.getElementById(allRef[refer-1].refPref + '_C_' + (i+1)).value;
		allRef[refer-1].colores[i][1] = document.getElementById(allRef[refer-1].refPref + '_M_' + (i+1)).value;
		
	}
	allRef[refer-1].nColor++;
	sal = "";
	sal += '	<table bgcolor="#333333" cellpadding="3" cellspacing="0" border="0" width="800" class="caption">\n';
	sal += '		<tr>\n';
	sal += '			<td align="left" width="100">\n';
	sal += '				COLOR\n';
	sal += '			</td>\n';
	sal += '			<td align="left" width="226">\n';
	sal += '				<input id="' + allRef[refer-1].refPref + '_C_' + allRef[refer-1].nColor + '" type="text" style="width:200px; text-transform:capitalize;" onfocus="colVer(event,\'' + allRef[refer-1].refPref + '_R' + '\',\'sClr_'+ allRef[refer-1].refPref + '_' + allRef[refer-1].nColor + '\',\'' +   allRef[refer-1].refPref + '_C_' + allRef[refer-1].nColor   +  '\'); checkWchMnu(\'sClr_'+ allRef[refer-1].refPref + '_' + allRef[refer-1].nColor + '\');"  onblur="sumar(' + refer +');"  onmouseup="colVer(event,\'' + allRef[refer-1].refPref + '_R' + '\',\'sClr_'+ allRef[refer-1].refPref + '_' + allRef[refer-1].nColor + '\',\'' +   allRef[refer-1].refPref + '_C_' + allRef[refer-1].nColor   +  '\');">\n';
	sal += '				<div style="position:relative; display:block; width:210px;"><div id="sClr_' + allRef[refer-1].refPref + '_' + allRef[refer-1].nColor + '" style="position:absolute; top:0px; left:0px; display:block; width:210px;"></div></div>';
	sal += '			</td>\n';
	sal += '			<td align="left" width="60">\n';
	sal += '				METROS\n';
	sal += '			</td>\n';
	sal += '			<td align="left" width="86">\n';
	sal += '				<input id="' + allRef[refer-1].refPref + '_M_' + allRef[refer-1].nColor + '" type="text" style="width:80px; text-align:right;"  onblur="sumar(' + refer +');" align="right" onfocus="checkWchMnu(\'\');">\n';
	sal += '			</td>\n';
	sal += '			<td align="right" style="text-align:right;">\n';			
	sal += '			</td>\n';
	sal += '		</tr>\n';
	sal += '	</table>\n';
	document.getElementById(obj).innerHTML += sal;
	for(i = 0; i < (allRef[refer-1].nColor - 1); i++)
	{
		document.getElementById(allRef[refer-1].refPref + '_C_' + (i+1)).value = allRef[refer-1].colores[i][0];
		document.getElementById(allRef[refer-1].refPref + '_M_' + (i+1)).value = allRef[refer-1].colores[i][1];
		
	}
}

function sumar(cual)
{
	numCol = allRef[cual-1].nColor;
	resultado = 0;
	rmet = 0;
	for(i = 1; i <= numCol; i++)
	{
		resultado += ((document.getElementById(allRef[cual-1].refPref + '_M_' + i).value * 1) * (document.getElementById(allRef[cual-1].refPref + '_P').value * 1));
		rmet += (document.getElementById(allRef[cual-1].refPref + '_M_' + i).value * 1);
	}
	document.getElementById(allRef[cual-1].refPref + '_T').innerHTML = resultado;
	document.getElementById(allRef[cual-1].refPref + '_METROS').innerHTML = rmet;
	resultado = 0;
	rmet = 0;
	for(i = 1; i <= nRef; i++)
	{
		resultado += (document.getElementById(allRef[i-1].refPref + '_T').innerHTML * 1);
		rmet += (document.getElementById(allRef[i-1].refPref + '_METROS').innerHTML * 1);
	}
	document.getElementById('gTotal').innerHTML = resultado;
	document.getElementById('meTotal').innerHTML = rmet;
}

function verificar()
{//document.getElementById('formaF').innerHTML;
	var errores = new Array();
	var errC = 0;
	if(document.getElementById('codCli').value.length < 1)
	{
		errores[errC] = "[Falta Codigo de Cliente]";
		errC++;
	}
	if(document.getElementById('razSoc').value.length < 1)
	{
		errores[errC] = "[Falta Razon Social]";
		errC++;
	}
	if(document.getElementById('ciudad').value.length < 1)
	{
		errores[errC] = "[Falta la Ciudad]";
		errC++;
	}
	if(document.getElementById('tel').value.length < 1)
	{
		errores[errC] = "[Falta el Telefono]";
		errC++;
	}
	if(document.getElementById('dir').value.length < 1)
	{
		errores[errC] = "[Falta la Direccion]";
		errC++;
	}
	if(document.getElementById('codVen').value.length < 1)
	{
		errores[errC] = "[Falta Codigo del Vendedor]";
		errC++;
	}
	if(document.getElementById('conDesp').value.length < 1)
	{
		errores[errC] = "[Falta Condiciones de Despacho]";
		errC++;
	}
	
	
	
	if(errC == 0)
	{
		var forma = '';
		forma += '<input type="text" name="codCli" value="' + document.getElementById('codCli').value + '###C###' + document.getElementById('autpor').value + '###C###' + document.getElementById('NIT').value + '" /><br />';
		forma += '<input type="text" name="razSoc" value="' + document.getElementById('razSoc').value + '" /><br />';
		forma += '<input type="text" name="ciudad" value="' + document.getElementById('ciudad').value + '" /><br />';
		forma += '<input type="text" name="tel" value="' + document.getElementById('tel').value + '" /><br />';
		forma += '<input type="text" name="dir" value="' + document.getElementById('dir').value + '" /><br />';
		forma += '<input type="text" name="codVen" value="' + document.getElementById('codVen').value + '" /><br />';
		forma += '<textarea id="conDesp" name="conDesp">' + document.getElementById('conDesp').value + '</textarea><br />';
		forma += '<input type="text" name="pago" value="' + document.getElementById('pago').value + '" /><br />';
		forma += '<input type="text" name="numeroReferencias" value="' + nRef + '" /><br />';
		
		for(i = 0; i < nRef; i++)
		{
			forma += '<input type="text" name="refer_' + (i+1) + '" value="' + allRef[i].nColor + '" /><br />';
		}
		
		for(i = 0; i < nRef; i++)
		{
			forma += '<input type="text" name="' + allRef[i].refPref + '_R' + '" value="' + document.getElementById(allRef[i].refPref + '_R').value + '" /><br />';
			forma += '<input type="text" name="' + allRef[i].refPref + '_P' + '" value="' + document.getElementById(allRef[i].refPref + '_P').value + '" /><br />';
			for(j = 1; j <= allRef[i].nColor; j++)
			{
				forma += '<input type="text" name="' + allRef[i].refPref + '_C_' + j +'" value="' + document.getElementById(allRef[i].refPref + '_C_' + j).value + '" /><br />';
				forma += '<input type="text" name="' + allRef[i].refPref + '_M_' + j +'" value="' + document.getElementById(allRef[i].refPref + '_M_' + j).value + '" /><br />';
			}
			forma += '<br />';
		}
		document.getElementById('formaF').innerHTML = forma;
		document.enviarF.submit();
	}
	else
	{
		var errSal = "Tiene los siguientes errores\n";
		for(k = 0; k < errC; k++)
		{
			errSal += (k+1) + ": " + errores[k] + "\n";
		}
		alert(errSal);
	}
		
}

