var achieveCounter = 0;
var imgCounter = 0;

function changeCountry(action)
{
	form = document.getElementById(action + 'Form');
	
	if (form.country.options[form.country.selectedIndex].value != "U.S.A.")
		{
			form.state.selectedIndex = 0;
			document.getElementById("stateDiv").style.display = "none";			
		}
	else
		//United States are selected
		{
			form.state.selectedIndex = 0;
			document.getElementById("stateDiv").style.display = "block";
		}
		
}


function populateYears(action)
{
	form = document.getElementById(action + 'Form');
	
	var currDate = new Date();
	var currYear = currDate.getFullYear();
	var n = 1;
	for (i = currYear-100; i<=currYear; i++)
	{
		form.birthday_year.options[n-1] = null;
		++n;
		
	}
	n = 1;
	for (i = currYear-100; i<=currYear; i++)
	{
		
		form.birthday_year.options[n-1] = new Option(i, i);
		++n;
	}
		
	form.birthday_year[form.birthday_year.length - 1].selected = true;
	
	
}
function populateDays(action)
{
	form = document.getElementById(action + 'Form');
	
	var daysArr = Array (31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
	monthValue = form.birthday_month.options[form.birthday_month.selectedIndex].value;
	nDays = daysArr[monthValue-1];
	for (i = 1; i<= 31; i++)
		form.birthday_day.options[i-1] = null;
	for (i = 1; i<= nDays; i++)
		form.birthday_day.options[i-1] = new Option(i, i);
		
	form.birthday_day[0].selected = true;
	yearValue = form.birthday_year.options[form.birthday_year.selectedIndex].value;
	if (monthValue == 2)
		if(yearValue % 4 == 0 && yearValue % 100 != 0 || yearValue % 400 == 0)
			form.birthday_day.options[28] = new Option(29, 29);
}
function populateAchieveYear(action, object)
{
	form = document.getElementById(action + 'Form');	
	
	var currDate = new Date();
	var currYear = currDate.getFullYear();
	var n = 1;
	var yearSelect = form.elements['achieve_year' + object];
	for (i = currYear-100; i<=currYear; i++)
	{
		yearSelect.options[n-1] = null;
		++n;
		
	}
	n = 1;
	for (i = currYear-100; i<=currYear; i++)
	{
		
		yearSelect.options[n-1] = new Option(i, i);
		++n;
	}
		
	yearSelect[yearSelect.length - 1].selected = true;
	
	
}

function populateElements(action, submitted)
{
		form = document.getElementById(action + 'Form');
		
		populateYears(action);
		populateDays(action);
		if (!submitted)
			populateAchieveYear(action, '-1');
		
}
function selectBirthDate(action, month, day, year)
{
	form = document.getElementById(action + 'Form');
	
	form.birthday_month[month-1].selected = true;
	form.birthday_day[day-1].selected = true;
	for (i = 0; i< form.birthday_year.options.length; i++)
		if (form.birthday_year[i].value == year)
		{
			form.birthday_year[i].selected = true;
			break;
		}
}
function selectCountry(action, country, state)
{
	form = document.getElementById(action + 'Form');
	
	for (i = 0; i< form.country.options.length; i++ )
		if (form.country[i].value == country)
		{
			form.country[i].selected = true;
			break;
		}
	changeCountry(action);
	
	if (state != '')
	{
		for (i = 0; i< form.state.options.length; i++ )
			if (form.state[i].value == state)
			{
				form.state[i].selected = true;
				break;
			}
	}	
	
}



function addAchieve(removeLink)
{
	var newsForm = document.getElementById("achieveDiv");
	
	var newDiv = document.createElement('div');
	newDiv.setAttribute('class', 'row');
	newDiv.setAttribute('className', 'row');
	
	var achieveID = 'achieve' + achieveCounter + '_year';
	newDiv.setAttribute('id', achieveID);
	
	newDiv.innerHTML ='<span class="label">Year</span>'+
                   ' <span class="formw">'+
               			'<select id="achieve_year' + achieveCounter + '" autocomplete="off" name="achieve_year[]"></select> '
	if (removeLink == true)
		newDiv.innerHTML = newDiv.innerHTML + '<span class="removeAchieve" onclick="removeAchieve(' + achieveCounter + ');">Remove achievement</span>';
						
						
    newDiv.innerHTML = newDiv.innerHTML+'</span></div>';
	
	newsForm.appendChild(newDiv);
	populateAchieveYear('add', achieveCounter);
	
	newDiv = document.createElement('div');
	newDiv.setAttribute('class', 'row');
	newDiv.setAttribute('className', 'row');
	
	achieveID = 'achieve' + achieveCounter + '_desc';
	newDiv.setAttribute('id', achieveID);
	newDiv.innerHTML ='<span class="label">Description</span>'+
                   ' <span class="formw">'+
               			'<input name="achieve_desc[]" type="text" id="achieve_desc' + achieveCounter +'" size="30" maxlength="40"/>';
					
	newsForm.appendChild(newDiv);
	
	achieveCounter++;
	
}

function removeAchieve(n)
{
	var newsForm = document.getElementById("achieveDiv");
	
	var oldDiv = document.getElementById('achieve'+ n + '_year');
	newsForm.removeChild(oldDiv);
	
	oldDiv 	   = document.getElementById('achieve' + n + '_desc');	
	newsForm.removeChild(oldDiv);
	
	achieveCounter--;
}


function addImage()
{
	if (imgCounter <3)
	{
		var newsForm = document.getElementById("imageDiv");
		
		var newDiv = document.createElement('div');
		newDiv.setAttribute('class', 'row');
		newDiv.setAttribute('className', 'row');
		
		var imgID = 'image' + imgCounter;
		newDiv.setAttribute('id', imgID);
		
		newDiv.innerHTML ='<span class="label">Image *</span>'+
					   ' <span class="formw">'+
							'<input name="image[]" type="file" id="image[]" size="40" /><input type="hidden" name="MAX_FILE_SIZE" value="2097152">'+'<span class="removeImage" onclick="removeImage(' + imgCounter + ');">Remove image</span>'+
						'</span></div>';
		newsForm.appendChild(newDiv);
		
		imgCounter++;
	}
}

function removeImage(n)
{
	var newsForm = document.getElementById("imageDiv");
	
	var oldDiv = document.getElementById('image'+n);
	newsForm.removeChild(oldDiv);

	imgCounter--;
}
function selectSex(value)
{
	if (value == 'male')
	{
		document.getElementById('sexMale').checked = true;
		document.getElementById('sexFemale').checked = false;		
	}
	else if (value == 'female')
	{
		document.getElementById('sexFemale').checked = true;
		document.getElementById('sexMale').checked = false;			
	}
	else
	{
		return;	
	}
	
}
