var div_id;

var title = '<h2>Contact</h2>'
   +'You can contact us by phone:<br/>'
   +'&nbsp;&nbsp;&nbsp;01954 212502<br/>'
   +'Or email:<br/>'
   +'&nbsp;&nbsp;&nbsp;<a href="mailto:team@mambadesign.com">team@mambadesign.com</a><br/>'
   +'Or (preferably) by web form:<br/>';

function init_contact(id) {
   div_id = id;
   show_contact('','','','','','');
}

function show_contact(error,from,telephone,email,subject,message) {
   
   var error1 = 'Please enter a name';
   var error2 = 'Please enter a message';
   var error3 = 'Please enter a valid email';
   
   if (error == '1') {
      error = '<li class="error"><span>'+error1+'</span></li>';
   }
   if (error == '2') {
      error = '<li class="error"><span>'+error2+'</span></li>';
   }
   if (error == '3') {
      error = '<li class="error"><span>'+error3+'</span></li>';
   }
   if (error == '4') {
      error = '<li class="error"><span>'+error1+'</span></li>'
              +'<li class="error"><span>'+error2+'</span></li>';
   }
   if (error == '5') {
      error = '<li class="error"><span>'+error2+'</span></li>'
              +'<li class="error"><span>'+error3+'</span></li>';
   }
   if (error == '6') {
      error = '<li class="error"><span>'+error1+'</span></li>'
              +'<li class="error"><span>'+error3+'</span></li>';
   }
   if (error == '7') {
      error = '<li class="error"><span>'+error1+'</span></li>'
              +'<li class="error"><span>'+error2+'</span></li>'
              +'<li class="error"><span>'+error3+'</span></li>';
   }
   if (error != '') {
      error = '<ul>'+error+'</ul>';
   }
   
   var contact_html = 
   title
   +'<form method="post">'
   + error
   +'<label for="contact_name">Name</label><span class="required">*</span>'
   +'<input type="text" name="from" id="contact_name" value="'+from+'"/><br/>'
   
   +'<label for="contact_telephone">Telephone</label>'
   +'<input type="text" name="telephone" id="contact_telephone" value="'+telephone+'"/><br/>'
   
   +'<label for="contact_email">Email</label>'
   +'<input type="text" name="email" id="contact_email" value="'+email+'"/><br/>'
   
   +'<label for="contact_subject">Subject</label>'
   +'<input type="text" name="subject" id="conact_subject" value="'+subject+'"/><br/>'
   
   +'<label for="contact_message">Message</label><span class="required">*</span>'
   +'<textarea name="message" id="contact_message" cols="15" rows="6">'+message+'</textarea><br/>'
   
   +'<input type="button" id="submit" value="Send" onclick="send_contact(this.form.from.value,this.form.telephone.value,this.form.email.value,this.form.subject.value,this.form.message.value);"/><br/>'
   +'<span class="small">(<span class="required">*</span> required)</span>'
   +'</form>';

   document.getElementById(div_id).innerHTML = contact_html;
}

function show_thankyou() {
   document.getElementById(div_id).innerHTML = title + 'Thank you for your message.'
}

function show_loading() {
   document.getElementById(div_id).innerHTML = title + '<img src="/images/loading.gif" alt="Loading..."/>'
}

function send_contact(from,telephone,email,subject,message) {

   if (window.XMLHttpRequest) {
      var request = new XMLHttpRequest();
   } else if (window.ActiveXObject) {
      var request = new ActiveXObject("Microsoft.XMLHTTP");
   }

   request.open('POST', '/contact.php', true);
   
   request.onreadystatechange = function() {
      if (request.readyState == 1) {
         show_loading();
      }
      if (request.readyState == 4) {
         if (request.responseText == 'done') {
            show_thankyou();
            setTimeout('complete_timeout()',5000)
         } else {
            show_contact(request.responseText,from,telephone,email,subject,message);
         }
      }
   }
   
   request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
   request.send('from='+from+'&telephone='+telephone+'&email='+email+'&subject='+subject+'&message='+message+'&valid=');
}

function complete_timeout() {
   show_contact('','','','','','');
}