window.onload = initall;

function initall()
{
document.getElementById('form_st').onsubmit = validateStateForm;
document.getElementById('form_city').onsubmit = validateCityForm;
document.getElementById('state').onchange = goodSelect;
document.getElementById('state2').onchange = goodSelect;
}

function validateStateForm()
{
	
	var selectTags = document.getElementById('state');

	if(selectTags.options[selectTags.selectedIndex].value == "0")
	{
	errorForm(document.getElementById('state'));
	return false;
	}
	
return true;
}

function validateCityForm()
{
badCity = "Enter City";

goodForm(document.getElementById('city'));	

	if((document.getElementById('city').value) == badCity)
	{
	errorForm(document.getElementById('city'));
	return false;
	}
	
	if((document.getElementById('city').value) == "")
	{
	errorForm(document.getElementById('city'));
	return false;
	}
	
	var selectTags = document.getElementById('state2');

	if(selectTags.options[selectTags.selectedIndex].value == "0")
	{
	errorForm(document.getElementById('state2'));
	return false;
	}
	
return true;
}

function goodSelect()
{
	
var goodId = this.id;
var selectTags = document.getElementById(goodId);

	if(selectTags.options[selectTags.selectedIndex].value != "0")
	{
	document.getElementById(goodId).style.backgroundColor = "white";
	}	
	
}

function errorForm(element)
{
var errorId = element.id;

document.getElementById(errorId).style.backgroundColor = "pink";
document.getElementById(element.id).focus();
}

function goodForm(element)
{
var goodId = element.id;

document.getElementById(goodId).style.backgroundColor = "white";
}