﻿$(function () {

  function addMobileDetectionBanner() {
    var mdhtml = '<div id="mobiledetect">';

    mdhtml += '<p>U bekijkt deslegte.com met een mobiele browser.</p>';
    mdhtml += '<p>Wilt u de mobiele website laden?</p>';

    mdhtml += '<p><a id="md_yes" href="http://m.deslegte.com">Ja, breng me naar m.deslegte.com</a></p>';
    mdhtml += '<span>OF</span>';
    mdhtml += '<p><a id="md_no" href="#">Nee, ik blijf op de desktop versie</a></p>';

    mdhtml += '</div>';

    $('body').prepend(mdhtml);

    $('#md_no').click(function (event) {
      $('#mobiledetect').slideUp(1000);
    });

  }


  //OVERRIDE FOR TEST
  //jQuery.browser.mobile = true;
  
  if (jQuery.browser.mobile) {
    setTimeout(function () {
      addMobileDetectionBanner();
    }, 500);

  }



  function doHeightReset() {
    //Loop through all rows
    $('#divBookOfTheMonth .book-row').each(function (i, elm) {
      var row = $(elm);
      var item = [];
      var height = [];
      var diff = 0;
      var firstIsBiggest = false;
      var price;

      //Find books in a row and set parameters
      row.find('.content-homepage-col-content-newramsj').each(function (e, book) {
        var bookie = $(book);
        item[e] = bookie;
        height[e] = parseInt(bookie.css('height').replace('px', ''));

        if (isNaN(height[e])) {
          height[e] = bookie.height();
        }

      });

      // Check if First book is bigger
      if (height[0] > height[1]) {
        firstIsBiggest = true;
      }

      // Make one book bigger depending on witch is biggest
      if (firstIsBiggest) {
        diff = height[0] - height[1];

        price = item[1].find('.price');
        price.css('paddingTop', diff);
      } else {
        diff = height[1] - height[0];

        price = item[0].find('.price');
        price.css('paddingTop', diff);
      }
    });
  }

  setTimeout(function () {
    doHeightReset();
  }, 500);
});
