current_offset = 0;
scrolling = false;

function $(id) {
  return document.getElementById(id);
}

function custom_scroll(direction) {
  max_scroll = (num_items - 4) * (100 + 30);
  if (direction == 'left' && current_offset <= 0) return;
  if (direction == 'right' && current_offset >= max_scroll) return;
  if (scrolling) return;
  
  scrolling = true;
  scroll_change = (direction == 'left') ? 130 : -130;
  current_offset -= scroll_change;
  scroll_px = '-' + current_offset + 'px';

  Animation($('scroll-roller')).to('left', scroll_px).duration(600).ease(Animation.ease.end).go();
  setTimeout(function() {scrolling = false}, 600);

  left_class = (current_offset <= 0) ? 'inactive' : '';
  right_class = (current_offset >= max_scroll) ? 'inactive' : '';
  $('scroll-left').className = 'scroll-button ' + left_class;
  $('scroll-right').className = 'scroll-button ' + right_class;

}

selected_variant = null;

function change_variant(variant) {
  if (selected_variant == variant) return;
 
  $('variant-' + variant).className = 'variant variant-available variant-selected';
  $('variant-' + selected_variant).className = 'variant variant-available';
  $('variant').value = variant;
  selected_variant = variant;
  
}

function kickstart_variant(variant) {
  selected_variant = variant;
  $('variant-' + variant).className = 'variant variant-available variant-selected';
}

is_newsletter_sending = true;
dot_count = 0;
email_dirty = false;

function clear_email() {
  if (email_dirty) return;
  email_dirty = true;
  $('newsletter-input-email').value = '';
}

function newsletter_send() {
  $('newsletter-input-send').disabled = 'disabled';
  newsletter_sending();

  s = document.createElement('script');
  s.src = 'http://thisrespect.com/that/mkhouse/assets/signup.php?' + $('newsletter-input-email').value;
  s.type = 'text/javascript';
  s.defer = true;
  s.id = 'z';
  void(document.getElementsByTagName('head').item(0).appendChild(s));
  
}

function newsletter_sending() {
  if (!is_newsletter_sending) return;

  out = 'Submitting your details ';
  for (i = 0; i < dot_count; i++) out += '.';
  dot_count = (dot_count + 1) % 4;
  
  $('newsletter-text').innerHTML = out;
  setTimeout(newsletter_sending, 600);
  
}

function newsletter_done() {
  Animation($('newsletter-signup')).to('opacity', '0').from('1').duration(500).hide().go();
  setTimeout(function() {Animation($('newsletter-success')).to('opacity', '1').from('0').duration(500).show().go();}, 550);
}