'+errorMessage+'
');\r\n }else{\r\n $('.comp-error-list p[data-error-id='+$input.attr('id')+']').remove();\r\n }\r\n },\r\n onError : function($form) {\r\n $('.comp-error-list').show();\r\n toNameAnchor('.comp-error-list');\r\n // console.log(\"smsOption:\" + $(\"#smsOption\").prop( \"checked\"));\r\n },\r\n onSuccess : function($form) {\r\n //generateEmail();\r\n setTimeout(function () { \r\n // console.log(\"Submit successfully!\")\r\n //call the booking API\r\n\t\t//document.location.href = '/eshop-restaurant-booking-confirm';\r\n\t\t//Create the event API starts\r\n\t\tvar tempRmSMS = false;\r\n\t\tif ($('#smsOption').is(\":checked\")) {\r\n\t\t\ttempRmSMS = true;\r\n\t\t}\r\n\t\tvar _apiUrlCreate = _rootEshopAPIurl + '/reservations/reservation/create?restaurantId=' + restaurantId;\r\n\t\tvar _formDataCreate = [\r\n\t\t\t{\r\n\t\t\t\t\"accessToken\": tmepToken,\r\n\t\t\t\t\"emailAddress\": $(\"#edit-submitted-email-address\").val(),\r\n\t\t\t\t\"firstName\": $(\"#edit-submitted-your-first-name\").val(),\r\n\t\t\t\t\"lastName\": $(\"#edit-submitted-your-last-name\").val(),\r\n\t\t\t\t\"phoneNumber\": $(\"#edit-submitted-phone-no\").val(),\r\n\t\t\t\t\"size\": tempDiner,\r\n\t\t\t\t// \"time\": tempSelectTimeSlot,\r\n\t\t\t\t\"time\": tempTimeslot,\t\t\t\t\r\n\t\t\t\t\"lockId\": lockId,\r\n\t\t\t\t//now no matter we select, the meal will post empty to API, as need to wait for the testing data to test\r\n\t\t\t\t// \"specialMealId\": $(\"#edit-meal-preference\").val(),\r\n\t\t\t\t\"specialMealId\": \"\",\r\n\t\t\t\t\"remindVisit\": tempRmSMS,\r\n\t\t\t\t\"note\": $(\"#edit-submitted-other-requirements\").val(),\r\n\t\t\t\t\"memberNo\": tempMemberID\r\n\t\t\t }\r\n\t\t];\r\n\r\n\t\t$.ajax({\r\n\t\t\ttype: 'POST',\r\n\t\t\turl: _apiUrlCreate,\r\n\t\t\tdata: _formDataCreate[0],\r\n\t\t\tdataType: \"json\",\r\n\t\t\tcontentType: \"application/x-www-form-urlencoded\",\r\n\t\t\tsuccess: function success(response) {\r\n\t\t\t\tif (response.Code == 200) {\r\n\t\t\t\t\t//console.log(\"book successfully:\", response)\r\n\t\t\t\t\tdocument.location.href = '/restaurant-booking/thank-you?token=' + response.Data.token;\r\n\t\t\t\t} else if (response.Code == 400) {\r\n\t\t\t\t\tvar overLayer = $(\"\", {'class':'overLayer'});\r\n\t\t\t\t\t$(\".master\").prepend($(overLayer));\r\n\t\t\t\t\t$(\".createBookingFailPopUp\").addClass(\"active\");\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t}\r\n\t\t});\r\n\t\t//Create the event API ends\r\n\r\n }, 500);\r\n },\r\n onValidate : function($form) {\r\n \r\n if ($('.comp-error-list p').length<=0) {\r\n $('.comp-error-list').hide();\r\n }\r\n }\r\n });\r\n\r\n});\r\n\r\nfunction toNameAnchor(target){\r\n if($(target).length>0){\r\n $('html, body').delay(200).animate({\r\n scrollTop: $(target).offset().top-$('header').outerHeight()\r\n }, 500);\r\n };\r\n}\r\n\r\nfunction generateTime() {\r\n\r\n\t//GET the related TimeSLot starts\r\n\tvar _apiUrl = _rootEshopAPIurl + '/reservations/avaliabletimes/get?accessToken=' + tmepToken + \"&partySize=\" + tempDiner + \"&restaurantId=\" + restaurantId + \"&date=\" + tempSeletedDate;\r\n\t \r\n\t$.ajax({\r\n\t\t type: 'GET',\r\n\t\t url: _apiUrl,\r\n\t\t dataType: \"json\",\r\n\t\t contentType: \"application/x-www-form-urlencoded\",\r\n\t\t success: function success(response) {\r\n\t\t\t\t//Load API content\r\n\t\t\t\t// console.log(\"timeslot:\", response.Data.AvailableTimes);\r\n\t\t\t\tif ($(\".rBTimesList .slick-list\").length > 0) {\r\n\t\t\t\t\t$(\".rBTimesList\").slick('unslick');\r\n\t\t\t\t\t$(\".rBTimesList\").html(\"\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\t$(\".ItemtimeslotDDItem\").remove();\r\n\t\t\t\t\r\n\t\t\t\t$(response.Data.AvailableTimes).each(function(i) {\r\n\t\t\t\t\tvar rBTimesItem = $(\"\", {'class':\"rBTimesItem\"});\r\n\t\t\t\t\tvar currentTimeArray = this.split(\"T\");\r\n\t\t\t\t\tvar currentSlotArray = currentTimeArray[1].split(\":\");\r\n\t\t\t\t\tvar rBTimesItemSpan = $(\"\", {'data-value': this}).text(currentSlotArray[0] + \":\" + currentSlotArray[1]);\r\n\t\t\t\t\t$(rBTimesItem).append($(rBTimesItemSpan));\r\n\t\t\t\t\t$('.rBTimesList').append($(rBTimesItem));\r\n\r\n\t\t\t\t\tvar ItemtimeslotDDItem = $('');\r\n\t\t\t\t\t$(\"#edit-timeslot\").append($(ItemtimeslotDDItem));\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif ($('.rBTimesList').is(':visible')) {\r\n\t\t\t\t\t\r\n\t\t\t\t\t$(\".rBTimesList\").slick({\r\n\t\t\t\t\t\tslidesToShow: 5,\r\n\t\t\t\t\t\tarrows: true,\r\n\t\t\t\t\t\tinfinite: false,\r\n\t\t\t\t\t\tresponsive: [{\r\n\t\t\t\t\t\t\tbreakpoint: 768,\r\n\t\t\t\t\t\t\tsettings: {\r\n\t\t\t\t\t\t\t\tarrows: false,\r\n\t\t\t\t\t\t\t\tslidesToShow: 4,\r\n\t\t\t\t\t\t\t\tslidesToScroll: 4,\r\n\t\t\t\t\t\t\t\tdots: false,\r\n\t\t\t\t\t\t\t\tinfinite: false\r\n\t\t\t\t\t\t\t\t// centerMode: true,\r\n\t\t\t\t\t\t\t\t// centerPadding: '20%'\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}]\r\n\t\t\t\t\t});\r\n\t\t\t\r\n\t\t\t\t\t$(\".rBTimesList .rBTimesItem\").each(function() {\r\n\t\t\t\t\t\tif (!$(this).hasClass( \"disabledTime\" )) {\r\n\t\t\t\t\t\t\t$(this).bind(\"click\" , function() {\r\n\t\t\t\t\t\t\t\t//console.log(\"select Time:\" + $(this).find(\"span\").attr(\"data-value\"));\r\n\t\t\t\t\t\t\t\ttempSelectTimeSlot = $(this).find(\"span\").attr(\"data-value\");\r\n\t\t\t\t\t\t\t\t$(\".rBTimesList .rBTimesItem\").removeClass(\"selected\");\r\n\t\t\t\t\t\t\t\t$(this).addClass(\"selected\");\r\n\t\t\t\t\t\t\t\t$(\".section-booking-info\").removeClass(\"form-disabled\");\r\n\t\t\t\t\t\t\t\t$(\".btm-bar\").removeClass(\"form-disabled\");\r\n\t\t\t\t\t\t\t\t//Lock down the timeslot API starts\r\n\t\t\t\t\t\t\t\tvar _apiUrl = _rootEshopAPIurl + '/reservations/slot/lock?restaurantId=' + restaurantId;\r\n\t\t\t\t\t\t\t\tvar _formData = [\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\"date\": tempSelectTimeSlot,\r\n\t\t\t\t\t\t\t\t\t\t\"partySize\": tempDiner,\r\n\t\t\t\t\t\t\t\t\t\t\"accessToken\": tmepToken\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t];\r\n\t\r\n\t\t\t\t\t\t\t\t$.ajax({\r\n\t\t\t\t\t\t\t\t\ttype: 'POST',\r\n\t\t\t\t\t\t\t\t\turl: _apiUrl,\r\n\t\t\t\t\t\t\t\t\tdata: _formData[0],\r\n\t\t\t\t\t\t\t\t\tdataType: \"json\",\r\n\t\t\t\t\t\t\t\t\tcontentType: \"application/x-www-form-urlencoded\",\r\n\t\t\t\t\t\t\t\t\tsuccess: function success(response) {\r\n\t\t\t\t\t\t\t\t\t //console.log(\"lock time success!:\", response)\r\n\t\t\t\t\t\t\t\t\t lockId = response.Data.slotLockIdDTO.id;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t//Lock down the timeslot API ends\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\r\n\t\t }\r\n\t});\r\n\t//tempSeletedDate\r\n\t//GET the related TimeSLot ends\r\n \r\n\t\r\n}\r\n\r\nfunction countDownFormEntry() {\r\n\r\n var timer2 = \"15:01\";\r\n var interval = setInterval(function() {\r\n \r\n \r\n var timer = timer2.split(':');\r\n //by parsing integer, I avoid all extra string processing\r\n var minutes = parseInt(timer[0], 10);\r\n var seconds = parseInt(timer[1], 10);\r\n --seconds;\r\n minutes = (seconds < 0) ? --minutes : minutes;\r\n seconds = (seconds < 0) ? 59 : seconds;\r\n // seconds = (seconds < 10) ? '0' + seconds : seconds;\r\n seconds = (seconds < 10) ? seconds : seconds;\r\n //minutes = (minutes < 10) ? minutes : minutes;\r\n $('.countdown').html('' + minutes + ' minutes ' + seconds + \" seconds\");\r\n if (minutes < 0) {\r\n clearInterval(interval);\r\n } \r\n //check if both minutes and seconds are 0\r\n if ((seconds <= 0) && (minutes <= 0)) {\r\n // console.log(\"Time out!!\");\r\n //pop-up the overlayer to tell the client will be reload the page again\r\n var overLayer = $(\"\", {'class':'overLayer'});\r\n $(\".master\").prepend($(overLayer));\r\n $(\".formPopUpWrapper\").addClass(\"active\");\r\n reloadPage();\r\n clearInterval(interval);\r\n } \r\n\r\n timer2 = minutes + ':' + seconds;\r\n }, 1000);\r\n\r\n}\r\n\r\nfunction reloadPage() {\r\n var counter = 5;\r\n var interval = setInterval(function() {\r\n counter--\r\n // Display 'counter' wherever you want to display it. \r\n $('.reloadCount').html(counter);\r\n if (counter == 0) {\r\n // Display a login box \r\n clearInterval(interval);\r\n location.reload();\r\n }\r\n }, 1000);\r\n\r\n\r\n}","\nvar content = require(\"!!../../../node_modules/extract-css-chunks-webpack-plugin/dist/hotLoader.js!../../../node_modules/extract-css-chunks-webpack-plugin/dist/loader.js!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/resolve-url-loader/index.js??ref--10-4!../../../node_modules/sass-loader/dist/cjs.js??ref--10-5!./style.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/extract-css-chunks-webpack-plugin/dist/hotLoader.js!../../../node_modules/extract-css-chunks-webpack-plugin/dist/loader.js!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/resolve-url-loader/index.js??ref--10-4!../../../node_modules/sass-loader/dist/cjs.js??ref--10-5!./style.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/extract-css-chunks-webpack-plugin/dist/hotLoader.js!../../../node_modules/extract-css-chunks-webpack-plugin/dist/loader.js!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/resolve-url-loader/index.js??ref--10-4!../../../node_modules/sass-loader/dist/cjs.js??ref--10-5!./style.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","// extracted by extract-css-chunks-webpack-plugin\n if(module.hot) {\n // 1622024503769\n var cssReload = require(\"../../../node_modules/extract-css-chunks-webpack-plugin/dist/hotModuleReplacement.js\")(module.id, {\"fileMap\":\"{fileName}\"});\n module.hot.dispose(cssReload);\n module.hot.accept(undefined, cssReload);;\n }\n ","import './style.scss'\r\n\r\nimport 'header'\r\nimport 'footer'\r\nimport 'jquery.scrollbar'\r\n\r\nvar saveAs=saveAs||function(e){\"use strict\";if(typeof e===\"undefined\"||typeof navigator!==\"undefined\"&&/MSIE [1-9]\\./.test(navigator.userAgent)){return}var t=e.document,n=function(){return e.URL||e.webkitURL||e},r=t.createElementNS(\"http://www.w3.org/1999/xhtml\",\"a\"),o=\"download\"in r,a=function(e){var t=new MouseEvent(\"click\");e.dispatchEvent(t)},i=/constructor/i.test(e.HTMLElement)||e.safari,f=/CriOS\\/[\\d]+/.test(navigator.userAgent),u=function(t){(e.setImmediate||e.setTimeout)(function(){throw t},0)},s=\"application/octet-stream\",d=1e3*40,c=function(e){var t=function(){if(typeof e===\"string\"){n().revokeObjectURL(e)}else{e.remove()}};setTimeout(t,d)},l=function(e,t,n){t=[].concat(t);var r=t.length;while(r--){var o=e[\"on\"+t[r]];if(typeof o===\"function\"){try{o.call(e,n||e)}catch(a){u(a)}}}},p=function(e){if(/^\\s*(?:text\\/\\S*|application\\/xml|\\S*\\/\\S*\\+xml)\\s*;.*charset\\s*=\\s*utf-8/i.test(e.type)){return new Blob([String.fromCharCode(65279),e],{type:e.type})}return e},v=function(t,u,d){if(!d){t=p(t)}var v=this,w=t.type,m=w===s,y,h=function(){l(v,\"writestart progress write writeend\".split(\" \"))},S=function(){if((f||m&&i)&&e.FileReader){var r=new FileReader;r.onloadend=function(){var t=f?r.result:r.result.replace(/^data:[^;]*;/,\"data:attachment/file;\");var n=e.open(t,\"_blank\");if(!n)e.location.href=t;t=undefined;v.readyState=v.DONE;h()};r.readAsDataURL(t);v.readyState=v.INIT;return}if(!y){y=n().createObjectURL(t)}if(m){e.location.href=y}else{var o=e.open(y,\"_blank\");if(!o){e.location.href=y}}v.readyState=v.DONE;h();c(y)};v.readyState=v.INIT;if(o){y=n().createObjectURL(t);setTimeout(function(){r.href=y;r.download=u;a(r);h();c(y);v.readyState=v.DONE});return}S()},w=v.prototype,m=function(e,t,n){return new v(e,t||e.name||\"download\",n)};if(typeof navigator!==\"undefined\"&&navigator.msSaveOrOpenBlob){return function(e,t,n){t=t||e.name||\"download\";if(!n){e=p(e)}return navigator.msSaveOrOpenBlob(e,t)}}w.abort=function(){};w.readyState=w.INIT=0;w.WRITING=1;w.DONE=2;w.error=w.onwritestart=w.onprogress=w.onwrite=w.onabort=w.onerror=w.onwriteend=null;return m}(typeof self!==\"undefined\"&&self||typeof window!==\"undefined\"&&window||this.content);if(typeof module!==\"undefined\"&&module.exports){module.exports.saveAs=saveAs}else if(typeof define!==\"undefined\"&&define!==null&&define.amd!==null){define(\"FileSaver.js\",function(){return saveAs})}\r\nvar ics=function(e,t){\"use strict\";{if(!(navigator.userAgent.indexOf(\"MSIE\")>-1&&-1==navigator.userAgent.indexOf(\"MSIE 10\"))){void 0===e&&(e=\"default\"),void 0===t&&(t=\"Calendar\");var r=-1!==navigator.appVersion.indexOf(\"Win\")?\"\\r\\n\":\"\\n\",n=[],i=[\"BEGIN:VCALENDAR\",\"PRODID:\"+t,\"VERSION:2.0\"].join(r),o=r+\"END:VCALENDAR\",a=[\"SU\",\"MO\",\"TU\",\"WE\",\"TH\",\"FR\",\"SA\"];return{events:function(){return n},calendar:function(){return i+r+n.join(r)+o},addEvent:function(t,i,o,l,u,s){if(void 0===t||void 0===i||void 0===o||void 0===l||void 0===u)return!1;if(s&&!s.rrule){if(\"YEARLY\"!==s.freq&&\"MONTHLY\"!==s.freq&&\"WEEKLY\"!==s.freq&&\"DAILY\"!==s.freq)throw\"Recurrence rrule frequency must be provided and be one of the following: 'YEARLY', 'MONTHLY', 'WEEKLY', or 'DAILY'\";if(s.until&&isNaN(Date.parse(s.until)))throw\"Recurrence rrule 'until' must be a valid date string\";if(s.interval&&isNaN(parseInt(s.interval)))throw\"Recurrence rrule 'interval' must be an integer\";if(s.count&&isNaN(parseInt(s.count)))throw\"Recurrence rrule 'count' must be an integer\";if(void 0!==s.byday){if(\"[object Array]\"!==Object.prototype.toString.call(s.byday))throw\"Recurrence rrule 'byday' must be an array\";if(s.byday.length>7)throw\"Recurrence rrule 'byday' array must not be longer than the 7 days in a week\";s.byday=s.byday.filter(function(e,t){return s.byday.indexOf(e)==t});for(var c in s.byday)if(a.indexOf(s.byday[c])<0)throw\"Recurrence rrule 'byday' values must include only the following: 'SU', 'MO', 'TU', 'WE', 'TH', 'FR', 'SA'\"}}var g=new Date(l),d=new Date(u),f=new Date,S=(\"0000\"+g.getFullYear().toString()).slice(-4),E=(\"00\"+(g.getMonth()+1).toString()).slice(-2),v=(\"00\"+g.getDate().toString()).slice(-2),y=(\"00\"+g.getHours().toString()).slice(-2),A=(\"00\"+g.getMinutes().toString()).slice(-2),T=(\"00\"+g.getSeconds().toString()).slice(-2),b=(\"0000\"+d.getFullYear().toString()).slice(-4),D=(\"00\"+(d.getMonth()+1).toString()).slice(-2),N=(\"00\"+d.getDate().toString()).slice(-2),h=(\"00\"+d.getHours().toString()).slice(-2),I=(\"00\"+d.getMinutes().toString()).slice(-2),R=(\"00\"+d.getMinutes().toString()).slice(-2),M=(\"0000\"+f.getFullYear().toString()).slice(-4),w=(\"00\"+(f.getMonth()+1).toString()).slice(-2),L=(\"00\"+f.getDate().toString()).slice(-2),O=(\"00\"+f.getHours().toString()).slice(-2),p=(\"00\"+f.getMinutes().toString()).slice(-2),Y=(\"00\"+f.getMinutes().toString()).slice(-2),U=\"\",V=\"\";y+A+T+h+I+R!=0&&(U=\"T\"+y+A+T,V=\"T\"+h+I+R);var B,C=S+E+v+U,j=b+D+N+V,m=M+w+L+(\"T\"+O+p+Y);if(s)if(s.rrule)B=s.rrule;else{if(B=\"rrule:FREQ=\"+s.freq,s.until){var x=new Date(Date.parse(s.until)).toISOString();B+=\";UNTIL=\"+x.substring(0,x.length-13).replace(/[-]/g,\"\")+\"000000Z\"}s.interval&&(B+=\";INTERVAL=\"+s.interval),s.count&&(B+=\";COUNT=\"+s.count),s.byday&&s.byday.length>0&&(B+=\";BYDAY=\"+s.byday.join(\",\"))}(new Date).toISOString();var H=[\"BEGIN:VEVENT\",\"UID:\"+n.length+\"@\"+e,\"CLASS:PUBLIC\",\"DESCRIPTION:\"+i,\"DTSTAMP;VALUE=DATE-TIME:\"+m,\"DTSTART;VALUE=DATE-TIME:\"+C,\"DTEND;VALUE=DATE-TIME:\"+j,\"LOCATION:\"+o,\"SUMMARY;LANGUAGE=en-us:\"+t,\"TRANSP:TRANSPARENT\",\"END:VEVENT\"];return B&&H.splice(4,0,B),H=H.join(r),n.push(H),H},download:function(e,t){if(n.length<1)return!1;t=void 0!==t?t:\".ics\",e=void 0!==e?e:\"calendar\";var a,l=i+r+n.join(r)+o;if(-1===navigator.userAgent.indexOf(\"MSIE 10\"))a=new Blob([l]);else{var u=new BlobBuilder;u.append(l),a=u.getBlob(\"text/x-vCalendar;charset=\"+document.characterSet)}return saveAs(a,e+t),l},build:function(){return!(n.length<1)&&i+r+n.join(r)+o}}}console.log(\"Unsupported Browser\")}};\r\nvar cal_single = ics();\r\n\r\n$(function() {\r\n var isIE = Boolean(window.navigator.userAgent.indexOf('MSIE ') >= 0 || window.navigator.userAgent.indexOf('Trident/') >= 0 || window.navigator.userAgent.indexOf(' Edg') >= 0);\r\n \r\n //tabFn();\r\n tabFnUpdate();\r\n pgBtmShortcut();\r\n upcomingEvents();\r\n otherSportShortcut();\r\n expanditemFun();\r\n fsItems();\r\n galleryItem();\r\n readMoreFn();\r\n formInputFocusFn();\r\n filterSelect();\r\n checkArchor();\r\n genTableWrapper();\r\n customScrollbar();\r\n\r\n\r\n //for close the pop-up note\r\n closePopUpNote();\r\n\r\n //eshop for\r\n eshopTabSel();\r\n eshopStickyBar();\r\n checkBoxList();\r\n\r\n //share social media\r\n shareSocialFunction();\r\n \r\n \r\n // console.log('isIE: ', isIE);\r\n if (isIE) {\r\n downloadICS();\r\n } else {\r\n addToCart();\r\n }\r\n\r\n footerDisplay();\r\n\r\n var isMobile = checkMobile();\r\n if (!isMobile) {\r\n $('body').addClass('isDesktop')\r\n } else {\r\n $('body').removeClass('isDesktop')\r\n }\r\n\r\n\r\n setTimeout(function() {\r\n sectionIntro();\r\n }, 1000)\r\n \r\n\r\n $('input[type=\"text\"]').attr('autocomplete','off');\r\n\r\n})\r\n\r\n\r\n \r\n\r\n//footer display for short height issue\r\nfunction footerDisplay(){\r\n if ($('.master').height()<=900) {\r\n $('footer').addClass('sticky');\r\n }\r\n}\r\n\r\n//Share social function\r\nfunction shareSocialFunction() {\r\n var url = window.location.href;\r\n \r\n //Facebook share\r\n $('.social-share a.shareFB').on('click', function(event) {\r\n event.preventDefault();\r\n var shareURL = 'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(url);\r\n window.open(shareURL,'cssSocialMediaPopup','menubar=1,resizable=1,width=500,height=500');\r\n return false;\r\n });\r\n \r\n //Twitter share\r\n $('.social-share a.shareTwitter').on('click', function(event) {\r\n event.preventDefault();\r\n var title = $(\"meta[property='og:title']\").attr(\"content\") + \"\\n\" + $(\"meta[property='og:description']\").attr(\"content\");\r\n var shareURL = 'http://twitter.com/share?text=' + encodeURIComponent(title);\r\n window.open(shareURL,'cssSocialMediaPopup','menubar=1,resizable=1,width=500,height=500');\r\n return false;\r\n });\r\n\r\n //Whatsapp share\r\n $('.social-share .shareWhatapps').on('touchend click', function(event) {\r\n event.preventDefault();\r\n var shareURL = 'https://www.addtoany.com/add_to/whatsapp?linkurl=' + encodeURIComponent(url);\r\n\r\n window.open(shareURL,'cssSocialMediaPopup','menubar=1,resizable=1,width=500,height=250');\r\n return false;\r\n });\r\n\r\n //Email\r\n $('.social-share a.shareEmail').on('click', function(event) {\r\n event.preventDefault();\r\n \r\n\t\t\t// var textSubject;\t\r\n\t\t\t// var emailBody = \"\\%0A\" + textName + \": \" + $(\"#contact-Name\").val() + \"\\%0A\" + textEmail + \": \" + $(\"#contact-email\").val() + \"\\%0A\" + textPhone + \": \" + $(\"#contact-contact-no\").val() + \"\\%0A\" + textOption + \":\\%0A\" + $(\"#contact-opinion\").val() + \"\\%0A\\%0A\" + textCommon + \"\\%0A\\%0A\";\r\n // location.href = \"mailto:dutchlady.hk@frieslandcampina.com?\" + \"&body=\" + emailBody + \"&subject=\" + textSubject;\r\n var emailBody = \"Link:\" + encodeURIComponent(url) + \"\\%0A\\%0A\";\r\n var title = $(\"meta[property='og:title']\").attr(\"content\");\r\n location.href = \"mailto:?\" + \"&body=\" + emailBody + \"&subject=\" + title;\r\n return false;\r\n });\r\n \r\n}\r\n\r\n//Add to Calendar - for not IE\r\nfunction addToCart() {\r\n \r\n $(\".addToCalendarBtn\").bind('click', function() {\r\n \r\n // /25-Nov-2020 12:00\r\n var dateArrayStart = $(\".statTime\").text().split(' ');\r\n var dateStart = dateArrayStart[0].split('-'); \r\n if (dateArrayStart.length > 1) {\r\n var startTime = dateArrayStart[1].split(':');\r\n } \r\n \r\n\r\n var dateArrayEnd = $(\".endTime\").text().split(' ');\r\n var dateEnd = dateArrayEnd[0].split('-'); \r\n if (dateArrayEnd.length > 1) {\r\n var endTime = dateArrayEnd[1].split(':');\r\n } \r\n \r\n\r\n var currentStartM;\r\n var currentEndM;\r\n var currentStartMNum;\r\n var currentEndMNum;\r\n\r\n var monthArray = [\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sep\",\"Oct\",\"Nov\",\"Dec\"];\r\n $(monthArray).each(function(i) {\r\n if (dateStart[1] == monthArray[i]) {\r\n currentStartMNum = (i + 1);\r\n if (currentStartMNum < 10) {\r\n currentStartM = \"0\" + currentStartMNum;\r\n } else {\r\n currentStartM = currentStartMNum;\r\n }\r\n }\r\n if (dateEnd[1] == monthArray[i]) {\r\n currentEndMNum = (i + 1);\r\n if (currentEndMNum < 10) {\r\n currentEndM = \"0\" + currentEndMNum;\r\n } else {\r\n currentEndM = currentEndMNum;\r\n }\r\n }\r\n })\r\n \r\n //20201126T134000\r\n if (dateArrayStart.length > 1) {\r\n var msgData1 = dateStart[2] + currentStartM + dateStart[0] + 'T' + startTime[0] + startTime[1] + '00';\r\n } else {\r\n var msgData1 = dateStart[2] + currentStartM + dateStart[0] + 'T000000';\r\n }\r\n if (dateArrayEnd.length > 1) {\r\n var msgData2 = dateEnd[2] + currentEndM + dateEnd[0] + 'T' + endTime[0] + endTime[1] + '00';\t\r\n } else {\r\n var msgData2 = dateEnd[2] + currentEndM + dateEnd[0] + 'T230000';;\r\n }\r\n //var title = event.title;\r\n var title = $(\"h1 span\").eq(0).text();\r\n var location = \"\";\r\n \r\n // console.log(\"msgData1:\" + msgData1)\r\n // console.log(\"msgData2:\" + msgData2)\r\n // var location = \"Room B 7/F 128 Wellington Street Central\";\r\n \r\n \r\n var icsMSG = escape(\"BEGIN:VCALENDAR\\nVERSION:2.0\\nPRODID:-//Our Company//NONSGML v1.0//EN\\nBEGIN:VTIMEZONE\\nTZID:Asia/Hong_Kong\\nX-LIC-LOCATION:Asia/Hong_Kong\\nBEGIN:STANDARD\\nTZNAME:HKST\\nTZOFFSETTO:+0800\\nEND:STANDARD\\nEND:VTIMEZONE\\nBEGIN:VEVENT\\nDTSTAMP:\" + msgData1 + \"\\nSTATUS:CONFIRMED\\nDTSTART:\" + msgData1 + \"\\nDTEND:\" + msgData2 + \"\\nSUMMARY:\" + title + \"\\nLOCATION:\") + location + escape(\"\\nEND:VEVENT\\nEND:VCALENDAR\");\r\n \r\n var uri = \"data:text/calendar;charset=utf8,\" + icsMSG;\r\n ////this trick will generate a temp tag\r\n var link = document.createElement(\"a\");\r\n link.href = uri;\r\n //set the visibility hidden so it will not effect on your web-layout\r\n link.style = \"display:none\";\r\n link.download = \"events-calendar.ics\";\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n\r\n }) \r\n \r\n}\r\n\r\n////download icsfile for IE only\r\nfunction downloadICS() {\r\n \r\n $(\".addToCalendarBtn\").bind('click', function() { \r\n \r\n // /25-Nov-2020 12:00\r\n var dateArrayStart = $(\".statTime\").text().split(' ');\r\n var dateStart = dateArrayStart[0].split('-'); \r\n if (dateArrayStart.length > 1) {\r\n var startTime = dateArrayStart[1].split(':');\r\n } \r\n\r\n var dateArrayEnd = $(\".endTime\").text().split(' ');\r\n var dateEnd = dateArrayEnd[0].split('-'); \r\n if (dateArrayEnd.length > 1) {\r\n var endTime = dateArrayEnd[1].split(':');\r\n } \r\n\r\n var currentStartM;\r\n var currentEndM;\r\n var currentStartMNum;\r\n var currentEndMNum;\r\n\r\n var monthArray = [\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sep\",\"Oct\",\"Nov\",\"Dec\"];\r\n $(monthArray).each(function(i) {\r\n if (dateStart[1] == monthArray[i]) {\r\n currentStartMNum = (i + 1);\r\n currentStartM = currentStartMNum;\r\n }\r\n if (dateEnd[1] == monthArray[i]) {\r\n currentEndMNum = (i + 1);\r\n currentEndM = currentEndMNum;\r\n }\r\n })\r\n \r\n //20201125T100000\r\n // var msgData1 = dateStart[0] + dateStart[1] + dateStart[2] + 'T' + startTime[0] + startTime[1] + '00';\r\n // var msgData2 = dateStart[0] + dateStart[1] + dateStart[2] + 'T' + endTime[0] + endTime[1] + '00';\t\r\n \r\n if (dateArrayStart.length > 1) {\r\n //11/26/2020 6:30 pm\r\n var tempHr = startTime[0];\r\n var tempAPMStart = \"am\";\r\n if (startTime[0] > 12) {\r\n tempHr = startTime[0]-12;\r\n tempAPMStart = \"pm\";\r\n } else if (startTime[0] == 12) {\r\n tempAPMStart = \"pm\";\r\n } else {\r\n tempHr = startTime[0];\r\n tempAPMStart = \"am\";\r\n }\r\n //dateStart[2] + currentStartM + dateStart[0]\r\n //11/26/2020 5:30 pm\r\n // /msgData1:10/2020/28 12:00 pm\r\n var msgData1 = currentStartM + \"/\" + dateStart[0] + \"/\" + dateStart[2] + ' ' + tempHr + \":\" + startTime[1] + ' ' + tempAPMStart;\r\n //console.log(\"msgData1:\" + msgData1)\r\n } else {\r\n var msgData1 = currentStartM + \"/\" + dateStart[0] + \"/\" + dateStart[2] + ' 0:00 am';\r\n }\r\n\r\n if (dateArrayEnd.length > 1) {\r\n var tempHrEnd = endTime[0];\r\n var tempAPMEnd = \"am\";\r\n if (endTime[0] > 12) {\r\n tempHrEnd = endTime[0]-12;\r\n tempAPMEnd = \"pm\";\r\n } else if (endTime[0] == 12) {\r\n tempAPMEnd = \"pm\";\r\n } else {\r\n tempHrEnd = endTime[0];\r\n tempAPMEnd = \"am\";\r\n }\r\n var msgData2 = currentEndM + \"/\" + dateEnd[0] + \"/\" + dateEnd[2] + ' ' + tempHrEnd + \":\" + endTime[1] + ' ' + tempAPMEnd;\r\n } else {\r\n var msgData2 = currentEndM + \"/\" + dateEnd[0] + \"/\" + dateEnd[2] + ' 11:00 pm';\r\n }\r\n\r\n // console.log(\"msgData1:\" + msgData1)\r\n // console.log(\"msgData2:\" + msgData2)\r\n //var title = event.title;\r\n var title = $(\"h1 span\").eq(0).text();\r\n var location = \"\";\r\n\r\n // cal_single.addEvent('Best Day22', 'This is the best day to demonstrate a single event.', 'New York', '11/26/2020 5:30 pm', '11/26/2020 6:30 pm'); \r\n cal_single.addEvent(title, ' ', location, msgData1, msgData2); \r\n cal_single.download('events-calendar-ie');\r\n });\r\n}\r\n\r\n//close pop-up note\r\nfunction closePopUpNote() {\r\n $(\".closePopUpNote\").bind(\"click\" , function() {\r\n $(\".popUpNotice\").remove();\r\n })\r\n}\r\n\r\n\r\nfunction checkBoxList(){\r\n $('.checkbox-list .field-checkbox').click(function(){\r\n if(!$(this).hasClass('radio')){\r\n $(this).toggleClass('checked');\r\n }else{\r\n $(this).parent().find('.field-checkbox').removeClass('checked');\r\n $(this).addClass('checked');\r\n }\r\n });\r\n\r\n $('.field-switch-btn').click(function(){\r\n $(this).toggleClass('checked');\r\n });\r\n}\r\n\r\n\r\nfunction eshopStickyBar(){\r\n if ($('.tab-eshop-cat').is(':visible')) {\r\n $('.tab-eshop-cat').on('onscreen',function(event, measurement) {\r\n if (measurement.percentFromTop <= 0){\r\n $(this).addClass('sticky');\r\n $('.eshop-sticky-box').addClass('sticky');\r\n }\r\n });\r\n $('.eshop-top-intro').on('onscreen',function(event, measurement) {\r\n if (measurement.percentFromTop >= 0){\r\n $('.tab-eshop-cat, .eshop-sticky-box').removeClass('sticky');\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction eshopTabSel(){\r\n\r\n if (!$('.eshop-products').is(':visible')) {\r\n var _tabName = getUrlParameter('productCat');\r\n if (_tabName) {\r\n $('.tab-eshop-cat a').removeClass('on');\r\n $('.tab-eshop-cat #'+_tabName).addClass('on');\r\n\r\n var selItemPos = Math.floor($('.component-tab a.on').position().left * 0.9);\r\n\r\n $('.component-tab').animate({\r\n scrollLeft: selItemPos\r\n }, 500);\r\n }\r\n\r\n }\r\n}\r\n\r\nfunction customScrollbar(){\r\n $('.scrollbar-dynamic').scrollbar();\r\n}\r\n\r\nfunction formInputFocusFn() {\r\n\r\n if ($(\"form\").is(':visible')) {\r\n\r\n $('.comp-sel select').on('change', function() {\r\n $(this).parent().parent().addClass('on');\r\n });\r\n\r\n $('.module-reg-form input').focus(function() {\r\n $('.comp-sel').removeClass('on');\r\n });\r\n\r\n $(window).on('scroll', function() {\r\n $('.comp-sel').removeClass('on');\r\n });\r\n\r\n $('.group input').focusout(function() {\r\n var _valLgth = $(this).val().length;\r\n if (_valLgth > 0) {\r\n $(this).parent().addClass('on');\r\n } else {\r\n $(this).parent().removeClass('on');\r\n }\r\n });\r\n\r\n }\r\n}\r\n\r\nfunction readMoreFn() {\r\n var _toggleClass = 'on';\r\n if ($(\".module-toggle-read-more\").is(':visible')) {\r\n $(\".module-toggle-read-more\").each(function() {\r\n var _moduleHtt = $(this).find('.container').height();\r\n $(this).attr('data-module-ht', _moduleHtt);\r\n $(this).find('.container').css('height', _moduleHtt * 0.4);\r\n });\r\n $(\".module-toggle-read-more .btn-read-more\").click(function() {\r\n var $parent = $(this).parent().parent();\r\n var _moduleHt = $parent.attr('data-module-ht');\r\n $(this).toggleClass(_toggleClass);\r\n $parent.toggleClass(_toggleClass);\r\n if ($(this).hasClass(_toggleClass)) {\r\n $parent.find('.container').css('height', _moduleHt);\r\n } else {\r\n $parent.find('.container').css('height', _moduleHt * .3);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction fsItems() {\r\n\r\n if ($(\".module-fs-items\").is(':visible')) {\r\n $(\".module-fs-items ul\").slick({\r\n slidesToShow: 4,\r\n slidesToScroll: 4,\r\n dots: true,\r\n infinite: true,\r\n arrows: true,\r\n responsive: [{\r\n breakpoint: 768,\r\n settings: {\r\n slidesToShow: 2,\r\n slidesToScroll: 2,\r\n arrows: false\r\n }\r\n }]\r\n });\r\n }\r\n\r\n}\r\n\r\n\r\nfunction upcomingEvents() {\r\n\r\n if ($(\".module-upcoming-events\").is(':visible')) {\r\n $(\".module-upcoming-events ul\").slick({\r\n slidesToShow: 4,\r\n dots: false,\r\n infinite: true,\r\n arrows: true,\r\n variableWidth: true,\r\n responsive: [{\r\n breakpoint: 1024,\r\n settings: {\r\n slidesToShow: 3,\r\n arrows: false\r\n }\r\n }, {\r\n breakpoint: 768,\r\n settings: {\r\n slidesToShow: 1,\r\n arrows: false,\r\n variableWidth: true\r\n }\r\n }]\r\n });\r\n }\r\n\r\n}\r\nfunction sectionIntro() {\r\n if ($(\".module-intro\").is(':visible')) {\r\n $('.module-intro').each(function () {\r\n var _displayCounter, _displayArrow;\r\n\r\n var _slides = $(this).find(\".inner-wrapper>ul>li\");\r\n\r\n if ($(_slides).length <= 3) {\r\n _displayCounter = 3;\r\n //_displayArrow = false;\r\n $(this).find('.slide-progress-bar').hide();\r\n } else {\r\n _displayCounter = 4;\r\n //_displayArrow = true;\r\n $(this).find('.slide-progress-bar').show();\r\n }\r\n\r\n\r\n $(this).addClass('items-' + _displayCounter);\r\n $(this).attr('data-item-count',$(_slides).length);\r\n var _slideLgth = $(_slides).length;\r\n\r\n if (_slideLgth < 4) {\r\n $(this).addClass('static');\r\n \r\n }\r\n\r\n $(this).find('.slide-progress-bar span').css('width', $(this).find('.slide-progress-bar').outerWidth() / _slideLgth);\r\n $(this).find('.inner-wrapper>ul').slick({\r\n slidesToShow: _displayCounter,\r\n arrows: true,\r\n infinite: false,\r\n responsive: [{\r\n breakpoint: 860,\r\n settings: {\r\n slidesToShow: 3,\r\n dots: false,\r\n infinite: false,\r\n arrows: true,\r\n variableWidth: true\r\n }\r\n }, {\r\n breakpoint: 768,\r\n settings: {\r\n slidesToShow: 1,\r\n dots: false,\r\n infinite: false,\r\n arrows: true,\r\n variableWidth: true\r\n }\r\n }]\r\n });\r\n $(this).find('.inner-wrapper>ul').on('beforeChange', function (event, slick, currentSlide, nextSlide) {\r\n var _widRange = $(this).parent().find('.slide-progress-bar').outerWidth() / slick.slideCount;\r\n\r\n $(this).parent().find('.slide-progress-bar span').css('width', (nextSlide + 1) * _widRange);\r\n });\r\n });\r\n\r\n // $(window).on('resize',function(){\r\n // if($(this).width()>900){\r\n // var $slider = $('.module-intro');\r\n //\r\n // $slider.each(function(){\r\n // var _slideLgth = $(this).attr('data-item-count');\r\n //\r\n // console.log(_slideLgth);\r\n // if (_slideLgth < 4) {\r\n // }\r\n //\r\n // });\r\n //\r\n // };\r\n // });\r\n\r\n }\r\n}\r\n\r\n\r\n\r\n//comment below function as use PRD one instead\r\n// function sectionIntro() {\r\n\r\n// if (!$('body').hasClass('isDesktop')) {\r\n\r\n// console.log($('body').hasClass('isDesktop'));\r\n\r\n// if ($(\".module-intro\").is(':visible')) {\r\n\r\n// $('.module-intro').each(function(){\r\n// var _displayCounter,\r\n// _displayArrow;\r\n// var _slides = $(this).find(\".inner-wrapper>ul>li\");\r\n\r\n// if ($(_slides).length <= 3) {\r\n// _displayCounter = 3;\r\n// _displayArrow = false;\r\n// } else {\r\n// _displayCounter = 4;\r\n// _displayArrow = true;\r\n// }\r\n\r\n// //console.log(_displayCounter, _displayArrow);\r\n\r\n// $(this).addClass('items-' + _displayCounter);\r\n\r\n// var _slideLgth = $(_slides).length;\r\n\r\n// if (_slideLgth < 4) {\r\n// $(this).addClass('static');\r\n// $(this).find('.slide-progress-bar').css('display', 'none');\r\n// }\r\n// /* Slider settings */\r\n// var settings = {\r\n// slidesToShow: _displayCounter,\r\n// arrows: _displayArrow,\r\n// responsive: [{\r\n// breakpoint: 1024,\r\n// settings: {\r\n// slidesToShow: 1,\r\n// slidesToScroll: 1,\r\n// dots: false,\r\n// infinite: false,\r\n// arrows: true,\r\n// variableWidth: true\r\n// }\r\n// }, {\r\n// breakpoint: 768,\r\n// settings: {\r\n// slidesToShow: 1,\r\n// slidesToScroll: 1,\r\n// dots: false,\r\n// infinite: false,\r\n// arrows: true,\r\n// variableWidth: true\r\n// }\r\n// }]\r\n// }\r\n\r\n\r\n// $(this).find('.slide-progress-bar span').css('width', $(this).find('.slide-progress-bar').outerWidth() / _slideLgth);\r\n\r\n// $(this).find('.inner-wrapper>ul').slick(settings);\r\n\r\n// $(this).find('.inner-wrapper>ul').on('beforeChange', function(event, slick, currentSlide, nextSlide) {\r\n// var _widRange = $(this).parent().find('.slide-progress-bar').outerWidth() / slick.slideCount;\r\n// $(this).parent().find('.slide-progress-bar span').css('width', (nextSlide + 1) * _widRange);\r\n// });\r\n// });\r\n\r\n// }\r\n// }\r\n\r\n// }\r\n\r\nfunction pgBtmShortcut() {\r\n if ($('.toolWrapper').is(':visible')) {\r\n $(\".toolWrapper\").slick({\r\n slidesToShow: 3,\r\n arrows: false,\r\n responsive: [{\r\n breakpoint: 768,\r\n settings: {\r\n slidesToShow: 1,\r\n dots: true,\r\n infinite: true\r\n }\r\n }]\r\n });\r\n }\r\n}\r\n\r\nfunction otherSportShortcut() {\r\n if ($('.sportsList').is(':visible')) {\r\n $(\".sportsList\").slick({\r\n slidesToShow: 4,\r\n arrows: true,\r\n infinite: true,\r\n responsive: [{\r\n breakpoint: 768,\r\n settings: {\r\n slidesToShow: 3\r\n\r\n }\r\n }]\r\n });\r\n }\r\n}\r\n\r\n//component: tab\r\n// function tabFn() {\r\n// if ($('.component-tab nav').is(':visible')) {\r\n//\r\n// //Tab status: Static Links\r\n//\r\n// if ($(window).width() < 1119) {\r\n// $('.component-tab nav').each(function() {\r\n// var liItems = $(this);\r\n// var Sum = 0;\r\n// if (liItems.find('a').length >= 1) {\r\n// $(this).find('a').each(function(i, e) {\r\n// Sum += $(e).outerWidth();\r\n// });\r\n//\r\n// if (liItems.find('a').length <= 5) {\r\n// // Sum = Sum*1.4;\r\n// Sum = Sum + 10;\r\n// $(this).addClass('short');\r\n// } else {\r\n// $(this).addClass('long');\r\n// }\r\n// $(this).css('width', Sum);\r\n// }\r\n// })\r\n//\r\n// var selItemPos = Math.floor($('.component-tab a.on').position().left * 0.9);\r\n//\r\n// $('.component-tab').animate({\r\n// scrollLeft: selItemPos\r\n// }, 500);\r\n// }\r\n//\r\n// $('[data-tab-content].on').show();\r\n//\r\n// //Tab status: Targeted ID\r\n// $('[data-item-tab]').click(function() {\r\n// var _targetId = $(this).data('item-tab');\r\n//\r\n// $('[data-item-tab]').removeClass('on');\r\n// $(this).addClass('on');\r\n// $('[data-tab-content]').hide();\r\n// $('[data-tab-content=' + _targetId + ']').fadeIn();\r\n// });\r\n//\r\n// }\r\n// }\r\n\r\nfunction tabFnUpdate() {\r\n if ($('.component-tab').not('.tab-eshop-cat').find('.nav').is(':visible')) {\r\n\r\n //Tab status: Static Links\r\n var selItemPos = Math.floor($('.component-tab a.on').position().left * 0.9);\r\n\r\n $('.component-tab').animate({\r\n scrollLeft: selItemPos\r\n }, 500);\r\n\r\n $('[data-tab-content].on').show();\r\n\r\n //Tab status: Targeted ID\r\n $('[data-item-tab]').click(function() {\r\n var _targetId = $(this).data('item-tab');\r\n\r\n $('[data-item-tab]').removeClass('on');\r\n $(this).addClass('on');\r\n $('[data-tab-content]').hide();\r\n $('[data-tab-content=' + _targetId + ']').fadeIn();\r\n });\r\n\r\n }\r\n}\r\n\r\n//Expand items\r\nfunction expanditemFun() {\r\n if ($('.expandItem').is(':visible')) {\r\n\r\n $('.expandItem').each(function() {\r\n $(this).click('bind', function() {\r\n if ($(this).hasClass('active')) {\r\n $(this).removeClass('active');\r\n $(this).find('.expandDetail').slideUp(500);\r\n } else {\r\n $(this).addClass('active');\r\n $(this).find('.expandDetail').slideDown(500);\r\n }\r\n\r\n })\r\n })\r\n }\r\n}\r\n\r\n//Gallery item\r\nfunction galleryItem() {\r\n if ($('.galleryWrapper').is(':visible')) {\r\n\r\n var totalNumber;\r\n var currentNum;\r\n var slideLimit = 5;\r\n\r\n $(\".galleryWrapper\").on(\"init\", function(event, slick) {\r\n //console.log(slick.slideCount);\r\n //console.log(slick.currentSlide+1);\r\n totalNumber = slick.slideCount;\r\n currentNum = slick.currentSlide + 1;\r\n\r\n\r\n });\r\n // $(window).on('resize', function() {\r\n // \t$('.galleryWrapper .slick-track').height('auto');\r\n // \t$('.galleryWrapper .slick-slide').height('auto');\r\n // \tconsole.log($('.galleryWrapper .slick-track').height())\r\n // \t$('.galleryWrapper .slick-slide').height($('.galleryWrapper .slick-track').height())\r\n // }).trigger('resize');\r\n\r\n $(\".galleryWrapper\").slick({\r\n slidesToShow: 1,\r\n arrows: true,\r\n dots: true,\r\n infinite: true,\r\n autoplay: true,\r\n autoplaySpeed: 3000\r\n });\r\n\r\n\r\n\r\n //galleryWrapper\r\n if (totalNumber > slideLimit) {\r\n $('.galleryWrapper .slick-dots').addClass('hidden');\r\n var numberCountArea = $('', {\r\n 'class': 'numberCountArea'\r\n });\r\n $('.galleryWrapper').append(numberCountArea);\r\n $(numberCountArea).text(currentNum + '/' + totalNumber);\r\n\r\n $(\".galleryWrapper\").on(\"afterChange\", function(event, slick, currentSlide) {\r\n //console.log(currentSlide+1);\r\n currentNum = currentSlide + 1;\r\n $(numberCountArea).text(currentNum + '/' + slick.slideCount);\r\n });\r\n } else {\r\n $('.galleryWrapper .slick-arrow').addClass('hidden');\r\n }\r\n\r\n\r\n\r\n }\r\n\r\n if ($('.module-list-thumb').is(':visible')) {\r\n $('.module-list-thumb .list-thumb .thumb').each(function(){\r\n var _bgImgSrc = $(this).find('img').attr('src');\r\n $(this).css('background-image','url('+_bgImgSrc+')');\r\n });\r\n }\r\n\r\n}\r\n\r\nfunction filterSelect() {\r\n\r\n if ($('.box-filtering #year').length > 0) {\r\n var currectFilter = getUrlParameter('year');\r\n if (currectFilter) {\r\n $('.box-filtering #year option[id=' + currectFilter + ']').prop(\"selected\", true);\r\n }\r\n\r\n $('.box-filtering #year').bind('change', function() {\r\n window.location = $(this).val();\r\n })\r\n }\r\n\r\n if ($('.box-filtering #type').length > 0) {\r\n var currectFilterType = getUrlParameter('type');\r\n var curSportType = getUrlParameter('sports');\r\n\r\n if (currectFilterType) {\r\n $('.box-filtering #type option[id=' + currectFilterType + ']').prop(\"selected\", true);\r\n if (currectFilterType=='Sports') {\r\n $('.event-top-bar').addClass('displayChild');\r\n if(curSportType){\r\n $('.box-filtering #sportsTag option[id=' + curSportType + ']').prop(\"selected\", true);\r\n };\r\n }\r\n }\r\n\r\n $('.box-filtering #type, .box-filtering #sportsTag').bind('change', function() {\r\n window.location = $(this).val();\r\n })\r\n }\r\n\r\n}\r\n\r\nfunction getUrlParameter(name) {\r\n name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]');\r\n var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)');\r\n var results = regex.exec(location.href);\r\n return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\r\n};\r\n\r\n// function GetParam(name) {\r\n// var start = location.search.indexOf(\"?\" + name + \"=\");\r\n// if (start < 0) start = location.search.indexOf(\"&\" + name + \"=\");\r\n// if (start < 0) return '';\r\n// start += name.length + 2;\r\n// var end = location.search.indexOf(\"&\", start) - 1;\r\n// if (end < 0) end = location.search.length;\r\n// var result = location.search.substring(start, end);\r\n// var result = '';\r\n// for (var i = start; i <= end; i++) {\r\n// var c = location.search.charAt(i);\r\n// result = result + (c == '+' ? ' ' : c);\r\n// }\r\n// //alert(unescape(result));\r\n// return unescape(result);\r\n// }\r\n\r\nfunction checkArchor() {\r\n var currectFilter = getUrlParameter('link');\r\n\r\n if (currectFilter) {\r\n\r\n $('html, body').animate(\r\n {\r\n scrollTop: $(\"#\"+currectFilter).offset().top - 150,\r\n },\r\n 500,\r\n 'linear'\r\n )\r\n }\r\n}\r\nfunction genTableWrapper() {\r\n if ($('.facilitiesContent table').length > 0) {\r\n $('.facilitiesContent table').each(function(i) {\r\n $(this).wrap( \"\" );\r\n })\r\n }\r\n if ($('.facilitiesFullContent table').length > 0) {\r\n $('.facilitiesFullContent table').each(function(i) {\r\n $(this).wrap( \"\" );\r\n })\r\n }\r\n}\r\n\r\nfunction checkMobile()\r\n{\r\n\tvar winWidth = 0;\r\n winWidth = window.outerWidth;\r\n\r\n\r\n\tvar pda_user_agent_list = new Array(\"2.0 MMP\", \"240320\", \"AvantGo\",\"BlackBerry\", \"Blazer\",\r\n\t\t\t\"Cellphone\", \"Danger\", \"DoCoMo\", \"Elaine/3.0\", \"EudoraWeb\", \"hiptop\", \"IEMobile\", \"KYOCERA/WX310K\", \"LG/U990\",\r\n\t\t\t\"MIDP-2.0\", \"MMEF20\", \"MOT-V\", \"NetFront\", \"Newt\", \"Nintendo Wii\", \"Nitro\", \"Nokia\",\r\n\t\t\t\"Opera Mini\", \"Opera Mobi\",\r\n\t\t\t\"Palm\", \"Playstation Portable\", \"portalmmm\", \"Proxinet\", \"ProxiNet\",\r\n\t\t\t\"SHARP-TQ-GX10\", \"Small\", \"SonyEricsson\", \"Symbian OS\", \"SymbianOS\", \"TS21i-10\", \"UP.Browser\", \"UP.Link\",\r\n\t\t\t\"Windows CE\", \"WinWAP\", \"Android\", \"iPhone\", \"iPod\", /*\"iPad\",*/ \"Windows Phone\", \"HTC\"/*, \"GTB\", \"Tablet PC\"*/);\r\n\tvar pda_app_name_list = new Array(\"Microsoft Pocket Internet Explorer\");\r\n\r\n\tvar user_agent = navigator.userAgent.toString();\r\n\tfor (var i=0; i