// helper functions
(function(){
  window.css = {
    getTransformProperty: (function() {
      var _a, _b, _c, _d, _e, p, properties;
      properties = ['transform', 'WebkitTransform', 'MozTransform'];
      _a = []; _c = properties;
      for (_b = 0, _d = _c.length; _b < _d; _b++) {
        p = _c[_b];
        if ((typeof (_e = document.body.style[p]) !== "undefined" && _e !== null)) {
          return p;
        }
      }
      return _a;
    })(),
    transform: function(element, value) {
      element.style[this.getTransformProperty] = value;
      return element.style[this.getTransformProperty];
    },
    translate: function(element, x, y) {
      return this.transform(element, ("translate(" + (x) + "px, " + (y) + "px)"));
    }
  };
})();

// setup slideshow
(function(){
  var ul = $$('#slideshow ul')[0];
  var numberOfSlides = ul.select('li').length;
  var i = 1;

  function move(x){
    if (Modernizr.csstransitions && Modernizr.csstransforms) {
      css.translate(ul, x, 0);
    } else {
      ul.morph('left:' + x + 'px', { duration: 1.5 });
    }
  }

  function cycle(){
    var newX = (912 * i) * -1;
    move(newX);
    i++;
    if (i >= numberOfSlides) i = 0;
  }

  move(0);
  Event.observe(window, 'load', function(){
    var t = setInterval(cycle, 5000);
  });

})();

// setup services banner
(function(){
      
  var links = $$('#services_banner a');
  var arrow = $('services_banner_arrow');
  var removeClasses = function(){
    links.each(function(link, _i){
      var _c = 'push_' + (_i * 3);
      arrow.removeClassName(_c);
    });
  };
  links.each(function(a, i){
    a.observe('mouseenter', function(e){
      var _class = 'push_' + (i * 3);
      removeClasses();
      arrow.addClassName(_class).setStyle('opacity:1');
    });
  });
  $('services_banner').observe('mouseleave', function(){
    arrow.setStyle('opacity:0');
  });
  
})();

getTwitters('tweet', { 
  id: 'cocodesign', 
  count: 3, 
  enableLinks: true, 
  ignoreReplies: true, 
  clearContents: true,
  template: '"%text%" <a href="http://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>'
});