var showing = "main";

function showServicesPanel(which) 
{
	document.getElementById("main_title").style.display = "none";
	document.getElementById("main_text").style.display = "none";
	document.getElementById("learn_more").style.display = "none";
	
	document.getElementById(showing + "_title").style.display = "none";
	document.getElementById(showing + "_text").style.display = "none";
	//$("#" + showing + "_title").hide();
	//$("#" + showing + "_text").hide();
	
	showing = which;

	document.getElementById(which + "_title").style.display = "block";
	document.getElementById(which + "_text").style.display = "block";

	document.getElementById(which).style.color = "#333333";

//$("#" + which + "_title").fadeIn();
	//$("#" + which + "_text").fadeIn();
}

function clearPanel() 
{
	document.getElementById(showing + "_title").style.display = "none";
	document.getElementById(showing + "_text").style.display = "none";

	document.getElementById("main_title").style.display = "block";
	document.getElementById("main_text").style.display = "block";
	document.getElementById("learn_more").style.display = "block";
	
	document.getElementById("managed").style.color = "#0e63aa";
	document.getElementById("consulting").style.color = "#0e63aa";
	document.getElementById("data_center").style.color = "#0e63aa";
	document.getElementById("supplemental_it").style.color = "#0e63aa";
	//$("#" + showing + "_title").fadeOut();
	//$("#" + showing + "_text").fadeOut();

	//$("#main_title").fadeIn();
	//$("#main_text").fadeIn();
}

function validateEmailForm()
{
	resetEmailForm();
	
  	if (document.getElementById('first_name').value == "") {
	  document.getElementById('error_msg').innerHTML = "Please enter your FIRST NAME."
	  document.getElementById('fname').style.color = "#ff0000";
	  document.getElementById('first_name').style.borderColor = "#ff0000";
	  document.getElementById('first_name').focus();
	  return false;
	}

  	if (document.getElementById('last_name').value == "") {
	  document.getElementById('error_msg').innerHTML = "Please enter your LAST NAME."
	  document.getElementById('lname').style.color = "#ff0000";
	  document.getElementById('last_name').style.borderColor = "#ff0000";
	  document.getElementById('last_name').focus();
	  return false;
	}

  	if (document.getElementById('company').value == "") {
	  document.getElementById('error_msg').innerHTML = "Please enter your COMPANY name."
	  document.getElementById('cmpy').style.color = "#ff0000";
	  document.getElementById('company').style.borderColor = "#ff0000";
	  document.getElementById('company').focus();
	  return false;
	}

  	if (document.getElementById('email').value == "") {
	  document.getElementById('error_msg').innerHTML = "Please enter your EMAIL address."
	  document.getElementById('eml').style.color = "#ff0000";
	  document.getElementById('email').style.borderColor = "#ff0000";
	  document.getElementById('email').focus();
	  return false;
	}
	
	if (!validateEmail(document.getElementById('email'))) {
	  document.getElementById('error_msg').innerHTML = "Please enter a valid EMAIL address."
	  document.getElementById('eml').style.color = "#ff0000";
	  document.getElementById('email').style.borderColor = "#ff0000";
	  document.getElementById('email').focus();
	  return false;					   
    }

  	if (document.getElementById('phone').value == "") {
	  document.getElementById('error_msg').innerHTML = "Please enter your PHONE number."
	  document.getElementById('phn').style.color = "#ff0000";
	  document.getElementById('phone').style.borderColor = "#ff0000";
	  document.getElementById('phone').focus();
	  return false;
	}
	
    return true;
}

function validateEmail(emailAddr) {
  if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(emailAddr.value)) {
    return (true)
  }
}

function resetEmailForm() {
	document.getElementById('error_msg').innerHTML = ""

    document.getElementById('fname').style.color = "#636363";
	document.getElementById('first_name').style.borderColor = "#e5e5e5";

    document.getElementById('lname').style.color = "#636363";
	document.getElementById('last_name').style.borderColor = "#e5e5e5";
  
    document.getElementById('cmpy').style.color = "#636363";
	document.getElementById('company').style.borderColor = "#e5e5e5";

    document.getElementById('eml').style.color = "#636363";
	document.getElementById('email').style.borderColor = "#e5e5e5";

    document.getElementById('phn').style.color = "#636363";
	document.getElementById('phone').style.borderColor = "#e5e5e5";
}