window.onload = initAll;

function showmenu(elemt)
{
	document.getElementById(elemt).style.visibility = "visible";
}

function hidemenu(elemt)
{
	document.getElementById(elemt).style.visibility = "hidden";
}

function initAll()
{
	document.getElementById("add1").onclick = schild;
	document.getElementById("add2").onclick = tchild;
	
	document.getElementById("submit").onclick = checkvalue;

}

function schild()
{
document.getElementById("schild").innerHTML = "<table cellpadding='0' cellspacing='0' border='0'  style='color:#fff; font-size:13px;'> <tr><td nowrap='nowrap'  width='150'>First name: </td><td  height='35'><input type='text' name='children[]' size='30'  style='padding-bottom:5px; padding-top:5px;'/></td></tr> <tr><td  height='35'  width='150'>Last name: </td><td  height='35'><input type='text' name='children[]' size='30' style='padding-bottom:5px; padding-top:5px;'/></td></tr> <tr><td  height='35'  width='150'>Data of Birth: </td><td  height='35'><select name='children[]'> <option value='0'>Month:</option> <option value='january'>Jan</option><option value='february'>Feb</option><option value='march'>Mar</option><option value='april'>Apr</option><option value='may'>May</option><option value='june'>Jun</option><option value='july'>Jul</option><option value='augest'>Aug</option><option value='september'>Sep</option><option value='octomber'>Oct</option><option value='november'>Nov</option><option value='december'>Dec</option> </select> <select name='children[]' > <option value='0'>Day:</option> <option value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> <option value='4'>4</option> <option value='5'>5</option> <option value='6'>6</option> <option value='7'>7</option> <option value='8'>8</option> <option value='9'>9</option> <option value='10'>10</option> <option value='11'>11</option> <option value='12'>12</option> <option value='13'>13</option> <option value='14'>14</option> <option value='15'>15</option> <option value='16'>16</option> <option value='17'>17</option> <option value='18'>18</option> <option value='19'>19</option> <option value='20'>20</option> <option value='21'>21</option> <option value='22'>22</option> <option value='23'>23</option> <option value='24'>24</option> <option value='25'>25</option> <option value='26'>26</option> <option value='27'>27</option> <option value='28'>28</option> <option value='29'>29</option> <option value='30'>30</option> <option value='31'>31</option> </select> <select name='children[]'> <option value='0'>Year:</option> <option value='2010'>2010</option> <option value='2009'>2009</option> <option value='2008'>2008</option> <option value='2007'>2007</option> <option value='2006'>2006</option> <option value='2005'>2005</option> <option value='2004'>2004</option> <option value='2003'>2003</option> <option value='2002'>2002</option> <option value='2001'>2001</option> <option value='2000'>2000</option> <option value='1999'>1999</option> <option value='1998'>1998</option> <option value='1997'>1997</option> <option value='1996'>1996</option> <option value='1995'>1995</option> <option value='1994'>1994</option> <option value='1993'>1993</option> <option value='1992'>1992</option> <option value='1991'>1991</option> <option value='1990'>1990</option> <option value='1989'>1989</option> <option value='1988'>1988</option> <option value='1987'>1987</option> <option value='1986'>1986</option> <option value='1985'>1985</option> <option value='1984'>1984</option> <option value='1983'>1983</option> <option value='1982'>1982</option> <option value='1981'>1981</option> <option value='1980'>1980</option> <option value='1979'>1979</option> <option value='1978'>1978</option> <option value='1977'>1977</option> <option value='1976'>1976</option> <option value='1975'>1975</option> <option value='1974'>1974</option> <option value='1973'>1973</option> <option value='1972'>1972</option> <option value='1971'>1971</option> <option value='1970'>1970</option> <option value='1969'>1969</option> <option value='1968'>1968</option> <option value='1967'>1967</option> <option value='1966'>1966</option> <option value='1965'>1965</option> <option value='1964'>1964</option> <option value='1963'>1963</option> <option value='1962'>1962</option> <option value='1961'>1961</option> <option value='1960'>1960</option> <option value='1959'>1959</option> <option value='1958'>1958</option> <option value='1957'>1957</option> <option value='1956'>1956</option> <option value='1955'>1955</option> <option value='1954'>1954</option> <option value='1953'>1953</option> <option value='1952'>1952</option> <option value='1951'>1951</option> <option value='1950'>1950</option> <option value='1949'>1949</option> <option value='1948'>1948</option> <option value='1947'>1947</option> <option value='1946'>1946</option> <option value='1945'>1945</option> <option value='1944'>1944</option> <option value='1943'>1943</option> <option value='1942'>1942</option> <option value='1941'>1941</option> <option value='1940'>1940</option> <option value='1939'>1939</option> <option value='1938'>1938</option> <option value='1937'>1937</option> <option value='1936'>1936</option> <option value='1935'>1935</option> <option value='1934'>1934</option> <option value='1933'>1933</option> <option value='1932'>1932</option> <option value='1931'>1931</option> <option value='1930'>1930</option> <option value='1929'>1929</option> <option value='1928'>1928</option> <option value='1927'>1927</option> <option value='1926'>1926</option> <option value='1925'>1925</option> <option value='1924'>1924</option> <option value='1923'>1923</option> <option value='1922'>1922</option> <option value='1921'>1921</option> <option value='1920'>1920</option> <option value='1919'>1919</option> <option value='1918'>1918</option> <option value='1917'>1917</option> <option value='1916'>1916</option> <option value='1915'>1915</option> <option value='1914'>1914</option> <option value='1913'>1913</option> <option value='1912'>1912</option> <option value='1911'>1911</option> <option value='1910'>1910</option> <option value='1909'>1909</option> <option value='1908'>1908</option> <option value='1907'>1907</option> <option value='1906'>1906</option> <option value='1905'>1905</option> <option value='1904'>1904</option> <option value='1903'>1903</option> <option value='1902'>1902</option> <option value='1901'>1901</option> <option value='1900'>1900</option> </select></td></tr> <tr><td  height='35'  width='150'>Blood Group: </td><td  height='35'><input type='text' name='children[]' size='30' style='padding-bottom:5px; padding-top:5px;' /></td></tr></table>";
document.getElementById("add1").style.display = "none";	
document.getElementById("add2").style.display = "block";	
}

