{"version":3,"sources":["webpack:///./Scripts/jquery/variantcompare.js"],"names":["factory","define","$","myFunction","popup","document","getElementById","footer","getElementsByClassName","window","innerHeight","pageYOffset","offsetTop","classList","add","remove","showLargeComparisonImage","variantHeaderColumns","variantThumbnailImage","largeImageColumn","largeImageContainer","largeImage","closeButton","hide","on","addClass","this","parent","removeClass","setLargeThumbnail","imageElem","imageColumn","imageContainer","image","imageSrc","attr","show","setLargeThumbnailPosition","height","addEventListener","ready"],"mappings":"sEAAC,oBAAUA,GACP,aAEIC,EAAO,CAAC,aAAoB,0BAAP,EAM3B,SAAUC,GAYR,SAASC,IACL,IAAIC,EAAQC,SAASC,eAAe,gBAChCC,EAASF,SAASG,uBAAuB,UAAU,GAElDC,OAAOC,YAAcD,OAAOE,YAAc,GAAKJ,EAAOK,UACvDR,EAAMS,UAAUC,IAAI,SAGpBV,EAAMS,UAAUE,OAAO,SAG3BC,GACJ,CAEA,SAASA,IAER,IAAIC,EAAuBf,EAAE,qBACzBgB,EAAwBhB,EAAE,6BAC1BiB,EAAmBjB,EAAE,qBACrBkB,EAAsBlB,EAAE,iCACxBmB,EAAanB,EAAE,wBACfoB,EAAcpB,EAAE,oBACjBkB,EAAoBG,OAEvBL,EAAsBM,GAAG,SAAS,WACjCP,EAAqBQ,SAAS,aAC9BvB,EAAEwB,MAAMC,SAASA,OAAO,mBAAmBC,YAAY,aACvDC,EAAkB3B,EAAEwB,MAAOP,EAAkBC,EAAqBC,EAAYC,EAC/E,IAGAA,EAAYE,GAAG,SAAS,WACvBP,EAAqBW,YAAY,aACjCT,EAAiBI,OACjBH,EAAoBG,OACpBD,EAAYC,MACb,GACD,CAGA,SAASM,EAAkBC,EAAWC,EAAaC,EAAgBC,EAAOX,GACtE,IAAIY,EAAWJ,EAAUK,KAAK,OAC9BF,EAAME,KAAK,MAAOD,GAElBH,EAAYK,OACZJ,EAAeI,OACfd,EAAYc,OAEZC,EAA0BP,EAAWE,EAAgBV,EACzD,CAGA,SAASe,EAA0BP,EAAWE,GAC1C,IAAIM,EAASR,EAAUH,SAASA,SAASW,SAAW,GACpDN,EAAeG,KAAK,QAAS,QAAUG,EAAS,MACpD,CAlEAjC,SAASkC,iBAAiB,oBAAoB,WAC7CpC,GACD,IAAG,GAEHD,EAAEG,UAAUmC,OAAM,WACdxB,IACAb,GACJ,IAEAM,OAAO8B,iBAAiB,SAAUpC,EA0DtC,GA1EoC,8BAMnC,CATA,E","file":"660.642ee012f3a4830c28ab.js","sourcesContent":["(function (factory) {\r\n    'use strict';\r\n    if (typeof define === 'function' && define.amd) {\r\n        define(['./jquery'], factory);\r\n    } else if (typeof exports !== 'undefined') {\r\n        module.exports = factory(require('./jquery'));\r\n    } else {\r\n        factory(jQuery);\r\n    }\r\n}(function ($) {\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n\t    myFunction();\r\n    }, false);\r\n\r\n    $(document).ready(function() {\r\n        showLargeComparisonImage();\r\n        myFunction();\r\n    });\r\n\r\n    window.addEventListener(\"scroll\", myFunction);\r\n\r\n    function myFunction() {\r\n        var popup = document.getElementById(\"variantPopUp\");\r\n        var footer = document.getElementsByClassName(\"footer\")[0];\r\n\r\n        if ((window.innerHeight + window.pageYOffset + 30 < footer.offsetTop)) {\r\n            popup.classList.add(\"stick\");\r\n        }\r\n        else {\r\n            popup.classList.remove(\"stick\");\r\n        }\r\n\r\n        showLargeComparisonImage();\r\n    }\r\n\r\n    function showLargeComparisonImage() {\r\n\t    //Show large image functions\r\n\t    var variantHeaderColumns = $(\"th.columnsVariant\");\r\n\t    var variantThumbnailImage = $(\".columnsVariant-thumbnail\");\r\n\t    var largeImageColumn = $(\"#largeImageColumn\");\r\n\t    var largeImageContainer = $(\"#largeThumbnailImageContainer\");\r\n\t    var largeImage = $(\"#largeThumbnailImage\");\r\n\t    var closeButton = $(\"#closeLargeImage\");\r\n        largeImageContainer.hide()\r\n\t    //Click on image thumbnail\r\n\t    variantThumbnailImage.on(\"click\", function () {\r\n\t\t    variantHeaderColumns.addClass(\"unfocused\");\r\n\t\t    $(this).parent().parent(\".columnsVariant\").removeClass(\"unfocused\");\r\n\t\t    setLargeThumbnail($(this), largeImageColumn, largeImageContainer, largeImage, closeButton);\r\n\t    });\r\n\r\n\t    //Click on overview/large image close button\r\n\t    closeButton.on(\"click\", function () {\r\n\t\t    variantHeaderColumns.removeClass(\"unfocused\");\r\n\t\t    largeImageColumn.hide();\r\n\t\t    largeImageContainer.hide();\r\n\t\t    closeButton.hide();\r\n\t    });\r\n    }\r\n\r\n    //Initiates large image. Show large image, set image src and position.\r\n    function setLargeThumbnail(imageElem, imageColumn, imageContainer, image, closeButton) {\r\n        var imageSrc = imageElem.attr(\"src\");\r\n        image.attr(\"src\", imageSrc);\r\n\r\n        imageColumn.show();\r\n        imageContainer.show();\r\n        closeButton.show();\r\n\r\n        setLargeThumbnailPosition(imageElem, imageContainer, closeButton);\r\n    }\r\n\r\n    //Position large image on large image column container\r\n    function setLargeThumbnailPosition(imageElem, imageContainer) {\r\n        var height = imageElem.parent().parent().height() + 24;\r\n        imageContainer.attr(\"style\", \"top: \" + height + \"px;\");\r\n    }\r\n}));"],"sourceRoot":""}