var xmlHttp

function submitComment()  { 
  xmlHttp=GetXmlHttpObject();
  if (xmlHttp==null)  {
    alert ("Your browser does not support AJAX!");
    return;
  }

  //build request
  var commenter = document.getElementById("commenter");
  var emailAddress = document.getElementById("emailAddress");
  var message = document.getElementById("message");
  var ipAddress = document.getElementById("ipAddress");
  var pageId = document.getElementById("pageId");

  var commenterVal = commenter.value;
  if(commenterVal == 'Name')  {
    commenterVal = '';
  }

  var messageVal = message.value;
  if(messageVal == 'Comments')  {
    messageVal = '';
  }

  var url="/comment.php";
  url=url+"?commenter=" + commenterVal;
  url=url+"&emailAddress=" + emailAddress.value;
  url=url+"&pageId=" + pageId.value;
  url=url+"&ipAddress=" + ipAddress.value;
  url=url+"&message=" + messageVal;
  url=url+"&sid="+Math.random();
  xmlHttp.onreadystatechange=stateChanged;
  xmlHttp.open("POST",url,true);
  xmlHttp.send(null);
}

function clearComment()  { 

  var commenter = document.getElementById("commenter");
  commenter.value = "Name";

  var emailAddress = document.getElementById("emailAddress");
  emailAddress.value = "Email";

  var message = document.getElementById("message");
  message.value = "Comments";
}


function stateChanged()   {
  var commentStatus = document.getElementById("commentStatus");
  if (xmlHttp.readyState==4)  {
    var response = xmlHttp.responseText;

    if(response.substring(0, 1) == '1')  {
      commentStatus.className = "approvedAction";
      commentStatus.innerHTML = response.substring(2);
      clearComment();
    }
    else  {
      commentStatus.className = "failedAction";
      commentStatus.innerHTML = response.substring(2);
    }
  }
}

function GetXmlHttpObject()  {
  var xmlHttp=null;
  try  {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
  }
  catch (e)  {
    // Internet Explorer
    try  {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (e)  {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }

  return xmlHttp;
}

function commenterOffHint(e)  {
  if(e.value == 'Name')  {
    e.value = '';
  }
}


function commenterHint(e)  {
  if(e.value == '')  {
    e.value = 'Name';
  }
}


function emailAddressOffHint(e)  {
  if(e.value == 'Email')  {
    e.value = '';
  }
}


function emailAddressHint(e)  {
  if(e.value == '')  {
    e.value = 'Email';
  }
}


function messageOffHint(e)  {
  if(e.value == 'Comments')  {
    e.value = '';
  }
}


function messageHint(e)  {
  if(e.value == '')  {
    e.value = 'Comments';
  }
}