function tchild()
{
document.getElementById("tchild").innerHTML = "<table cellpadding='0' cellspacing='0' border='0' style='color:#fff; font-size:13px;'><tr><td nowrap='nowrap'  width='150'>First name: </td><td  height='35'><input type='text' name='children[]' size='30'  style='padding-bottom:5px; padding-top:5px;'/></td></tr> <tr><td  height='35'  width='150'>Last name: </td><td  height='35'><input type='text' name='children[]' size='30' style='padding-bottom:5px; padding-top:5px;'/></td></tr> <tr><td  height='35'  width='150'>Data of Birth: </td><td  height='35'><select name='children[]'> <option value='0'>Month:</option> <option value='january'>Jan</option><option value='february'>Feb</option><option value='march'>Mar</option><option value='april'>Apr</option><option value='may'>May</option><option value='june'>Jun</option><option value='july'>Jul</option><option value='augest'>Aug</option><option value='september'>Sep</option><option value='octomber'>Oct</option><option value='november'>Nov</option><option value='december'>Dec</option> </select> <select name='children[]' > <option value='0'>Day:</option> <option value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> <option value='4'>4</option> <option value='5'>5</option> <option value='6'>6</option> <option value='7'>7</option> <option value='8'>8</option> <option value='9'>9</option> <option value='10'>10</option> <option value='11'>11</option> <option value='12'>12</option> <option value='13'>13</option> <option value='14'>14</option> <option value='15'>15</option> <option value='16'>16</option> <option value='17'>17</option> <option value='18'>18</option> <option value='19'>19</option> <option value='20'>20</option> <option value='21'>21</option> <option value='22'>22</option> <option value='23'>23</option> <option value='24'>24</option> <option value='25'>25</option> <option value='26'>26</option> <option value='27'>27</option> <option value='28'>28</option> <option value='29'>29</option> <option value='30'>30</option> <option value='31'>31</option> </select> <select name='children[]'> <option value='0'>Year:</option> <option value='2010'>2010</option> <option value='2009'>2009</option> <option value='2008'>2008</option> <option value='2007'>2007</option> <option value='2006'>2006</option> <option value='2005'>2005</option> <option value='2004'>2004</option> <option value='2003'>2003</option> <option value='2002'>2002</option> <option value='2001'>2001</option> <option value='2000'>2000</option> <option value='1999'>1999</option> <option value='1998'>1998</option> <option value='1997'>1997</option> <option value='1996'>1996</option> <option value='1995'>1995</option> <option value='1994'>1994</option> <option value='1993'>1993</option> <option value='1992'>1992</option> <option value='1991'>1991</option> <option value='1990'>1990</option> <option value='1989'>1989</option> <option value='1988'>1988</option> <option value='1987'>1987</option> <option value='1986'>1986</option> <option value='1985'>1985</option> <option value='1984'>1984</option> <option value='1983'>1983</option> <option value='1982'>1982</option> <option value='1981'>1981</option> <option value='1980'>1980</option> <option value='1979'>1979</option> <option value='1978'>1978</option> <option value='1977'>1977</option> <option value='1976'>1976</option> <option value='1975'>1975</option> <option value='1974'>1974</option> <option value='1973'>1973</option> <option value='1972'>1972</option> <option value='1971'>1971</option> <option value='1970'>1970</option> <option value='1969'>1969</option> <option value='1968'>1968</option> <option value='1967'>1967</option> <option value='1966'>1966</option> <option value='1965'>1965</option> <option value='1964'>1964</option> <option value='1963'>1963</option> <option value='1962'>1962</option> <option value='1961'>1961</option> <option value='1960'>1960</option> <option value='1959'>1959</option> <option value='1958'>1958</option> <option value='1957'>1957</option> <option value='1956'>1956</option> <option value='1955'>1955</option> <option value='1954'>1954</option> <option value='1953'>1953</option> <option value='1952'>1952</option> <option value='1951'>1951</option> <option value='1950'>1950</option> <option value='1949'>1949</option> <option value='1948'>1948</option> <option value='1947'>1947</option> <option value='1946'>1946</option> <option value='1945'>1945</option> <option value='1944'>1944</option> <option value='1943'>1943</option> <option value='1942'>1942</option> <option value='1941'>1941</option> <option value='1940'>1940</option> <option value='1939'>1939</option> <option value='1938'>1938</option> <option value='1937'>1937</option> <option value='1936'>1936</option> <option value='1935'>1935</option> <option value='1934'>1934</option> <option value='1933'>1933</option> <option value='1932'>1932</option> <option value='1931'>1931</option> <option value='1930'>1930</option> <option value='1929'>1929</option> <option value='1928'>1928</option> <option value='1927'>1927</option> <option value='1926'>1926</option> <option value='1925'>1925</option> <option value='1924'>1924</option> <option value='1923'>1923</option> <option value='1922'>1922</option> <option value='1921'>1921</option> <option value='1920'>1920</option> <option value='1919'>1919</option> <option value='1918'>1918</option> <option value='1917'>1917</option> <option value='1916'>1916</option> <option value='1915'>1915</option> <option value='1914'>1914</option> <option value='1913'>1913</option> <option value='1912'>1912</option> <option value='1911'>1911</option> <option value='1910'>1910</option> <option value='1909'>1909</option> <option value='1908'>1908</option> <option value='1907'>1907</option> <option value='1906'>1906</option> <option value='1905'>1905</option> <option value='1904'>1904</option> <option value='1903'>1903</option> <option value='1902'>1902</option> <option value='1901'>1901</option> <option value='1900'>1900</option> </select></td></tr> <tr><td  height='35'  width='150'>Blood Group: </td><td  height='35'><input type='text' name='children[]' size='30' style='padding-bottom:5px; padding-top:5px;' /></td></tr></table>"	;	
document.getElementById("add2").style.display = "none";	
}


