function promo_slider()
{
  if ($('.promo-slider .items').hasClass('deactivated')) {
    return false;
  }

  if ($('.promo-slider .items').hasClass('wasdeactivated')) {
    $('.promo-slider .items').removeClass('wasdeactivated');

    setTimeout(promo_slider, 5000);

    return false;
  }

  var current_large = $('.promo-slider .promo-slider-pool .active')
  var current_thumb = $('.promo-slider .items .active')

  if (current_large.next().length > 0) {
    current_large.removeClass('active').next().addClass('active');
    current_thumb.removeClass('active').next().addClass('active');
  } else {
    $('.promo-slider .promo-slider-pool li').removeClass('active');
    $('.promo-slider .promo-slider-pool li').eq(0).addClass('active');
    $('.promo-slider .items li').removeClass('active');
    $('.promo-slider .items li').eq(0).addClass('active');
  }

  setTimeout(promo_slider, 5000);
}

$(document).ready(function() {

  $('.focus').focus();

  $('a[href=#goback]').click(function() { history.back(); });

  // validate searchbox
  $('.searchbox').submit(function() {
      if($('#searchbox', this).attr('defaultValue') == $('#searchbox', this).attr('value')) return false;

      return true;
  });
  $('.searchbox-404').submit(function() {
      if($('#searchbox-404', this).attr('defaultValue') == $('#searchbox-404', this).attr('value')) return false;

      return true;
  });

  // equal heights of all tiles in line
  $('x.tileline').each(function() {
    var tileline = $(this);
    var max_height = 0;

    $('.tile', tileline).each(function() {
      var tile = $(this);
      var title = $('h2', tile);

      if (title.height() > max_height) {
        max_height = title.height();
      }
    });

    $('h2', tileline).css('height', max_height+'px');
  });

  // make containers clickable
  $('.tileline .tile').click(function() {
    var a = $('a', this);
    if (a.length > 0) {
      location.href = a.attr('href');
    }
  }).css('cursor', 'pointer');

  // promo-slider
  if ($('.promo-slider').length > 0) {
    setTimeout(promo_slider, 5000);

    $('.promo-slider .items li').hover(function() {
      var index = $(this).prevAll().length;

      $('.promo-slider .promo-slider-pool li').removeClass('active');
      $('.promo-slider .items li').removeClass('active');

      $('.promo-slider .promo-slider-pool li').eq(index).addClass('active');
      $('.promo-slider .items li').eq(index).addClass('active');

      var current_thumb = $('.promo-slider .items .active')

      $(this).parent().addClass('deactivated');
    }, function() {
      $(this).parent().removeClass('deactivated').addClass('wasdeactivated');
    });

    $('.promo-slider .items li').click(function() {
      var href = '/';

      if ($('a', this).attr('href')) {
        href = $('a', this).attr('href');
      }

      location.href = href;
    }).css('cursor', 'pointer');
  }

  $('.home-tab-1 a, .home-tab-2 a, .home-tab-3 a').click(function() {
    var a = $(this);
    var tab = $(this).parent();
    var tab_class = tab.attr('class');
    var ul = tab.parent();

    ul.removeClass('tab_1').removeClass('tab_2').removeClass('tab_3');
    $('.tab-content').removeClass('active');

    switch(tab_class) {
      case 'home-tab-1':
        ul.addClass('tab_1');
        $('.tab-content.home-uitgelicht').addClass('active');
        break;

      case 'home-tab-2':
        ul.addClass('tab_2');
        $('.tab-content.home-nieuw').addClass('active');
        break;

      case 'home-tab-3':
        ul.addClass('tab_3');
        $('.tab-content.home-meest-bekeken').addClass('active');
        break;
    }

    return false;
  });

  // faq toggle answers
  $('dt').click(function() { $(this).next().toggleClass('active'); });

// voor top menu
  $('.menu li').hover(
    function() {
      var li = this;
      if ($(li).data('closing')) {
        window.clearTimeout($(li).data('closing-timeout'));
        $(li).removeData('closing');
        return;
      }
      $('> ul', this).show();
      $('> a', this).each(function() {
        var a = this;
        $(li).addClass('clickable');
      });
    },
    function() {
      var li = this;
      $(li).data('closing', true);
      $(li).data('closing-timeout', window.setTimeout(function() {
        $('> ul', li).hide();
        $(li).removeData('closing');
      }, 10));
    }
  );

  // put 4 corner pictures on div.blokje

  $('.blokje:not(.template-html)').prepend('<img class="tl" src="/style/blokje-tl.png" alt=""/><img class="tr" src="/style/blokje-tr.png" alt=""/><img class="bl" src="/style/blokje-bl.png" alt=""/><img class="br" src="/style/blokje-br.png" alt=""/>');

  // put bottom 2 corner pictures on ul.logged_in

//  $('.blokje-login').prepend('<img class="bl" src="/style/blokje-bl.png" alt=""/><img class="br" src="/style/blokje-br.png" alt=""/>');
//  $('.logged_in').prepend('<img class="bl" src="/style/blokje-bl.png" alt=""/><img class="br" src="/style/blokje-br.png" alt=""/>');

  $('[@name=cities]').change(function() {
    var form = $(this).parents('form');
    $('#searchbox_zip', form).val('');
    $(form).submit();
  });

  $('.inputbox').addClass('default');

  // clear default value on focus
  $('.inputbox').focus(function() {
    $(this).removeClass('default');
    if(($(this).attr('id') == 'searchbox') && ($(this).val() != 'Zoek')) return true;
    if ( $(this).val() == this.defaultValue) $(this).val('');
  });

  // reset default value on focus lose
  $('.inputbox').blur(function() {
    if ( $(this).val() == "") {
      $(this).val(this.defaultValue);
      $(this).addClass('default');
    }
  });

  // check op aantal characters in shop search
  $('form.location').submit(
    function() {
      if($('select', this).val() == "") {
        if($('#searchbox_zip', this).val().length < 4) {
          alert('Voer a.u.b. alle vier de cijfers van de postcode in.');
          return false;
        }
        if(isNaN($('#searchbox_zip', this).val()) == true) {
          alert('Voer a.u.b. alle vier de cijfers van de postcode in.');
          return false;
        }
      }
      return true;
    }
  )

  // snel inloggen mouseover & submit
  $('#login-form input[name=name]').focus(function() { this.select(); });
  $('#login-form input[name=password]').focus(function() { this.select(); });
  $('#login-form').each(function() {
    var self = this;
    $(self).hover(function() { $('form', self).addClass('active');
                               /*$('input[name=name]', self).focus();*/ },
                  function() { $('form', self).removeClass('active'); }
                  );
    //$('a[href$=#login-form]', self).click(function() {
    //  $('form', self).submit();
    //  return false;
    //});
    $('form', self).submit(function() {
      $('p.msg', self).html('<img src="/style/ajax-loader.gif"/>');
      var data = {'stentor_user-login': true,
                  name: $('input[name=name]', self).val(),
                  password: $('input[name=password]', self).val(),
                  current_url: $('input[name=current_url]', self).val(),
                  'stentor_user-login': $('input[name=stentor_user-login]', self).val()
                  };
      $.ajax({
        url: '/login',
        type: 'POST',
        data: data,
        dataType: "json",
        error: function() { $('p.msg', self).html(''); },
        success: function(data)
        {
          if (data && data['result']=='success') {
            window.location = data['redirect'];
          }
          if (data && data['result']=='failure') {
            $('p.msg', self).html(data['msg']);
          }
        }
      });
      return false;
    });
  });

  // toggle favorite
  $('form.togglefavorite').each(function() {
    var self = this;
    var form = self;
    var submitsrc = $('input[type="image"]', form).attr("src");
    $(form).submit(function() { return false; });
    $('input', form).click(function() {
      var info = $('#info-basket-favorite');
//      $(form).children("input").after('<img src="/style/ajax-loader.gif"/>');
      $.ajax({
        url: $(form).attr('action'),
        type: 'POST',
        data: {'returntype':'json'},
        dataType: "json",
        error: function() { info.html('??'); },
        success: function(data)
        {
          if (data['result']==1) {
            info.html(data['itemcount']);

            if(submitsrc.indexOf('delete')==-1) {
              submitsrc = submitsrc.replace("add","delete");
            }
            else {
              submitsrc = submitsrc.replace("delete","add");
            }

            $('img', form).remove();

            var other = $('input[name="other-alt"]', form);
            var new_title = $('input[type="image"]', form).attr('title');

            $('input[type="image"]', form).attr("src", submitsrc).attr('title', other.val());
            console.log(new_title);
            other.val(new_title);
          }
          else {
            info.html('??');
          }
        }
      });
    });
  });

/* makes an href container clickable */
$('.clickable-container').click(function() {
    if(!$('a', this).attr('href')) {
        return;
    }
    if($('a', this).attr('target') == '_blank') {
        window.open($('a', this).attr('href'), "Pontmeyer");
    } else {
        window.location = $('a', this).attr('href');
    }
});

  // zoom image
  $('a.lightbox').lightBox({
    overlayBgColor: '#878889',
    overlayOpacity: 0.6,
    imageLoading: '/style/lightbox-ico-loading.gif',
    imageBlank: '/style/lightbox-blank.gif',
    imageBtnClose: '/style/lightbox-btn-close.gif',
    imageBtnPrev: '/style/lightbox-btn-prev.gif',
    imageBtnNext: '/style/lightbox-btn-next.gif'
  });

  $('#catalogger table:not(.nohover) tr').hover(function() {
      $('td', this).addClass('hover');
  },function() {
      $('td', this).removeClass('hover');
  });

});