Event.observe(window, 'load', function() {
	Event.observe('frmCustomerService', 'submit', checkForm);
	Event.observe('firstName', 'focus', clearFirstName);
	Event.observe('firstName', 'blur', resetFirstName);
	Event.observe('lastName', 'focus', clearLastName);
	Event.observe('lastName', 'blur', resetLastName);
	Event.observe('address', 'focus', clearAddress);
	Event.observe('address', 'blur', resetAddress);
	Event.observe('city', 'focus', clearCity);
	Event.observe('city', 'blur', resetCity);
	Event.observe('state', 'focus', clearState);
	Event.observe('state', 'blur', resetState);
	Event.observe('zipcode', 'focus', clearZipcode);
	Event.observe('zipcode', 'blur', resetZipcode);
	Event.observe('phone', 'focus', clearPhone);
	Event.observe('phone', 'blur', resetPhone);
	Event.observe('email', 'focus', clearEmail);
	Event.observe('email', 'blur', resetEmail);
	Event.observe('message', 'focus', clearMessage);
	Event.observe('message', 'blur', resetMessage);
	
	setTimeout("Effect.BlindUp('alert', {duration:0.5})", 2000);
	
	var links = $$('#categories a');
	for(var i=0; i<links.length; i++)
	{
		links[i].observe('click', function(e)
		{
			e.stop();
			
			for(var i=0; i<links.length; i++)
			{
				if(links[i] == Event.element(e))
				{
					showSubcontractor(i);
					
					links[i].className = 'selected';
				}
				else links[i].className = '';
			}
		});
	}
});

function clearFirstName()
{
	if($('firstName').value == 'First Name') $('firstName').clear();
	
	$('firstName').className = '';
}

function resetFirstName()
{
	if (!$('firstName').present()) $('firstName').value = 'First Name';
}

function clearLastName()
{
	if($('lastName').value == 'Last Name') $('lastName').clear();
	
	$('lastName').className = '';
}

function resetLastName()
{
	if (!$('lastName').present()) $('lastName').value = 'Last Name';
}

function clearAddress()
{
	if($('address').value == 'Address, Street Name, Apt #') $('address').clear();
	
	$('address').className = '';
}

function resetAddress()
{
	if (!$('address').present()) $('address').value = 'Address, Street Name, Apt #';
}

function clearCity()
{
	if($('city').value == 'City') $('city').clear();
	
	$('city').className = '';
}

function resetCity()
{
	if (!$('city').present()) $('city').value = 'City';
}

function clearState()
{
	if($('state').value == 'State') $('state').clear();
	
	$('state').className = '';
}

function resetState()
{
	if (!$('state').present()) $('state').value = 'State';
}

function clearZipcode()
{
	if($('zipcode').value == 'Zipcode') $('zipcode').clear();
	
	$('zipcode').className = '';
}

function resetZipcode()
{
	if (!$('zipcode').present()) $('zipcode').value = 'Zipcode';
}

function clearPhone()
{
	if($('phone').value == 'Phone Number') $('phone').clear();
	
	$('phone').className = '';
}

function resetPhone()
{
	if (!$('phone').present()) $('phone').value = 'Phone Number';
}

function clearEmail()
{
	if($('email').value == 'Email Address') $('email').clear();
	
	$('email').className = '';
}

function resetEmail()
{
	if (!$('email').present()) $('email').value = 'Email Address';
}

function clearMessage()
{
	if($('message').value == 'Please Describe Your Issue') $('message').clear();
	
	$('message').className = '';
}

function resetMessage()
{
	if (!$('message').present()) $('message').value = 'Please Describe Your Issue';
}

function checkForm(e)
{
	if (!(($('email').value.indexOf(".") > 2) && ($('email').value.indexOf("@") > 0))) //validate email address
	{
		e.stop();
		$('email').className = 'error';
	} 
	
	if (($('firstName').value == "First Name") || ($('firstName').value == "")) 
	{
		e.stop();
		$('firstName').className = 'error';
	}
	
	if (($('lastName').value == "Last Name") || ($('lastName').value == "")) 
	{
		e.stop();
		$('lastName').className = 'error';
	}
	
	if (($('address').value == "Address, Street Name, Apt #") || ($('address').value == "")) 
	{
		e.stop();
		$('address').className = 'error';
	}
	
	if (($('city').value == "City") || ($('city').value == "")) 
	{
		e.stop();
		$('city').className = 'error';
	}
	
	if (($('state').value == "State") || ($('state').value == "")) 
	{
		e.stop();
		$('state').className = 'error';
	}
	
	if (($('phone').value == "Phone Number") || ($('phone').value == "")) 
	{
		e.stop();
		$('phone').className = 'error';
	}
	
	if (($('message').value == "Please Describe Your Issue") || ($('message').value == "")) 
	{
		e.stop();
		$('message').className = 'error';
	}
	
	if (($('zipcode').value == "Zipcode") || ($('zipcode').value == "")) 
	{
		e.stop();
		$('zipcode').className = 'error';
	}
	
}


function showSubcontractor(id)
{
	var links          = $$('#categories a');
	var subcontractors = $$('#container div.subcontractor');
		
	for(var i=0; i<subcontractors.length; i++)
	{		
		if(i == id)
		{
			subcontractors[i].show();
			links[i].className = 'selected';
		}
		else
		{
			subcontractors[i].hide();
			links[i].className = '';
		}
	}
	
	return false;
}