function email(){	
	apos = document.getElementsByTagName("input").item(7).value.indexOf("@");
	dotpos = document.getElementsByTagName("input").item(7).value.lastIndexOf(".");
	if (apos<1 || dotpos-apos<2)
	{
		
		return false
	}
	else 
	{		
		return true		
	}	
}

function checkvalue()
{

/*if (document.getElementsByTagName("input").item(0).value.length == 0)
{
	document.getElementsByTagName("input").item(0).value = "not set";
}*/
	document.getElementsByTagName("input").item(2).value = document.getElementsByTagName("input").item(7).value;
	var a = "";
	if (document.getElementsByTagName("input").item(0).value.length == 0)
	{
		a = a + "Enter the First Name.\n";
	}
	
	if (document.getElementsByTagName("input").item(1).value.length == 0)
	{
		a = a + "Enter the Last Name.\n";
	}
	
	
	
	if (document.getElementsByTagName("input").item(3).value.length == 0)
	{
		a = a + "Enter the password.\n";
	}
	
	if (!(document.getElementsByTagName("input").item(3).value == document.getElementsByTagName("input").item(4).value))
	{
		a = a + "Password not match.\n";
	}
		
	if (document.getElementsByTagName("input").item(6).value.length == 0)
	{
		a = a + "Enter the blood group.\n";
	}	
	
	if (email() == false)
	{
		a = a + "Enter a email id.\n";
	}
	if(document.form1.ckimg.value != 5)
	{
		if(document.form1.upload.value.length == 0)
		{
			a = a + "Please Upload Image.\n";
		}
	}
		
	
	if (a.length > 0)
	{
		alert(a);
		return false;
	}
	else{
		return true;
	}

}


function chkupload()
{
	if(document.form1.ckimg.checked == true)
	{
		document.getElementById("upload").disabled = "disabled";
		document.getElementById("ckimg").value = 5;
	}
	else
	{
		document.getElementById("upload").removeAttribute("disabled");
		document.getElementById("ckimg").value = 1;
	}
}

function validateForm(){
	var msg = "";
	var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
	if(document.getElementById("memberFName").value == null || document.getElementById("memberFName").value == "")
		msg = " Member First name";
	if(document.getElementById("memberLName").value == null || document.getElementById("memberLName").value == "")
		msg += "\n Member Last name";
	if(document.getElementById("memberDobMonth").value == 0)
		msg += "\n Member DOB Month";
	if(document.getElementById("memberDobDay").value == 0)
		msg += "\n Member DOB Day";
	if(document.getElementById("memberDobYear").value == 0)
		msg += "\n Member DOB Year";
	if(document.getElementById("memberMobile").value == null || document.getElementById("memberMobile").value == "")
		msg += "\n Member Mobile";
	if(document.getElementById("memberBGroup").value == null || document.getElementById("memberBGroup").value == "")
		msg += "\n Member Blood Group";
	if(document.getElementById("memberEmail").value == "" || !filter.test(document.getElementById("memberEmail").value))
		msg += "\n Member Email";
	if(document.getElementById("memberAddress").value == null || document.getElementById("memberAddress").value == "")
		msg += "\n Member Residence Address";
	
	if(msg){
			alert("Following fields are required:\n\n"+msg);
			return false;
	}
}

