function addElement() { 
	var ni = document.getElementById('myDiv'); 
	var numi = document.getElementById('NumofParcels'); 
	var num = eval(document.getElementById('NumofParcels').value) + 1; 
	numi.value = num; 
	var length = "parcelLength"+ num;
	var height = "parcelHeight" + num;
	var width = "parcelWidth" + num;
	var weight = "parcelWeight" + num;
	 
	var newdiv = document.createElement('div'); 
	var parcelId = "parcelId" + num;
	 
	var Parcel = "<td width='9%'>Parcel "+ num +" : </td>";
	var l = "<td width='6%'>Length&nbsp;</td>";
	l += "<td width='6%'><input type='text' name='"+ length +"' class='smalltextbox' id='" + length + "' value='0'>";
	l +=  "<td width='3%'> cm&nbsp;</td>"
    var H = "<td width='7%'>&nbsp;Height</td>";
    H += "<td width='6%'><input name='"+ height +"' type='text' id='"+ height +"' class='smalltextbox'  value='0'/></td>";
    H += "<td width='3%'>cm</td>";
    var Wi = "<td width='7%'>&nbsp;Width</td>";
	Wi += "<td width='6%'><input name='"+ width +"' type='text' id='"+ width +"' class='smalltextbox'  value='0'/></td>";
    Wi += "<td width='3%'>cm&nbsp;</td>";
    var We = "<td width='7%'> Weight</td>";
    We += "<td width='6%'><input name='"+ weight +"' type='text' id='"+ weight +"' class='smalltextbox'  value='0'/></td>";
    We += "<td width='4%'>kg</td>";
	 
     
	var divIdName = 'Div'+num; 
	newdiv.setAttribute('id',divIdName); 
	newdiv.innerHTML = "<tr>" + Parcel + l + H + Wi + We + "</tr>"; 
	ni.appendChild(newdiv);
	document.getElementById("displayNumber").innerHTML = num;
	document.getElementById("deleteParcel").style.display = "block";
	document.getElementById("NumofParcels").value = num;
} 
function remove() { 
	var a = document.getElementById('NumofParcels').value; 
	var divId = 'Div'+a;
	var d = document.getElementById(divId);
	var ni = document.getElementById('myDiv'); 
	//document.getElementById('theValue').value=eval(document.getElementById('theValue').value)-1;
	document.getElementById('NumofParcels').value=eval(document.getElementById('NumofParcels').value)-1;
	document.getElementById("displayNumber").innerHTML = document.getElementById('NumofParcels').value;
	ni.removeChild(d);
	if(eval(document.getElementById("NumofParcels").value) == 1)
	{
		document.getElementById("deleteParcel").style.display = "none";
	}
} 
	function setvalueNull(ele)
	{
		document.getElementById(ele).value = "";
	}
	function FillPriorityDimensions(Checkedvalue)
	{
		var length = Checkedvalue.length;
		var LastCharacter = Checkedvalue.charAt(length-1);
		var lengthBox = "parcelLength" + LastCharacter;
		var heightBox = "parcelHeight" + LastCharacter;
		var widthBox = "parcelWidth" + LastCharacter;
		var weightBox = "parcelWeight" + LastCharacter;
		if(document.getElementById(Checkedvalue).checked)
		{
			var dimension = document.getElementById("PriorityDimension").value;
			var dimensionArray = dimension.split("**");
			document.getElementById(lengthBox).value = dimensionArray[0];
			document.getElementById(heightBox).value = dimensionArray[1];
			document.getElementById(widthBox).value = dimensionArray[2];
			document.getElementById(weightBox).value = dimensionArray[3];
		}
		else
		{
			document.getElementById(lengthBox).value = "";
			document.getElementById(heightBox).value = "";
			document.getElementById(widthBox).value = "";
			document.getElementById(weightBox).value = "";
		}
	}
	
	function ShowPremiumServicesTable()
	{
		document.getElementById("PremiumServicesTable").style.display = "block";
	}
	function HidePremiumServicesTable()
	{
		document.getElementById("PremiumServicesTable").style.display = "none";
	}