var StyleCount = 1;
var SizeCount = 1;

function AddStyle(DivId)
{	
	div = document.getElementById(DivId).appendChild(document.createElement('div'));
	div.innerHTML = '<input name="styleTitle' + StyleCount + '"/><input name="styleSkuCodePart' + StyleCount + '" size="4"/><a href="javascript:void(null)" onclick="AddSize(\'size' + StyleCount + '\', \'' + StyleCount + '\')">Add Size</a> - <a href="javascript:void(null)" onclick="ShowSize(\'size' + StyleCount + '\')">Sizes</a><div id="size' + StyleCount + '" class="size"><input type="text" name="sizeTitle' + StyleCount + '[]" size="20"/><input type="text" name="sizeSkuCodePart' + StyleCount + '[]" size="2"/><input type="text" name="sizeQuantity' + StyleCount + '[]" size="2"/></div>';

	field = document.getElementById('StyleCount');	
	field.value = StyleCount;	
	
	StyleCount++;		
}

function ShowSize(DivId)
{	
	if ( '' == document.getElementById(DivId).style.display )
	{
		document.getElementById(DivId).style.display = 'block';		
	}
	else
	{
		document.getElementById(DivId).style.display = '';	
	}
}		

function AddSize(DivId, StyleId)
{	
	div = document.getElementById(DivId).appendChild(document.createElement('div'));
	div.innerHTML = '<input name="sizeTitle' + StyleId + '[]"/><input name="sizeSkuCodePart' + StyleId + '[]" size="2"/><input name="sizeQuantity' + StyleId + '[]" size="2"/>';

	field = document.getElementById('SizeCount');	
	field.value = SizeCount;	
	
	SizeCount++;		
}