CRM.$(function($) {
  $('html, body').css('font-family', 'proxima-nova, sans-serif').css('color', '#000');
  $('#header').css('background-color', '#fff');
  $('.site-footer').css('background-color', '#fff');
  $('#header').css('background-image', 'none');
  //$('<div id="bgimage"></div>').insertAfter('head');
  //$('#bgimage').css('background-image', 'url(https://crm.whistleblower.org/sites/default/files/civicrm/ext/com.elisseck.ficpages/microsite_bg.webp)');
  //$('#bgimage').css('width', '50%').css('float', 'left').css('position', 'sticky').css('position', '-webkit-sticky').css('top', '0').css('background-size', 'cover').css('height', '100%');
  //$('#bgimage').css('width', '50%').css('float', 'left');
  //$('<img id="bg" src="https:\/\/crm.whistleblower.org/sites/default/files/civicrm/ext/com.elisseck.ficpages/microsite_bg.webp">').insertAfter('head');
  //$('#bg').css('position', 'sticky').css('position', '-webkit-sticky').css('top', '0').css('width', '50%').css('float', 'left');
  $('.site-branding__logo img').remove();
  if(window.matchMedia('(min-width: 767px)').matches) {
    $('body').css('background-image', 'url(https:\/\/crm.whistleblower.org/sites/default/files/civicrm/ext/com.elisseck.ficpages/microsite_bg.webp').css('background-size', 'contain').css('background-repeat', 'no-repeat').css('background-attachment', 'fixed');
    $('#page').css('width', '60%').css('float', 'right');
    // If on page id 5 show the dpi logo
    if (CRM.vars.ficpages.pageid == 5) {
      $('.site-branding__logo').append('<img width="300px" src="/sites/default/files/civicrm/ext/com.elisseck.ficpages/microsite_logo_white.png">').css('position', 'absolute').css('left', '-65%');
      $('.site-branding__logo').attr('href', 'https://democracy.whistleblower.org');
    }
    // otherwise show the general logo
    else {
      $('.site-branding__logo').attr('href', 'https://crm.whistleblower.org');
      $('.site-branding__logo').append('<div class="logorow" style="text-align:center;"><img width="300px" src="/sites/default/files/civicrm/ext/com.elisseck.ficpages/microsite_logo_white-nodpi.png"></br><img width="125px" src="/sites/default/files/civicrm/ext/com.elisseck.ficpages/4StarRect.jpg"></div>').css('position', 'absolute').css('left', '-65%');
    }
  }
  else {
    $('.site-branding__logo').append('<img width="300px" src="/sites/default/files/civicrm/ext/com.elisseck.ficpages/microsite_logo.png">');
  }
  //$('.site-branding__logo').append('<img width="300px" src="/sites/default/files/civicrm/ext/com.elisseck.ficpages/microsite_logo_white.png">').css('position', 'absolute').css('left', '-65%');
  $('.region-secondary-menu').hide();
  //$('.region-header').append('<h1 style="color:#a3a4a8;font-family:ClarendonBT-Light;padding-top:100px;padding-left:20%;padding-bottom:50px;">Protecting Food. Empowering Whistleblowers.</h1>');
  $('.layout-container').css('margin-bottom', '-10px');
  $('#main,#main-wrapper').css('background-color', '#fff');
  $('#main-wrapper').css('margin-top', '-20px');
  $('.breadcrumb').hide();
  $('#block-bartik-main-menu').hide();
  $('.main-content').css('margin-left', '15%');
  //$('.crm-button').css('background-image', 'none').css('background-color', 'rgba(255, 139, 123, 1)').css('border', '1px solid #fff').css('padding', '5px').css('border-radius', '10px');
  //$('.crm-i').hide();
  //buttons for contribution amount
  if (CRM.vars.ficpages.pageid == 5) {
    $('<div class="clearfix" style="width:100%;padding:5px;float:left;"><div class="button" id="10">$10.00</div><div class="button" id="25">$25.00</div><div class="button" id="50">$50.00</div><div class="button" id="100">$100.00</div></div><div class="clearfix" style="width:100%;padding:5px;float:left;"><div class="button" id="250">$250.00</div><div class="button" id="500">$500.00</div><div class="button" id="1000">$1000.00</div><div class="button" id="other">Other Amount</div></div>').insertAfter('.contribution_amount-content');
    $('#10').click(function(index, value) { $('#CIVICRM_QFID_30_4').click(); manageClasses(this); });
    $('#25').click(function(index, value) { $('#CIVICRM_QFID_32_6').click(); manageClasses(this); });
    $('#50').click(function(index, value) { $('#CIVICRM_QFID_33_8').click(); manageClasses(this); });
    $('#100').click(function(index, value) { $('#CIVICRM_QFID_34_10').click(); manageClasses(this); });
    $('#250').click(function(index, value) { $('#CIVICRM_QFID_35_12').click(); manageClasses(this); });
    $('#500').click(function(index, value) { $('#CIVICRM_QFID_36_14').click(); manageClasses(this); });
    $('#1000').click(function(index, value) { $('#CIVICRM_QFID_37_16').click(); manageClasses(this); });
    $('#other').click(function(index, value) { $('#CIVICRM_QFID_0_18').click(); manageClasses(this); $('#price_10').focus(); });
    $('.contribution_amount-section label').add('.contribution_amount-section .contribution_amount-content').css('display', 'none');
  }
  function manageClasses(obj) {
    $('#10').add('#25').add('#50').add('#100').add('#250').add('#500').add('#1000').add('#other').css('color', '#5a5a5a').css('background-image', 'none').css('background-color', 'rgb(230, 233, 237)');
    $(obj).css('background-color', 'rgb(21, 71, 156)!important').css('color', '#fff');
  }
});