// Create the Safalra Bar
var safalraBar =
    new function(){

      var buttons = {};
      var interval = null;

      function ensureButtonIsInitialised(button){
        if (!(button.id in buttons)) buttons[button.id] = { 'state' : 0 }
        if (!interval) interval = window.setInterval(updateFade, 50);
      }

      this.fadeIn = function(button, captionId){
        ensureButtonIsInitialised(button);
        buttons[button.id].target = 4;
        if (captionId) this.fadeIn(document.getElementById(captionId));
      }

      this.fadeOut = function(button, captionId){
        ensureButtonIsInitialised(button);
        buttons[button.id].target = 0;
        if (captionId) this.fadeOut(document.getElementById(captionId));
      }

      function updateFade(){
        for (buttonId in buttons){
          var button = buttons[buttonId];
          if (button.state != button.target){
            button.state += (button.state < button.target ? 1 : -1);
            document.getElementById(buttonId).style.opacity = button.state / 8 + 0.5;
          }
        }
      }

    }();


var OnloadScheduler=new function(){var _1=new Array();var _2=new Array();window.onload=function(){for(var i=_1.length-1;i>0;i--){execute(_1[i]);}for(var i=0;i<_2.length;i++){execute(_2[i]);}OnloadScheduler=null;};function execute(_5){if(_5){for(var i=0;i<_5.length;i++){_5[i]();}}}this.schedule=function(_7,_8){if(_7 instanceof Function){if(!_8){_8=0;}if(_8<0){if(_1[-_8]){_1[-_8].push(_7);}else{_1[-_8]=[_7];}}else{if(_2[_8]){_2[_8].push(_7);}else{_2[_8]=[_7];}}}else{this.schedule(function(){eval(_7);},_8);}};};

// returns the inner (viewport) size of the visitor's browser
function getInnerSize() {
  var result = {
    'width'  : 0,
    'height' : 0
  };
  if (window.innerWidth){
    result.width  = window.innerWidth;
    result.height = window.innerHeight;
  }else if (document.documentElement && document.documentElement.clientWidth){
    result.width  = document.documentElement.clientWidth;
    result.height = document.documentElement.clientHeight;
  }else if (document.body && document.body.clientWidth){
    result.width  = document.body.clientWidth;
    result.height = document.body.clientHeight;
  }
  return result;
}

// creates a listener that clears the default value from an input element
function createInputFocusListener(element, defaultValue){
  return function(){
    if (element.value == defaultValue){
      element.value = ''
      element.className = '';
    }
  }
}

// creates a listener that restores the default value to an input element
function createInputBlurListener(element, defaultValue){
  return function(){
    if (element.value == ''){
      element.value = defaultValue;
      element.className = 'defaultInput';
    }
  }
}

// attaches listeners to an input element to clear and restore its default value
function addInputListeners(element, defaultValue){
  if (element.value == defaultValue) element.className = 'defaultInput';
  if (element.addEventListener){
    // attach events in a DOM-compliant browser
    element.addEventListener(
        'focus',
        createInputFocusListener(element, defaultValue),
        false);
    element.addEventListener(
        'blur',
        createInputBlurListener(element, defaultValue),
        false);
  }else if (element.attachEvent){
    // attach events in a non-DOM-compliant browser
    element.attachEvent(
        'onfocus',
        createInputFocusListener(element, defaultValue));
    element.attachEvent(
        'onblur',
        createInputBlurListener(element, defaultValue));
  }
}

// functions for positioning menu
var menuNode;
function initialiseMenu(){
  menuNode = document.getElementById('menu');
  if (window.addEventListener){
    window.addEventListener('scroll', updateMenu, false);
  }else if (window.attachEvent){
    window.attachEvent('onscroll', updateMenu);
  }
}
function updateMenu(){
  if (window.XMLHttpRequest){
    var offset = 0;
    if (window.pageYOffset){
    	offset = window.pageYOffset;
    }else if (document.documentElement && document.documentElement.scrollTop){
    	offset = document.documentElement.scrollTop;
    }else if (document.body){
    	offset = document.body.scrollTop;
    }
    if (offset < 160){
      var top = 192 - offset;
    }else{
      var top = 32;
    }
    menuNode.style.top = top + 'px';
  }
}


// function for statistics collection
function collectStatistics(){
  var innerSize = getInnerSize();
  var request;
  if (window.XMLHttpRequest){
    request = new XMLHttpRequest();
  }else if (window.ActiveXObject){
    request = new ActiveXObject('Msxml2.XMLHTTP');
  }
  if (request){
    request.open('post','/shared/compile-statistics.php');
    request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
    request.send(
        'screen_width=' + encodeURIComponent(window.screen.width)
        + '&screen_height=' + encodeURIComponent(window.screen.height)
        + '&inner_width=' + encodeURIComponent(innerSize.width)
        + '&inner_height=' + encodeURIComponent(innerSize.height));
  }
}


// function for replacing initials
function replaceInitials(){

  var h1s = document.getElementsByTagName('h1');
  
  for (var i = 0; i < h1s.length; i++){
  
    var oldContent = h1s[i].innerHTML;
    var newContent = '';
    var replaceNext = true;

    for (var j = 0; j < oldContent.length; j++){
      
      var character     = oldContent.charAt(j);
      var characterCode = oldContent.charCodeAt(j);
      
      if (replaceNext){
      
        replaceNext = false;
        
        if (characterCode >= 65 && characterCode <= 90){
        
          newContent +=
              '<img class="initial" src="http://safalra.com/shared/initials/'
              + characterCode
              + '.png" alt="'
              + character
              + '">';
        
        }else{
        
          newContent += character;
        
        }
      
      }else{
      
        newContent += character;

      }
      
      if (character == ' ' || character == '-' || character == ';' || characterCode > 128){
        replaceNext = true;
      }
        
      
      
    }
    
    h1s[i].innerHTML = newContent;

  }

}

// schedule functions
if (window.XMLHttpRequest) OnloadScheduler.schedule(replaceInitials);
OnloadScheduler.schedule(initialiseMenu);
OnloadScheduler.schedule(collectStatistics);
OnloadScheduler.schedule(
    function(){
      addInputListeners(
          document.getElementById('email'),
          'Enter your e-mail address');
      addInputListeners(
          document.getElementById('message'),
          'Enter your message');
    });