{"version":3,"file":"Home.js","sources":["Home.js"],"sourcesContent":["/**\r\n * HOME\r\n *\r\n * @file Client-side functionality specifically associated with the home page\r\n * @author Katherine Trunkey (katherine.trunkey@ignia.com)\r\n */\r\n\r\n$(function() {\r\n  'use strict';\r\n\r\n  /**\r\n   * Establish variables\r\n   */\r\n  var\r\n    viewportWidth               = $(window).width(),\r\n    topOffset                   = $('#Header').height(),\r\n    headingBuffer               = $('#Introduction header:first-child').height();\r\n\r\n  /**\r\n   * Initializes Foundation smooth scrolling for homepage navigation arrows\r\n   */\r\n  var\r\n    smoothScrollOptions         = {\r\n      animationDuration         : 750,\r\n      offset                    : (topOffset - 25)\r\n    },\r\n    splashSmoothScroll          = new Foundation.SmoothScroll($('#SplashArrow'), smoothScrollOptions),\r\n    clientsSmoothScroll         = new Foundation.SmoothScroll($('#ClientsArrow'), smoothScrollOptions);\r\n\r\n  /**\r\n   * Adjusts height for panels needing additional buffer for scroll-based functionality or animations (see Home.Animations.js), for\r\n   * tablet or larger screens\r\n   */\r\n  // Reduce height for Contact panel to account for footer\r\n  var contactPanelAllowance     = ($('#Header').outerHeight() + $('#Contact > .container').outerHeight() + $('#Footer').outerHeight());\r\n  if (contactPanelAllowance <= $(window).outerHeight()) {\r\n    var adjustedHeight = ($('#Contact').height() - $('#Footer').outerHeight());\r\n    $('#Contact').height(adjustedHeight).css('min-height', adjustedHeight);\r\n  }\r\n\r\n  /**\r\n   * Performs Contact form validation on load as well as during input\r\n   */\r\n  validateForm();\r\n  $('input, textarea').on('keyup', validateForm);\r\n\r\n  $('#ContactMessage').on('keyup, blur', function() {\r\n    checkMessageLength();\r\n  });\r\n\r\n  /**\r\n   * Sends Contact form data to the controller processing on submit\r\n   */\r\n  $(\"#ContactForm\").on('submit', function(e) {\r\n    e.preventDefault();\r\n\r\n    var contactFormData         = $(this).serialize();\r\n\r\n    $.ajax({\r\n      type                      : 'POST',\r\n      data                      : contactFormData,\r\n      url                       : '/Contact/SendContactRequest'\r\n    })\r\n    .done(function(data, textStatus, jqXHR) {\r\n      $('#SendSuccessMessage').removeClass('hidden');\r\n    })\r\n    .fail(function() {\r\n      $('#SendErrorMessage').removeClass('hidden');\r\n    })\r\n    .always(function() {\r\n    });\r\n\r\n  });\r\n\r\n  /**\r\n   * Highlights the \"active\" navigation as the corresponding panel comes into view\r\n   */\r\n  $(window).scroll(function() {\r\n\r\n    // Establish variables\r\n    var\r\n      menuItem,\r\n      scrollPosition            = $(window).scrollTop() + topOffset + headingBuffer;\r\n\r\n    // Highlight 'About (01)' item\r\n    if (scrollPosition >= $(\"#Introduction\").offset().top && scrollPosition <= $(\"#Services\").offset().top) {\r\n      menuItem                  = '#IntroductionAnchor, #IntroductionAnchorSmallScreen';\r\n      setActiveNavigation(menuItem);\r\n    }\r\n\r\n    // Highlight 'Services (02)' item\r\n    if (scrollPosition >= $(\"#Services\").offset().top && scrollPosition <= $(\"#ClientHighlights\").offset().top) {\r\n      menuItem                  = '#ServicesAnchor, #ServicesAnchorSmallScreen';\r\n      setActiveNavigation(menuItem);\r\n    }\r\n\r\n    // Highlight 'Clients (03)' item\r\n    if (scrollPosition >= $(\"#ClientHighlights\").offset().top && scrollPosition <= $(\"#Contact\").offset().top) {\r\n      menuItem                  = '#ClientHighlightsAnchor, #ClientHighlightsAnchorSmallScreen';\r\n      setActiveNavigation(menuItem);\r\n    }\r\n\r\n    // Highlight 'Contact (04)' item\r\n    if (scrollPosition >= $('#Contact').offset().top) {\r\n      menuItem                  = '#ContactAnchor, #ContactAnchorSmallScreen';\r\n      setActiveNavigation(menuItem);\r\n    }\r\n\r\n  });\r\n\r\n  /**\r\n   * Handles Services panel click functionality in order to fire off selected Service\r\n   */\r\n  $('.panel.services .categories.navigation ul li a').click(function(event) {\r\n\r\n    // Prevent anchor-based navigation\r\n    event.preventDefault();\r\n\r\n    // Select appropriate Service\r\n    selectService($(this).attr('href'));\r\n\r\n  });\r\n\r\n  /**\r\n   * Monitors the scroll position within the Services panel, in order to highlight sections and swap out the content.\r\n   */\r\n\r\n  // Establish variables\r\n  var\r\n    servicesAreaTop             = ($('#Services').offset().top - topOffset),\r\n    servicesAreaHeight          = ($('#Services').height()),\r\n    servicesAreaSectionHeight   = (servicesAreaHeight / 3),\r\n    servicesScrollRegion        = (servicesAreaTop + servicesAreaHeight),\r\n    sectionCloudStart           = (servicesAreaTop + servicesAreaSectionHeight),\r\n    sectionCmsStart             = (sectionCloudStart + servicesAreaSectionHeight);\r\n\r\n  // Calculate selected service on scroll\r\n  $(window).scroll(function() {\r\n\r\n    var scrollPosition          = $(window).scrollTop();\r\n\r\n    // Highlight Cloud-based APIs section\r\n    if (scrollPosition >= sectionCloudStart && scrollPosition < sectionCmsStart) {\r\n      selectService('#CloudAPIService');\r\n    }\r\n\r\n    // Highlight Responsive Web Apps section\r\n    if (scrollPosition >= servicesAreaTop && scrollPosition < sectionCloudStart) {\r\n      selectService('#DatabaseService');\r\n    }\r\n\r\n    // Highlight Content Management Systems section\r\n    if (scrollPosition >= sectionCmsStart && scrollPosition < servicesScrollRegion) {\r\n      selectService('#CMSService');\r\n    }\r\n\r\n  });\r\n\r\n});\r\n\r\n/**\r\n * Sets the \"active\" class on the Service category navigation as well as the associated details area on click of the category\r\n * navigation. Also moves the indicator arrow on the details area border.\r\n *\r\n * @param {string} selectedService - The HREF value for the selected service category.\r\n */\r\nfunction selectService(selectedService) {\r\n  'use strict';\r\n\r\n  // Establish variables\r\n  var arrowIndicator            = '.panel.services div.details:before, .panel.services div.details:after';\r\n\r\n  // Set the \"active\" class on the navigation and associated service category content\r\n  $('.panel.services .categories.navigation ul li a, .panel.services .details article').blur().removeClass('active');\r\n  $('nav.categories.navigation li a[href=\"' + selectedService + '\"], ' + selectedService).addClass('active');\r\n\r\n  // Set position of indicator arrow on details area border\r\n  if (selectedService === '#CloudAPIService') {\r\n    $(arrowIndicator).css('left', '33%');\r\n  }\r\n  else if (selectedService === '#CMSService') {\r\n    $(arrowIndicator).css('left', 'auto').css('right', '0');\r\n  }\r\n  else {\r\n    $(arrowIndicator).css('left', '0');\r\n  }\r\n\r\n}\r\n\r\n/**\r\n * Performs Contact form validation\r\n */\r\nfunction validateForm() {\r\n  var inputsWithValues          = 0;\r\n\r\n  // Get all input fields except for type='submit'\r\n  var formInputs                = $(\"input:not([type='submit']), textarea\");\r\n  var messageBody               = $('#ContactMessage');\r\n\r\n  // Increment the counter for inputs that have a value\r\n  formInputs.each(function (e) {\r\n    if ($(this).val()) {\r\n      inputsWithValues         += 1;\r\n    }\r\n  });\r\n\r\n  // If the form is valid, enable the submit button\r\n  if (inputsWithValues == formInputs.length && messageBody.val().length >= 20) {\r\n    $(\"button[type=submit]\").prop(\"disabled\", false);\r\n  } else {\r\n    $(\"button[type=submit]\").prop(\"disabled\", true);\r\n  }\r\n\r\n}\r\n\r\n/**\r\n * Ensures the length of the Contact form message field\r\n */\r\nfunction checkMessageLength() {\r\n  if ($('#ContactMessage').val().length < 20) {\r\n    $('#MessageLengthMessage').removeClass('hidden');\r\n  }\r\n  else {\r\n    $('#MessageLengthMessage').addClass('hidden');\r\n  }\r\n}\r\n\r\n"],"names":["selectService","selectedService","arrowIndicator","$","blur","removeClass","addClass","css","validateForm","inputsWithValues","formInputs","messageBody","each","e","this","val","length","prop","checkMessageLength","window","width","topOffset","height","headingBuffer","smoothScrollOptions","animationDuration","offset","servicesAreaTop","Foundation","SmoothScroll","outerHeight","adjustedHeight","on","preventDefault","contactFormData","serialize","ajax","type","data","url","done","textStatus","jqXHR","fail","always","scroll","menuItem","scrollPosition","scrollTop","top","setActiveNavigation","click","event","attr","servicesAreaHeight","servicesAreaSectionHeight","servicesScrollRegion","sectionCloudStart","sectionCmsStart"],"mappings":"AAsKA,SAASA,cAAcC,GACrB,aAGA,IAAIC,EAA4B,wEAGhCC,EAAE,kFAAkF,EAAEC,KAAK,EAAEC,YAAY,QAAQ,EACjHF,EAAE,wCAA0CF,EAAkB,OAASA,CAAe,EAAEK,SAAS,QAAQ,EAGjF,qBAApBL,EACFE,EAAED,CAAc,EAAEK,IAAI,OAAQ,KAAK,EAER,gBAApBN,EACPE,EAAED,CAAc,EAAEK,IAAI,OAAQ,MAAM,EAAEA,IAAI,QAAS,GAAG,EAGtDJ,EAAED,CAAc,EAAEK,IAAI,OAAQ,GAAG,CAGrC,CAKA,SAASC,eACP,IAAIC,EAA4B,EAG5BC,EAA4BP,EAAE,sCAAsC,EACpEQ,EAA4BR,EAAE,iBAAiB,EAGnDO,EAAWE,KAAK,SAAUC,GACpBV,EAAEW,IAAI,EAAEC,IAAI,IACdN,GAA4B,EAEhC,CAAC,EAGGA,GAAoBC,EAAWM,QAAsC,IAA5BL,EAAYI,IAAI,EAAEC,OAC7Db,EAAE,qBAAqB,EAAEc,KAAK,WAAY,CAAA,CAAK,EAE/Cd,EAAE,qBAAqB,EAAEc,KAAK,WAAY,CAAA,CAAI,CAGlD,CAKA,SAASC,qBACHf,EAAE,iBAAiB,EAAEY,IAAI,EAAEC,OAAS,GACtCb,EAAE,uBAAuB,EAAEE,YAAY,QAAQ,EAG/CF,EAAE,uBAAuB,EAAEG,SAAS,QAAQ,CAEhD,CA1NAH,EAAE,WACA,aAMgCA,EAAEgB,MAAM,EAAEC,MAAM,EADhD,IAEEC,EAA8BlB,EAAE,SAAS,EAAEmB,OAAO,EAClDC,EAA8BpB,EAAE,kCAAkC,EAAEmB,OAAO,EAM3EE,EAA8B,CAC5BC,kBAA4B,IAC5BC,OAA6BL,EAAY,EAC3C,EAwGAM,GAvG8B,IAAIC,WAAWC,aAAa1B,EAAE,cAAc,EAAGqB,CAAmB,EAClE,IAAII,WAAWC,aAAa1B,EAAE,eAAe,EAAGqB,CAAmB,EAOlErB,EAAE,SAAS,EAAE2B,YAAY,EAAI3B,EAAE,uBAAuB,EAAE2B,YAAY,EAAI3B,EAAE,SAAS,EAAE2B,YAAY,GACrG3B,EAAEgB,MAAM,EAAEW,YAAY,IAC7CC,EAAkB5B,EAAE,UAAU,EAAEmB,OAAO,EAAInB,EAAE,SAAS,EAAE2B,YAAY,EACxE3B,EAAE,UAAU,EAAEmB,OAAOS,CAAc,EAAExB,IAAI,aAAcwB,CAAc,GAMvEvB,aAAa,EACbL,EAAE,iBAAiB,EAAE6B,GAAG,QAASxB,YAAY,EAE7CL,EAAE,iBAAiB,EAAE6B,GAAG,cAAe,WACrCd,mBAAmB,CACrB,CAAC,EAKDf,EAAE,cAAc,EAAE6B,GAAG,SAAU,SAASnB,GACtCA,EAAEoB,eAAe,EAEbC,EAA0B/B,EAAEW,IAAI,EAAEqB,UAAU,EAEhDhC,EAAEiC,KAAK,CACLC,KAA4B,OAC5BC,KAA4BJ,EAC5BK,IAA4B,6BAC9B,CAAC,EACAC,KAAK,SAASF,EAAMG,EAAYC,GAC/BvC,EAAE,qBAAqB,EAAEE,YAAY,QAAQ,CAC/C,CAAC,EACAsC,KAAK,WACJxC,EAAE,mBAAmB,EAAEE,YAAY,QAAQ,CAC7C,CAAC,EACAuC,OAAO,YACP,CAEH,CAAC,EAKDzC,EAAEgB,MAAM,EAAE0B,OAAO,WAGf,IACEC,EACAC,EAA4B5C,EAAEgB,MAAM,EAAE6B,UAAU,EAAI3B,EAAYE,EAG9DwB,GAAkB5C,EAAE,eAAe,EAAEuB,OAAO,EAAEuB,KAAOF,GAAkB5C,EAAE,WAAW,EAAEuB,OAAO,EAAEuB,MACjGH,EAA4B,sDAC5BI,oBAAoBJ,CAAQ,GAI1BC,GAAkB5C,EAAE,WAAW,EAAEuB,OAAO,EAAEuB,KAAOF,GAAkB5C,EAAE,mBAAmB,EAAEuB,OAAO,EAAEuB,MACrGH,EAA4B,8CAC5BI,oBAAoBJ,CAAQ,GAI1BC,GAAkB5C,EAAE,mBAAmB,EAAEuB,OAAO,EAAEuB,KAAOF,GAAkB5C,EAAE,UAAU,EAAEuB,OAAO,EAAEuB,MACpGH,EAA4B,8DAC5BI,oBAAoBJ,CAAQ,GAI1BC,GAAkB5C,EAAE,UAAU,EAAEuB,OAAO,EAAEuB,MAC3CH,EAA4B,4CAC5BI,oBAAoBJ,CAAQ,EAGhC,CAAC,EAKD3C,EAAE,gDAAgD,EAAEgD,MAAM,SAASC,GAGjEA,EAAMnB,eAAe,EAGrBjC,cAAcG,EAAEW,IAAI,EAAEuC,KAAK,MAAM,CAAC,CAEpC,CAAC,EAQgClD,EAAE,WAAW,EAAEuB,OAAO,EAAEuB,IAAM5B,GAC7DiC,EAA+BnD,EAAE,WAAW,EAAEmB,OAAQ,EACtDiC,EAA+BD,EAAqB,EACpDE,EAA+B7B,EAAkB2B,EACjDG,EAA+B9B,EAAkB4B,EACjDG,EAA+BD,EAAoBF,EAGrDpD,EAAEgB,MAAM,EAAE0B,OAAO,WAEf,IAAIE,EAA0B5C,EAAEgB,MAAM,EAAE6B,UAAU,EAG5BS,GAAlBV,GAAuCA,EAAiBW,GAC1D1D,cAAc,kBAAkB,EAIZ2B,GAAlBoB,GAAqCA,EAAiBU,GACxDzD,cAAc,kBAAkB,EAIZ0D,GAAlBX,GAAqCA,EAAiBS,GACxDxD,cAAc,aAAa,CAG/B,CAAC,CAEH,CAAC"}