/* 
 * Cross-browser event handling, by Scott Andrew
 */
function addEvent(element, eventType, lamdaFunction, useCapture) {
    if (element.addEventListener) {
        element.addEventListener(eventType, lamdaFunction, useCapture);
        return true;
    } else if (element.attachEvent) {
        var r = element.attachEvent('on' + eventType, lamdaFunction);
        return r;
    } else {
        return false;
    }
}

/* 
 * Kills an event's propagation and default action
 */
function knackerEvent(eventObject) {
    if (eventObject && eventObject.stopPropagation) {
        eventObject.stopPropagation();
    }
    if (window.event && window.event.cancelBubble ) {
        window.event.cancelBubble = true;
    }
    
    if (eventObject && eventObject.preventDefault) {
        eventObject.preventDefault();
    }
    if (window.event) {
        window.event.returnValue = false;
    }
}

/* 
 * Safari doesn't support canceling events in the standard way, so we must
 * hard-code a return of false for it to work.
 */
function cancelEventSafari() {
    return false;        
}

/* 
 * Cross-browser style extraction, from the JavaScript & DHTML Cookbook
 * <http://www.oreillynet.com/pub/a/javascript/excerpt/JSDHTMLCkbk_chap5/index5.html>
 */
function getElementStyle(elementID, CssStyleProperty) {
    var element = document.getElementById(elementID);
    if (element.currentStyle) {
        return element.currentStyle[toCamelCase(CssStyleProperty)];
    } else if (window.getComputedStyle) {
        var compStyle = window.getComputedStyle(element, '');
        return compStyle.getPropertyValue(CssStyleProperty);
    } else {
        return '';
    }
}

/* 
 * CamelCases CSS property names. Useful in conjunction with 'getElementStyle()'
 * From <http://dhtmlkitchen.com/learn/js/setstyle/index4.jsp>
 */
function toCamelCase(CssProperty) {
    var stringArray = CssProperty.toLowerCase().split('-');
    if (stringArray.length == 1) {
        return stringArray[0];

    }
    var ret = (CssProperty.indexOf("-") == 0)
              ? stringArray[0].charAt(0).toUpperCase() + stringArray[0].substring(1)
              : stringArray[0];
    for (var i = 1; i < stringArray.length; i++) {
        var s = stringArray[i];
        ret += s.charAt(0).toUpperCase() + s.substring(1);
    }
    return ret;
}

/* 
 * Cookie functions
 */
function createCookie(name, value, days) {
    var expires = '';
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        var expires = '; expires=' + date.toGMTString();
    }
    document.cookie = name + '=' + value + expires + '; path=/';
}

function readCookie(name) {
    var cookieCrumbs = document.cookie.split(';');
    var nameToFind = name + '=';
    for (var i = 0; i < cookieCrumbs.length; i++) {
        var crumb = cookieCrumbs[i];
        while (crumb.charAt(0) == ' ') {
            crumb = crumb.substring(1, crumb.length); /* delete spaces */
        }
        if (crumb.indexOf(nameToFind) == 0) {
            return crumb.substring(nameToFind.length, crumb.length);
        }
    }
    return null;
}

function eraseCookie(name) {
    createCookie(name, '', -1);
}


/* sf rec function */
  addEvent(window, 'load', init, false);

  function init() {
      if (!Sarissa || !document.getElementById) return;
      
      var formElements = document.getElementsByTagName('form');
      for (var i = 0; i < formElements.length; i++) {
          if (formElements[i].className.match(/\bajaxify\b/)) {
              addEvent(formElements[i], 'submit', submitRating, false);
          }
      }
  }
  
  function submitRating(e) {
      /* Cancel the submit event, and find out which form was submitted */
      knackerEvent(e);
      var target = window.event ? window.event.srcElement : e ? e.target : null;
      if (!target) return;
      
      /* Check if this form is already in the process of being submitted. 
       * If so, don't allow it to be submitted again. */
      if (target.ajaxInProgress) return;
      
      /* Set up the request */
      var xmlhttp =  new XMLHttpRequest();
      xmlhttp.open('POST', 'mailer.php', true);
      
      /* The callback function */
      xmlhttp.onreadystatechange = function() {
          if (xmlhttp.readyState == 4) {
              if (xmlhttp.status == 200)
                  addRatingFeedback(xmlhttp.responseXML, target);
              else
                  target.submit();
          }
      }
      
      /* Send the POST request */
      xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
      xmlhttp.send('id=' + target.elements['getid'].value + '&tp=' + target.elements['bb'].value + '&name=' + escape(target.elements['name'].value) + '&mail=' + target.elements['mail'].value + '&phone=' + escape(target.elements['phone'].value) + '&message=' + escape(target.elements['message'].value) + '&confirm=' + target.elements['sendcopy'].checked);
      
      /* Add temporary feedback that the request has been sent */   
      var loadingImg = document.createElement('img');
      loadingImg.src = 'images/wait.gif';
      target.getElementsByTagName('p')[0].appendChild(loadingImg);
      target.ajaxInProgress = true;
  }
  
  function addRatingFeedback(responseXML, target) {
      var loadingImg = target.getElementsByTagName('img')[0];
      loadingImg.parentNode.className += ' success';
      var feedbackText = 'Your message has ' + responseXML.getElementsByTagName('rating')[0].firstChild.data;
      var feedbackSpan = document.createElement('span');
      feedbackSpan.className = 'ajaxresponse';
      feedbackSpan.appendChild(document.createTextNode(feedbackText));
      loadingImg.parentNode.replaceChild(feedbackSpan, loadingImg);

      // Free up the form to go again
      target.ajaxInProgress = false;
      
      // Disable form inputs
      target.getElementsByTagName('input')[1].disabled = true;
      target.getElementsByTagName('input')[2].disabled = true;
      target.getElementsByTagName('input')[3].disabled = true;
      target.getElementsByTagName('input')[4].disabled = true;
      target.getElementsByTagName('input')[5].disabled = true;
      target.getElementsByTagName('input')[6].disabled = true;
      target.getElementsByTagName('input')[7].disabled = true;
      target.getElementsByTagName('textarea')[0].disabled = true;
  }