function loading(button){
	document.getElementById('loading').style.display = 'block';
	button.value = 'Uploading...';
}

function add_email(){
	
	var newdiv = document.createElement("div");
	newdiv.setAttribute("class", 'row');
	newdiv.innerHTML = '<div class="row"><span class="label">Secondary Email Address</span><span class="input"><input type="text" name="secondary_emails[]" value="" size="25" /> <span class="email_add_link"><a href="javascript:add_email();">Add Another</a></span></span><div class="spacer"></div></div>';
	
	var all = document.all ? document.all : document.getElementsByTagName('*');
  	for (var e = 0; e < all.length; e++) {
  	  if (all[e].className == 'email_add_link')
	      all[e].style.display = 'none';
	}

	document.getElementById('additional').appendChild(newdiv);
}

function add_date(i){

	var newdiv = document.createElement("div");
	newdiv.setAttribute("class", 'row');
	newdiv.innerHTML = '<div class="row"><span class="label">Date and time of Access</span><span class="input">' +
'<select name="date_' + i + '_day"><option label="" value=""></option><option label="01" value="1">01</option><option label="02" value="2">02</option><option label="03" value="3">03</option><option label="04" value="4">04</option><option label="05" value="5">05</option><option label="06" value="6">06</option><option label="07" value="7">07</option><option label="08" value="8">08</option><option label="09" value="9">09</option><option label="10" value="10">10</option><option label="11" value="11">11</option><option label="12" value="12">12</option><option label="13" value="13">13</option><option label="14" value="14">14</option><option label="15" value="15">15</option><option label="16" value="16">16</option><option label="17" value="17">17</option><option label="18" value="18">18</option><option label="19" value="19">19</option><option label="20" value="20">20</option><option label="21" value="21">21</option><option label="22" value="22">22</option><option label="23" value="23">23</option><option label="24" value="24">24</option><option label="25" value="25">25</option><option label="26" value="26">26</option><option label="27" value="27">27</option><option label="28" value="28">28</option><option label="29" value="29">29</option><option label="30" value="30">30</option><option label="31" value="31">31</option></select> ' +
'<select name="date_' + i + '_month"><option label="" value="" selected="selected"></option><option label="January" value="01">January</option><option label="February" value="02">February</option><option label="March" value="03">March</option><option label="April" value="04">April</option><option label="May" value="05">May</option><option label="June" value="06">June</option><option label="July" value="07">July</option><option label="August" value="08">August</option><option label="September" value="09">September</option><option label="October" value="10">October</option><option label="November" value="11">November</option><option label="December" value="12">December</option></select> ' +
'<select name="date_' + i + '_year"><option label="" value=""></option><option label="2008" value="2008">2008</option><option label="2009" value="2009">2009</option><option label="2010" value="2010">2010</option></select><br />' +
'<select name="time_' + i + '_hour"><option label="" value=""></option><option label="00" value="00">00</option><option label="01" value="01">01</option><option label="02" value="02">02</option><option label="03" value="03">03</option><option label="04" value="04">04</option><option label="05" value="05">05</option><option label="06" value="06">06</option><option label="07" value="07">07</option><option label="08" value="08">08</option><option label="09" value="09">09</option><option label="10" value="10">10</option><option label="11" value="11">11</option><option label="12" value="12">12</option><option label="13" value="13">13</option><option label="14" value="14">14</option><option label="15" value="15">15</option><option label="16" value="16">16</option><option label="17" value="17">17</option><option label="18" value="18">18</option><option label="19" value="19">19</option><option label="20" value="20">20</option><option label="21" value="21">21</option><option label="22" value="22">22</option><option label="23" value="23">23</option></select> ' +
'<select name="time_' + i + '_minute"><option label="" value=""></option><option label="00" value="00">00</option><option label="15" value="15">15</option><option label="30" value="30">30</option><option label="45" value="45">45</option></select> <span class="date_add_link"><a href="javascript:add_date(' + (i+1) + ');"><br /><br />Add Another</a></span></span><div class="spacer"></div></div>';
	
	var all = document.all ? document.all : document.getElementsByTagName('*');
  	for (var e = 0; e < all.length; e++) 
  	{
  	  if (all[e].className == 'date_add_link')
  	  {
	      all[e].style.display = 'none';
	  }
	}

	document.getElementById('additional').appendChild(newdiv);
}

function togglecb(id){

	if (document.getElementById(id+"_cb").checked == true)
	{
		document.getElementById(id+"_cb").checked = false;
		document.getElementById(id).style.background = "#FFFFFF";
	}
	else
	{
		document.getElementById(id+"_cb").checked = true;
		document.getElementById(id).style.background = "#DDFFDD";
	}

	
}

function togglebg(id){

	if (document.getElementById(id+"_cb").checked == true)
	{
		document.getElementById(id).style.background = "#DDFFDD";
	}
	else
	{
		document.getElementById(id).style.background = "#FFFFFF";
	}
	
}