(function($){ $('body .step2-carousel-personalised .ui-slider-label').removeClass('ui-slider-label').addClass('proxy-label'); //MOBILE BENEFIT ACTION CLICK if($(window).outerWidth(true) <= 768) { $("#control ul li").on("click",function(e) { $("style[data-name='benefits'],style[data-name='home-hash'],style[data-name='dashboard'],style[data-name='plans-page']").remove(); if($(this).find(".control-desc").hasClass("open")) { $(this).find(".control-desc").removeClass("open").stop(true, true).slideUp(100,function(){ $("body").prepend(""); }); return false; } $("#control ul li").find(".control-desc").stop(true, true).slideUp(100); $("#control ul li").find(".control-desc.open").removeClass("open"); if(!$(this).find(".control-desc").hasClass("open")) { $(this).find(".control-desc").stop(true, true).slideDown(100,function(){ setTimeout(function(){ $("body").prepend(""); },200) }).addClass("open"); } return false; }); } $(window).on("resize",function(){ if($(window).outerWidth(true) <= 768) { $("#control ul li").on("click",function(e) { //if($(this).find(".control-desc").hasClass("open")) { return; } $("style[data-name='benefits'],style[data-name='home-hash'],style[data-name='dashboard'],style[data-name='plans-page']").remove(); $("#control ul li").find(".control-desc").stop(true, true).slideUp(100); $("#control ul li").find(".control-desc.open").removeClass("open"); if(!$(this).find(".control-desc").hasClass("open")) { $(this).find(".control-desc").stop(true, true).slideDown(100,function(){ setTimeout(function(){ $("body").prepend(""); },200); }).addClass("open"); } return false; }); } }); //MOBILE SWIPE EVENT var old_tab_link = $("section#plans-tabs .tab-container ul.tab-links").clone(); $.fn.swiperNoSwiping = function(opts){ var old_tab_contents = ""; var divPoints = []; divPoints[1] = "div#banner"; divPoints[2] = "section#plans-tabs"; divPoints[3] = "section#control"; divPoints[4] = "section#buy-sim"; var defaults = { max_window_width : 768, // in pixels current_page : $("#mobile_current_page") }; $.fn.extend(defaults,opts); var self = $(this); var curr_window_width = $(window).outerWidth(true); var half = parseInt(curr_window_width / 3); self.NextPage = null; self.ActivePage = null; self.PrevPage = null; self.numberPage = 1; self.get_current_page = function(){ return defaults.current_page.val(); } self.set_current_page = function(val){ return defaults.current_page.val(val); } self.generateNextPage = function(current,direction,custom,i){ //$("section#plans-tabs").css({ 'left' : $(window).outerWidth(true) }); if(!custom) { for(var i = 1; i <= divPoints.length; i++) { if(current == divPoints[i]) { if(direction == "forward") { $(divPoints[i+1]).css({ 'left' : $(window).outerWidth(true) }); //$("footer#contact-us").css({ 'top' : $(divPoints[i+1]).height() + 150}); self.NextPage = divPoints[i+1]; self.ActivePage = current; }else if(direction == "backward"){ $(divPoints[i-1]).css({ 'left' : $(window).outerWidth(true) }); //$("footer#contact-us").css({ 'top' : $(divPoints[i-1]).height() + 150}); self.PrevPage = divPoints[i-1]; self.NextPage = divPoints[i+1]; self.ActivePage = current; } self.numberPage = i; } // }else{ // $(divPoints[i]).hide(); // } } }else{ if(direction == "forward") { $(current).css({ 'left' : $(window).outerWidth(true), 'top' : 150 }).show(); //$("footer#contact-us").css({ 'top' : $(divPoints[i+1]).height() + 150}); self.NextPage = divPoints[i+1]; self.ActivePage = divPoints[i]; }else if(direction == "backward"){ $(current).css({ 'left' : $(window).outerWidth(true) }); //$("footer#contact-us").css({ 'top' : $(divPoints[i-1]).height() + 150}); self.PrevPage = divPoints[i-1]; self.NextPage = divPoints[i+1]; self.ActivePage = current; } self.numberPage = i; } } self.checkWindowWidth = function(){ if($(window).outerWidth(true) <= defaults.max_window_width) { //alert($(window).outerWidth(true)); return true; }else{ return false; } } self.doSwipeEvent = function(){ // perform swipe event using touchswipe //$("body").swipe({ $(window).swipe({ //$(self.get_current_page()).swipe({ swipeStatus:function(event, phase, direction, distance, duration, fingers, fingerData, currentDirection) { $("body").css({ 'overflow-x' : 'hidden' }); $("div#banner,section#plans-tabs,section#control,section#buy-sim").css('position','absolute'); if(distance > 10) { if(!self.haltSwipe(direction,currentDirection,phase)) { self.setNextActivePage(phase,direction,currentDirection,distance); self.swipingForwardLeft(phase,direction,currentDirection,distance); self.swipingBackwardRight(phase,direction,currentDirection,distance); self.doneSwiping(phase,distance,direction,currentDirection); } } }, hold : function(event,target){ return false; }, threshold: 50, triggerOnTouchEnd:true, triggerOnTouchLeave:true, allowPageScroll:"vertical" }); } self.doneSwiping = function(phase,distance,currentDirection){ if(phase == "end") { $("body").css({ 'overflow-x' : 'hidden' }); if(distance < half) { self.doneSwipingForwardLeftLessHalf(currentDirection); self.doneSwipingBackwardRightLessHalf(currentDirection); }else{ self.doneSwipingForwardLeftFull(currentDirection,phase); self.doneSwipingBackwardRightFull(currentDirection,phase); } } } self.plansTabHandler = function(fromdesktop){ var lis = $("section#plans-tabs .tab-container ul.tab-links li").detach(); var top_image = $("section#plans-tabs .top-left-image").detach(); var bottom_image = $("section#plans-tabs .bottom-right-image").detach(); var plan_link = $("section#plans-tabs .plan-link").detach(); if(lis != undefined) { if(lis[0] != undefined && lis[0].textContent.trim() == "Mobile Broadband") { var newlis = new Array(); for(var i = (lis.length - 1); i >= 0; i --){ if($(lis[i]).find("hr").length === 0) { $("
").insertAfter($(lis[i]).find("a:first-child")); } newlis.push(lis[i]) } newlis = $.unique(newlis); $("section#plans-tabs .tab-container ul.tab-links").prepend(newlis); if($(window).outerWidth(true) <= defaults.max_window_width) { $("section#plans-tabs ul.tab-links li.active").append(top_image.prop("outerHTML")); var targ = $("ul.tab-links").find("li.active a").attr("data-target"); $("ul.tab-links").find("li.active").append($("section#plans-tabs").find(targ).detach()); $("ul.tab-links").find("li.active").append(bottom_image.prop("outerHTML")); } }else{ var newlis = new Array(); $("hr").remove(); for(var i = 0; i < lis.length; i++){ if($(lis[i]).find("hr").length === 0) { $("
").insertAfter($(lis[i]).find("a:first-child")); } newlis.push(lis[i]) } newlis = $.unique(newlis); $("section#plans-tabs .tab-container ul.tab-links").prepend(newlis); // if($(window).outerWidth(true) <= 768) // { // $("section#plans-tabs ul.tab-links li.active").append(top_image.prop("outerHTML")); // var targ = $("ul.tab-links").find("li.active a").attr("data-target"); // $("ul.tab-links").find("li.active").append($("section#plans-tabs").find(targ).detach()); // $("ul.tab-links").find("li.active").append(bottom_image.prop("outerHTML")); // } } $(plan_link).insertAfter("section#plans-tabs ul.tab-links"); if($("section#plans-tabs").css("display") == "block") { $("footer#contact-us").css({ 'top' : $("header#homepage").outerHeight(true) + $("#plans-tabs").outerHeight(true) }); } } } self.doneSwipingForwardLeftFull = function(currentDirection,phase){ $("header#homepage").css({ 'position' : 'fixed', 'width' : $(window).outerWidth(true) }); if((currentDirection == "left") && phase == "end") { $("body").css({ 'overflow-x' : 'hidden' }); if(self.ActivePage == "div#banner") { $(self.ActivePage).css({ 'left' : - $(window).outerWidth(true) }).show(); }else{ $(self.ActivePage).css({ 'left' : - $(window).outerWidth(true) }).hide(); } $(self.NextPage).show().css({ 'top' : $("header#homepage #logo-nav").height(), 'left' : 0 }); $("style[data-name='benefits'],style[data-name='home-hash'],style[data-name='dashboard'],style[data-name='plans-page']").remove(); if(self.NextPage == "section#plans-tabs") { $("body").addClass("plans-tabs-active"); self.plansTabHandler(); }else{ $("body").removeClass("plans-tabs-active"); $("footer#contact-us").css({ 'top' : $(self.NextPage).outerHeight(true) + $("header#homepage #logo-nav").outerHeight(true) }); } var index = self.numberPage+1; $("#mobile-nav-contact.mobile-nav-black.homepage ul li a").removeClass("active"); $("#mobile-nav-contact.mobile-nav-black.homepage ul li:nth-child(" + index + ") a").addClass("active"); self.scrollTop(); self.set_current_page(self.NextPage); self.generateNextPage(self.NextPage,"forward"); self.doSwipeEvent(); } return false; } self.scrollTop = function(){ $("html,body").animate({ 'scrollTop' : 0 },'fast'); } self.doneSwipingBackwardRightFull = function(currentDirection,phase){ if((currentDirection == "right") && phase == "end") { $("body").css({ 'overflow-x' : 'hidden' }); $("header#homepage").css({ 'position' : 'fixed', 'width' : $(window).outerWidth(true) }); self.generateNextPage(self.ActivePage,"backward"); var header_height = $("header#homepage #logo-nav").height() + 150; if(self.PrevPage == "div#banner") { $(self.ActivePage).css({ 'top' : $("header#homepage #logo-nav").outerHeight(true), 'left' : - $(window).outerWidth(true) + "px" }).hide(); }else{ $(self.ActivePage).css({ 'top' : header_height, 'left' : - $(window).outerWidth(true) + "px" }).hide(); } $(self.PrevPage).css({ 'top' : $("header#homepage #logo-nav").height(), 'left' : 0 }).show(); $("style[data-name='benefits'],style[data-name='home-hash'],style[data-name='dashboard'],style[data-name='plans-page']").remove(); if(self.PrevPage == "section#plans-tabs") { $("body").addClass("plans-tabs-active"); self.plansTabHandler(); }else{ $("body").removeClass("plans-tabs-active"); $("footer#contact-us").css({ 'top' : $(self.PrevPage).outerHeight(true) + $("header#homepage #logo-nav").outerHeight(true) }); } if(self.PrevPage == "div#banner") { $("div#banner").css({ 'top' : $("header#homepage #logo-nav").outerHeight(true) }) $("footer#contact-us").css({ 'top' : $("div#banner").outerHeight(true) + $("header#homepage #logo-nav").outerHeight(true)}); $("div#banner").css({ 'height' : $("div#banner .vertical-align-wrap").outerHeight(true) }); } var index = self.numberPage-1; $("#mobile-nav-contact.mobile-nav-black.homepage ul li a").removeClass("active"); $("#mobile-nav-contact.mobile-nav-black.homepage ul li:nth-child(" + index + ") a").addClass("active"); self.scrollTop(); self.generateNextPage(self.PrevPage,"backward"); self.set_current_page(self.ActivePage); } return false; } self.doneSwipingForwardLeftLessHalf = function(currentDirection){ //forward if((currentDirection == "left")) { $("style[data-name='benefits'],style[data-name='home-hash'],style[data-name='dashboard'],style[data-name='plans-page']").remove(); $("body").css({ 'overflow-x' : 'hidden' }); $(self.NextPage).css({ 'top' : $("header#homepage #logo-nav").outerHeight(true) + 150 + "px", 'left' : $(window).outerWidth(true) + "px" }).hide(); $(self.ActivePage).css({ 'left' : 0 }); } return false; } self.doneSwipingBackwardRightLessHalf = function(currentDirection){ //forward if((currentDirection == "right")) { $("style[data-name='benefits'],style[data-name='home-hash'],style[data-name='dashboard'],style[data-name='plans-page']").remove(); $("body").css({ 'overflow-x' : 'hidden' }); //backward self.generateNextPage(self.ActivePage,"backward"); var header_height = $("header#homepage #logo-nav").height() + 150; if(self.PrevPage == "div#banner") { $(self.PrevPage).css({ 'top' : $("header#homepage #logo-nav").outerHeight(true), 'left' : - $(window).outerWidth(true) + "px" }).hide(); }else{ $(self.PrevPage).css({ 'top' : header_height, 'left' : - $(window).outerWidth(true) + "px" }).hide(); } $(self.ActivePage).show().css({ 'left' : 0 + "px" }); } return false; } self.swipingForwardLeft = function(phase,direction,currentDirection,distance){ if(phase == "move" && (direction == "left")) { $("style[data-name='benefits'],style[data-name='home-hash'],style[data-name='dashboard'],style[data-name='plans-page']").remove(); if(window.location.hash != "") { $("div#banner").hide(); $(self.ActivePage).css({'top' : $("header#homepage #logo-nav").height()}).show(); } $("body").css({ 'overflow-x' : 'hidden' }); $(self.NextPage).show().css({ 'top' : $("header#homepage #logo-nav").height(), 'left' : $(window).outerWidth(true) - distance + "px" }); $(self.ActivePage).css({ 'left' : 0 - distance + "px" }); }else{ $(self.NextPage).hide().css({ 'top' : $("header#homepage #logo-nav").outerHeight(true) + 150 + "px", 'left' : $(window).outerWidth(true) }); $(self.ActivePage).css({ 'left' : 0 }); } } self.swipingBackwardRight = function(phase,direction,currentDirection,distance){ if(phase == "move" && (direction == "right")) { $("style[data-name='benefits'],style[data-name='home-hash'],style[data-name='dashboard'],style[data-name='plans-page']").remove(); if(window.location.hash != "") { $("div#banner").hide(); $(self.ActivePage).show(); } $("body").css({ 'overflow-x' : 'hidden' }); self.generateNextPage(self.ActivePage,"backward"); var header_height = $("header#homepage #logo-nav").height() + 150; if(self.PrevPage == "div#banner") { $(self.PrevPage).show().css({ 'top' : $("header#homepage #logo-nav").outerHeight(true), 'left' : - ($(window).outerWidth(true) - distance) + "px" }); }else{ $(self.PrevPage).show().css({ 'top' : $("header#homepage #logo-nav").height(), 'left' : - ($(window).outerWidth(true) - distance) + "px" }); } $(self.ActivePage).show().css({ 'left' : 0 + distance + "px" }); }else{ if(self.PrevPage == "div#banner") { $(self.PrevPage).hide().css({ 'top' : $("header#homepage #logo-nav").outerHeight(true), 'left' : - $(window).outerWidth(true) }); }else{ $(self.PrevPage).hide().css({ 'top' : header_height, 'left' : - ($(window).outerWidth(true) - distance) + "px" }); } } } self.resizeEvent = function(){ var init_width = $(window).outerWidth(true); // $(window).on("orientationchange",function(e){ // alert("zxc") // //$("div#banner").css({ 'height' : 'initial' }); // //$("header#homepage,header.contact-us-page,header.page-banner").css({ 'position' : 'fixed', 'width' : $(window).outerWidth(true) }); // if(Modernizr.touch) { // if($(window).outerWidth() > 768) //768 // { // location.reload(); // //alert("dapat may reload"); // }else{ // self.doResize(); // //alert("dapat resize lan"); // } // e.preventDefault(); // }else{ // self.doResize(); // } // }); window.addEventListener("orientationchange", function(e) { // Announce the new orientation number //$("div#banner").css({ 'height' : 'initial' }); $("header#homepage,header.contact-us-page,header.page-banner").css({ 'position' : 'fixed', 'width' : $(window).outerWidth(true) }); if(Modernizr.touch) { if(screen.width > 768) //768 { if(typeof $("input#homepage").val() !== "undefined") { var ajaxLoader = '
'; $("body").empty(); $("body").html($(ajaxLoader).show()); setTimeout(function(){ window.location.reload(); },1000); e.preventDefault(); } if(typeof $("input#swipePlans").val() !== "undefined") { var ajaxLoader = '
'; if (Math.abs(window.orientation) === 90) { // Landscape if(typeof $("input#urlDir").val() !== "undefined") { var uDir = $("input#urlDir").val(); setTimeout(function(){ window.location.href = uDir + "home/personalised"; },1000); $("body").empty(); $("body").html($(ajaxLoader).show()); } } e.preventDefault(); } }else{ if(typeof $("input#homepage").val() === "undefined") { var ajaxLoader = '
'; if (Math.abs(window.orientation) !== 90) { // Portrait if(typeof $("input#urlDir").val() !== "undefined") { var uDir = $("input#urlDir").val(); setTimeout(function(){ window.location.href = uDir + "home/swipePlans"; },1000); $("body").empty(); $("body").html($(ajaxLoader).show()); //e.preventDefault(); } } } } setTimeout(function(){ self.doResize(); },500) } }); $(window).on("resize",function(e){ //$("div#banner").css({ 'height' : 'initial' }); $("header#homepage,header.contact-us-page,header.page-banner").css({ 'position' : 'fixed', 'width' : $(window).outerWidth(true) }); if(Modernizr.touch) { e.preventDefault(); }else{ self.doResize(); } }); // $(window).on("resize orientationchange",function(event){ // //curr_window_width = $(window).outerWidth(true); // if(Modernizr.touch) // { // self.doResize(); // if($(window).outerWidth(true) > 768) //768 // { // location.reload(); // } // } // },5); } self.plansPage = function(toMobile){ if(toMobile) { var personalised = $("section#pricing #personalised.personalised-page").detach(); $("ul.pricing-nav li.personalised-tab").append(personalised); var payg = $("section#pricing div#pay-as-you-go").detach(); $("ul.pricing-nav li.payg-tab").append(payg); var unli = $("section#pricing div#unlimited").detach(); $("ul.pricing-nav li.unlimited-tab").append(unli); }else{ // from mobile back to desktop var personalised = $("section#pricing #personalised.personalised-page").detach(); personalised.insertAfter("section#pricing div.pricing-tabs"); var payg = $("section#pricing div#pay-as-you-go").detach(); $("ul.pricing-nav li.payg-tab").append(payg); payg.insertAfter("section#pricing div.pricing-tabs"); var unli = $("section#pricing div#unlimited").detach(); $("ul.pricing-nav li.unlimited-tab").append(unli); unli.insertAfter("section#pricing div.pricing-tabs"); } } self.processOtherPages= function(){ setTimeout(function(){ $("section.plans").css({ 'top' : 150 }); $("section#pricing").css({ 'top' : 150 + $("section.plans").outerHeight(true) }); $("section#banner_pages").css({ 'top' : 150 }) $("section#banner_activate").css({ 'top' : 150 }); $("section.content").css({ 'top' : $("section#banner_activate,section#banner_pages,section#page-banner").outerHeight(true) + 150 }); $("#banner-contact-us").css({ 'top' : 150 }) $("section#contact-page").css({ 'top' : $("#banner-contact-us").outerHeight(true) + 150 }) //footer padding $("footer.footer-pages").css({ 'top' : $("section#banner_activate,section.plans").outerHeight(true) + 150 + $("section.content,section#pricing").outerHeight(true) }); if(window.location.hash == "#unlimited") { $("footer.footer-pages").css({ 'top' : $("section.plans").outerHeight(true) + 170 + $("section#pricing div#unlimited.tab-contenttt").outerHeight(true) }); } //footer padding $("footer#contact-page-single,footer#contact-us").css({ 'top' : $("#banner-contact-us,section#banner_pages.banner_unli.plans.ty,section#banner_pages.banner_unli.plans,div#banner").outerHeight(true) + 150 + $("section#contact-page").outerHeight(true) }); },100); } self.doResize = function(){ $("html,body").scrollTop(0); //$("div#banner").css({ 'height' : 'initial' }); $("header#homepage,header.contact-us-page,header.page-banner").css({ 'z-index':'99999','position' : 'fixed', 'width' : $(window).outerWidth(true) }); //alert($(window).outerWidth(true)); if($(window).outerWidth(true) != curr_window_width) { //alert($(window).outerWidth(true)); //alert("resize!"); $(window).swipe("enable"); //$("body").css({ 'overflow-x' : 'hidden' }); if($(window).outerWidth(true) != curr_window_width) { self.resetMarkUp(true); half = parseInt($(window).outerWidth(true) / 3); if(self.checkWindowWidth()) { $("section#plans-tabs").css({ 'left' : $(window).outerWidth(true) }); $("footer#contact-us").css({ 'top' : $("div#banner").outerHeight(true) + 150}); $("div#banner").css({ 'top' : 149 }); self.processOtherPages(); //self.plansPage(true); self.plansTabHandler(true); self.linkAction(); // var personalised = $("#personalised.personalised-page").detach(); // $("ul.pricing-nav li.personalised-tab").append(personalised); var build_plan_prepaid = $("#build-plan-prepaid").parent().detach(); var build_plan_postpaid = $("#build-plan-postpaid").parent().detach(); $(".billing-type-wrapper.prepaid").parent().append(build_plan_prepaid); $(".billing-type-wrapper.postpaid").parent().append(build_plan_postpaid); self.generateNextPage("div#banner","forward"); self.doSwipeEvent(); }else{ $("section#plans-tabs .top-left-image").detach().insertBefore("ul.tab-links"); $(".tab-container").append($("section#plans-tabs .bottom-right-image").detach()); var todesktop = new Array(); $("ul.tab-links li").each(function(i,v){ todesktop.push($(this).find(".tab-content").detach()); }); $.each(todesktop,function(i,v){ $("section#plans-tabs .tab-container").append($(this).prop('outerHTML')); }); $(".tab-container").append($("ul.tab-links li .tab-content").detach().prop('outerHTML')); var desktop_link = new Array(); var lis = $("section#plans-tabs .tab-container ul.tab-links li").detach(); for(var i = (lis.length-1); i >= 0; i--) { desktop_link.push(lis[i]); } $("section#plans-tabs ul.tab-links").append(desktop_link); $("#personalised").addClass("active"); $($("section#plans-tabs .plan-link").detach()).insertAfter(".tab-container"); // var personalised = $("#personalised.personalised-page").detach(); // $(personalised).insertAfter(".pricing-tabs"); var build_plan_prepaid = $("#build-plan-prepaid").parent().detach(); var build_plan_postpaid = $("#build-plan-postpaid").parent().detach(); build_plan_prepaid.insertAfter("div#monthly"); build_plan_postpaid.insertAfter("div#build-plan-prepaid-wrap"); self.resetMarkUp(false); $("header#homepage").css({ 'width' : '100%', 'z-index' : 99999 }); $("div#banner,section#plans-tabs,section#control,section#buy-sim").css({ 'position':'relative', 'top':'initial', 'left':'initial', //'z-index':'99999' }); for(var i = 1; i < divPoints.length; i++) { $(divPoints[i]).show(); } //self.plansPage(false); $(window).swipe("disable"); } } }else{ if($(window).outerWidth(true) <= defaults.max_window_width) { $(window).swipe("enable"); self.resetMarkUp(true); half = parseInt($(window).outerWidth(true) / 3); $("section#plans-tabs").css({ 'left' : $(window).outerWidth(true) }); $("footer#contact-us").css({ 'top' : $("div#banner").outerHeight(true) + 150}); $("div#banner").css({ 'top' : 149 }); self.processOtherPages(); //self.plansPage(true); self.plansTabHandler(true); self.linkAction(); self.generateNextPage("div#banner","forward"); // var personalised = $("#personalised.personalised-page").detach(); // $("ul.pricing-nav li.personalised-tab").append(personalised); var build_plan_prepaid = $("#build-plan-prepaid").parent().detach(); var build_plan_postpaid = $("#build-plan-postpaid").parent().detach(); $(".billing-type-wrapper.prepaid").parent().append(build_plan_prepaid); $(".billing-type-wrapper.postpaid").parent().append(build_plan_postpaid); self.doSwipeEvent(); }else{ $("section#plans-tabs .top-left-image").detach().insertBefore("ul.tab-links"); $(".tab-container").append($("section#plans-tabs .bottom-right-image").detach()); var todesktop = new Array(); $("ul.tab-links li").each(function(i,v){ todesktop.push($(this).find(".tab-content").detach()); }); $.each(todesktop,function(i,v){ $("section#plans-tabs .tab-container").append($(this).prop('outerHTML')); }); var lis = $("section#plans-tabs .tab-container ul.tab-links li").detach(); var desktop_link = new Array(); for(var i = (lis.length-1); i >= 0; i--) { desktop_link.push(lis[i]); } $($("section#plans-tabs .plan-link").detach()).insertAfter(".tab-container"); // var personalised = $("#personalised.personalised-page").detach(); // $(personalised).insertAfter(".pricing-tabs"); var build_plan_prepaid = $("#build-plan-prepaid").parent().detach(); var build_plan_postpaid = $("#build-plan-postpaid").parent().detach(); build_plan_prepaid.insertAfter("div#monthly"); build_plan_postpaid.insertAfter("div#build-plan-prepaid-wrap"); $("section#plans-tabs ul.tab-links").append(desktop_link); $("#personalised").addClass("active"); $(window).swipe("disable"); self.resetMarkUp(false); $("html,body").animate({ 'scrollTop' : 0 },'fast'); $("header#homepage").css({ 'z-index' : 99999, 'width' : '100%' }); $("div#banner,section#plans-tabs,section#control,section#buy-sim").css('position','relative'); for(var i = 1; i < divPoints.length; i++) { $(divPoints[i]).show(); } //self.plansPage(false); } } $("body").removeClass("plans-tabs-active"); } self.resetMarkUp = function(forMobile){ if(!forMobile) { for(var i = 1; i < divPoints.length;i++) { $(divPoints[i]).css({ 'position' : 'initial', 'left' : 'initial', 'top' : 'initial', }).show(); } return; }else{ for(var i = 1; i < divPoints.length;i++) { $(divPoints[i]).css({ 'position' : 'absolute', 'left' : 0 }); if(i === 1) { $(divPoints[i]).show(); }else{ $(divPoints[i]).hide(); } } $("#mobile-nav-contact.mobile-nav-black ul li a").removeClass("active"); $("#mobile-nav-contact.mobile-nav-black ul li:nth-child(1) a").addClass("active"); self.set_current_page("div#banner"); self.generateNextPage("div#banner","forward"); return; } } self.haltSwipe = function(currentDirection,phase){ if(self.get_current_page() == "div#banner" && (currentDirection == "right") ) { return true; } if(self.get_current_page() == "section#buy-sim" && (currentDirection == "left") ) { //$.sidr("open",'right-menu'); return true; } return false; } self.setNextActivePage = function(phase,direction,currentDirection,distance){ if((phase == "start" || phase == "move") && ((direction == "left") && distance > half )) { self.set_current_page(self.ActivePage); } } self.init = function() { var ajaxLoader = '
'; $(".ajaxmodal").show(); if($(window).outerWidth(true) <= 768) { $("footer#contact-us").hide(); $(window).on("load",function(){ $(".ajaxmodal").fadeOut(); $("footer#contact-us").show(); }); //$("body").css({ 'overflow-x' : 'hidden' }); $("header#homepage,header.contact-us-page,header.page-banner").css({ 'position' : 'fixed', 'width' : $(window).outerWidth(true) }); $("div#banner").css({ 'top' : $("header#homepage").outerHeight(true) - 1, }) //ACTIVATE SIM self.processOtherPages(); self.plansTabHandler(); //self.plansPage(true); var build_plan_prepaid = $("#build-plan-prepaid").parent().detach(); var build_plan_postpaid = $("#build-plan-postpaid").parent().detach(); $(".billing-type-wrapper.prepaid").parent().append(build_plan_prepaid); $(".billing-type-wrapper.postpaid").parent().append(build_plan_postpaid); //END ACTIVATE SIM // $("div#banner").css({ // 'height' : $("div#banner .vertical-align-wrap").outerHeight(true) // }); $(window).on("load",function(){ $(".ajaxmodal").fadeOut(); $("footer#contact-us").css({ 'top' : $("div#banner").outerHeight(true) + $("header#homepage").outerHeight(true)}); }); if(window.location.hash == "") { self.generateNextPage("div#banner","forward"); }else{ $(".mobile-nav-black ul li a").each(function(i,v){ if($(this).data("hash") == window.location.hash) { var index = $.inArray($(this).data("content"),divPoints); self.generateNextPage((divPoints[index]),"forward"); } }); } self.doSwipeEvent(); self.linkAction(); }else{ $(window).on("load",function(){ $(".ajaxmodal").fadeOut(); $("footer#contact-us").show(); }); } self.resizeEvent(); } self.linkAction = function(){ var target = ["div#banner","#plans-tabs","#control","#buy-sim"]; var target2 = ["#plans-tabs","#control","#buy-sim"]; $("ul.sidr-class-menu li a.sidr-class-mobile-nav-black").each(function(i,v){ $(this).on("click",function(){ var dis = $(this); $("style[data-name='benefits'],style[data-name='home-hash'],style[data-name='dashboard'],style[data-name='plans-page']").remove(); $("html,body").animate({ 'scrollTop' : 0 }); $("header#homepage #mobile-nav-contact.mobile-nav-black.homepage ul li a").removeClass("active"); $("header#homepage #mobile-nav-contact.mobile-nav-black.homepage ul li a").each(function(i,v){ if(dis.text().toUpperCase() == $(this).text()) { $(this).addClass("active"); } }); $(target2[i]).css({ 'position' : 'absolute', 'top' : 150 }).show(); //HIDE PREVIOUS PAGE for(var j = (i-1);j >= 0 ; j--) { $(target2[j]).animate({ 'left' : - $(target2[j]).outerWidth(true) },100); } for(var j = (i+1);j <= target2.length ; j++) { $(target2[j]).animate({ 'left' : - $(target2[j]).outerWidth(true) },100); } // $(target[i + 1]).animate({ // 'left' : $(target[i - 1]).outerWidth(true) // },100); //SHOW CURRENT PAGE if(target2[i] == "#plans-tabs") { $("body footer#contact-us").css({ 'top' : $("header#homepage").outerHeight(true) + $("#plans-tabs").outerHeight(true) }); self._doClickLinkAction(target2,i); }else{ $("body footer#contact-us").css({ 'top' : $("header#homepage").outerHeight(true) + $(target2[i]).outerHeight(true) }); self._doClickLinkAction(target2,i); } return false; }); }); $("header#homepage #mobile-nav-contact.mobile-nav-black.homepage ul li a").each(function(i,v){ $(this).on("click",function(){ $("style[data-name='benefits'],style[data-name='home-hash'],style[data-name='dashboard'],style[data-name='plans-page']").remove(); $("html,body").animate({ 'scrollTop' : 0 }); $("header#homepage #mobile-nav-contact.mobile-nav-black.homepage ul li a").removeClass("active"); $(this).addClass("active"); $(target[i]).css({ 'position' : 'absolute', 'top' : 150 }).show(); //HIDE PREVIOUS PAGE for(var j = (i-1);j >= 0 ; j--) { $(target[j]).animate({ 'left' : - $(target[j]).outerWidth(true) },100); } for(var j = (i+1);j <= target.length ; j++) { $(target[j]).animate({ 'left' : - $(target[j]).outerWidth(true) },100); } // $(target[i + 1]).animate({ // 'left' : $(target[i - 1]).outerWidth(true) // },100); //SHOW CURRENT PAGE if(target[i] == "#plans-tabs") { $("body footer#contact-us").css({ 'top' : $("header#homepage").outerHeight(true) + $("#plans-tabs").outerHeight(true) }); self._doClickLinkAction(target,i); }else{ $("body footer#contact-us").css({ 'top' : $("header#homepage").outerHeight(true) + $(target[i]).outerHeight(true) }); self._doClickLinkAction(target,i); } return false; }); }); self._doClickLinkAction = function(target,i){ $(target[i]).animate({ 'left' : 0 },100,function(){ // add highlight on current page $("input#mobile_current_page").val(target[i]); // prepare next page $(target[i + 1]).css({ 'left' : $(window).outerWidth(true) }); self.generateNextPage(target[i+1],"forward",true,i+1); //$(target[i]).show(); }) } } // return self.each(function(i,v){ // self.init($(this)); // }); return self.init(); } var existingMBData = null; var existingMBDataString = null; //CHANGE PLAN SLIDER $.fn.changePlanSlider = function (opts) { var defaults = { disabled: false, dataValues: [0, 1, 2, 3, 4, 5], valueMappings: [0, 1, 2, 3, 4, 5], initialAmount: 15.90, amountEl: ".amt-holder", totalAmountEl: "#unlimited .finalAmount", totalPoints: "#unlimited .finalPoints", perAmount: ".perAmount", type: "unlimited", animate: 'fast', value: 0, min: 0, max: 0, indicatorBG: '#d62c63', indicatorBGHeight: '18px', decimalPlaces: true, changeLabelColorOnChange: true, useClassAsWrapper: false, network3g: false }; var finalAmount = 0; var self = $(this); $.fn.extend(defaults, opts); self.setFinalAmount = function (amount) { finalAmount = amount; } self.getFinalAmount = function () { return finalAmount; }; self.updateTotalAmount = function (amount) { var total = 0; if (!defaults.useClassAsWrapper) { $("#" + defaults.type + " " + defaults.amountEl).each(function (i, v) { if (defaults.type != "data-only") { total += parseFloat($(this).val()); } else { total += parseFloat($(this).val()); } }); } else { $("." + defaults.type + " " + defaults.amountEl).each(function (i, v) { if (defaults.type != "data-only") { total += parseFloat($(this).val()); } else { total += parseFloat($(this).val()); } }); } if (defaults.decimalPlaces) { var gt = (defaults.initialAmount + total).toFixed(2); } else { var gt = (defaults.initialAmount + total); } self.setFinalAmount(gt); if (!defaults.useClassAsWrapper) { $(defaults.totalAmountEl).text(gt); } else { $("." + defaults.type + " " + defaults.totalAmountEl).text(gt); } self.updateTotalPoints(gt); }; self.updateTotalPoints = function (amount) { if (defaults.type == "unlimited") { $(defaults.totalPoints).text(((amount * 10) - 9)); } else { $(defaults.totalPoints).text(amount * 10); } }; self.sliderUI = function (instance) { var isd = instance.attr("isDisabled"); if (typeof isd !== typeof undefined && isd !== false) { defaults.disabled = isd; } instance.slider({ disabled: defaults.disabled, animate: defaults.animate, value: defaults.value, min: defaults.min, max: defaults.dataValues.length - 1, change: function (event, ui) { if (instance.parent().hasClass("unlimited-slider-data-pack")) { if (ui.value > 0) { $("span.unlimited_notice").css({ 'visibility': 'hidden' }); } else { $("span.unlimited_notice").css({ 'visibility': 'visible' }); } } var opset = $(this).find(".ui-slider-pip-selected").attr("style"); var new_opset = opset.split("left: "); if (instance.find(".indicator")) { instance.find(".indicator").remove(); } var nw = parseInt(new_opset[1].replace("%;", "")) + 4.5 + "%"; if (parseInt(new_opset[1].replace("%;", "")) >= 90) { var nwh = parseInt(new_opset[1].replace("%;", "")) + 5 + '%'; $(this).find(".ui-slider-pip-0").css('left', '0%'); if ($(this).parent().hasClass('desktop-slide-custom') == true) { $(this).find(".ui-slider-pip-selected").css('left', '92%'); } } else if (parseInt(new_opset[1].replace("%;", "")) == 0 || parseInt(new_opset[1].replace("%;", "")) == -1) { $(this).find(".ui-slider-pip-selected.ui-slider-pip-0").css('left', '0%'); // $(this).find(".ui-slider-pip").last().css('left', nwh); } else { var nwh = parseInt(new_opset[1].replace("%;", "")) + 3 + '%'; $(this).find(".ui-slider-pip-0").css('left', '0%'); // $(this).find(".ui-slider-pip").last().css('left', nwh); } // console.log(ui.value); if (ui.value > 0) { $(" ").insertBefore(instance.find(".ui-slider-handle.ui-state-default.ui-corner-all")).animate({ 'width': nw }); instance.find(".ui-slider-handle").remove(); $("").insertAfter(instance.find(".indicator")); } if (ui.value == 0) { instance.find(".ui-slider-handle").attr('style', 'left: 0'); } if (instance.find('.ui-slider-pip-first').hasClass('ui-slider-pip-initial ui-slider-pip-selected')) { instance.find('.ui-slider-pip-first').css('cssText', 'left: 0px'); } else if (instance.find('.ui-slider-pip-first').hasClass('ui-slider-pip-initial')) { instance.find('.ui-slider-pip-first').css('cssText', 'left: 5px'); } if (defaults.changeLabelColorOnChange) { /*alert('.ui-slider-label');*/ instance.parent().find(".proxy-label").css({ /*color: '#000'*/ color: '#000' }) instance.parent().find(".proxy-label").css({ /*color: '#000'*/ color: '#000' }) for (var i = 0; i <= ui.value; i++) { instance.parent().find(".ui-slider-pip-" + i + " .proxy-label").css({ color: '#FFF' }); instance.parent().find(".ui-slider-pip-" + i + " .proxy-label").css({ color: '#FFF' }); instance.parent().find("#step2-carousel-personalised .ui-slider-pip-" + i + " .proxy-label").css({ /*color: '#FFF'*/ color: '#fff' }); instance.parent().find("#step2-carousel-personalised .ui-slider-pip-" + i + " .proxy-label").css({ /*color: '#FFF'*/ color: '#fff' }); } } if (defaults.network3g != false) { $.each(defaults.network3g, function (key, val) { if (val + 'GB' == instance.find("span.ui-slider-pip-selected span.proxy-label").text()) { instance.find('.indicator').css('background-color', '#FF9005'); /*instance.find("span.ui-slider-pip-selected").find('.proxy-label').css('display', 'none');*/ instance.find("span.ui-slider-pip-selected").addClass('proxy-label-g3'); instance.find("span.ui-slider-pip-selected span.proxy-label").addClass('g3_plantype'); } }); // if (val+'GB' == instance.find("span.ui-slider-pip-selected span.ui-slider-label").text()) { // instance.find('.indicator').css('background-color', '#FF9005'); // /*instance.find("span.ui-slider-pip-selected").addClass('g3_plantype');*/ // instance.find("span.ui-slider-pip-selected span.ui-slider-label").addClass('g3_plantype'); // /*instance.find("span.ui-slider-pip-selected span.ui-slider-label.g3_plantype").css('cssText', 'border: 1px solid rgb(255,144,5)');*/ // /*instance.find("span.ui-slider span.ui-slider-label").css('cssText', 'border: none!important');*/ // /*instance.find(".ui-slider-pip-selected span.ui-slider-pip-selected span.ui-slider-label.g3_plantype").css('cssText', 'border: 1px solid rgb(255,144,5)');*/ // } // }); // // var unliPlanAllocation = instance.find("span.ui-slider-pip-selected span.ui-slider-label").text().replace(/\D/g,''); // if ($.inArray(unliPlanAllocation, defaults.network3g) == -1) { // instance.find('.g3_plantype').css('cssText', 'border: none'); // instance.find("span.ui-slider-pip-selected span.ui-slider-label").removeClass('g3_plantype'); // } } var personalisedMB = instance.find("span.ui-slider-pip-selected span.proxy-label").text(); var personalisedCustom200MB = '200
MB
'; var personalisedCustom500MB = '500
MB
'; if (personalisedMB.indexOf('MB') > -1) { var personalisedCustomMB = '' + personalisedMB.match(/\d+/)[0] + '
' + 'MB
'; existingMBData = personalisedCustomMB; existingMBDataString = personalisedMB.match(/\d+/)[0]; if (personalisedMB == '200MB') { if (personalisedMB.search('MB') != -1) { instance.find("span.ui-slider-pip-selected span.proxy-label").html(personalisedCustomMB); // instance.find("span.ui-slider-pip-selected span.proxy-label").html(personalisedCustomMB); } if (instance.find('.ui-slider-pip span.proxy-label:contains("500MB")').html() == personalisedCustom500MB) { instance.find('.ui-slider-pip span.proxy-label:contains("500MB")').html('500MB'); } } else if (personalisedMB == '500MB') { if (personalisedMB.search('MB') != -1) { instance.find("span.ui-slider-pip-selected span.proxy-label").html(personalisedCustomMB); // instance.find("span.ui-slider-pip-selected span.proxy-label").html(personalisedCustomMB); } if (instance.find('.ui-slider-pip span.proxy-label:contains("200MB")').html() == personalisedCustom200MB) { instance.find('.ui-slider-pip span.proxy-label:contains("200MB")').html('200MB'); } } } else { if (instance.find('.ui-slider-pip span.proxy-label:contains("200")').html() == personalisedCustom200MB) { instance.find('.ui-slider-pip span.proxy-label:contains("200")').html(existingMBDataString + 'MB'); } if (instance.find('.ui-slider-pip span.proxy-label:contains("500MB")').html() == personalisedCustom500MB) { instance.find('.ui-slider-pip span.proxy-label:contains("500")').html(existingMBDataString + 'MB'); } } instance.parent().find(defaults.amountEl).val(defaults.valueMappings[ui.value]); instance.parent().find(defaults.perAmount).text("$" + defaults.valueMappings[ui.value]); self.updateTotalAmount(defaults.valueMappings[ui.value]); }, stop: function (event, ui) { if (disturbPanels.indexOf(parseInt(instance.parent().attr('panel-position'))) == -1 && instance.parent().attr('panel-position') != undefined) { disturbPanels.push(parseInt(instance.parent().attr('panel-position'))); } appendPanelMsg(disturbPanels); if (defaults.changeLabelColorOnChange) { instance.parent().find(".proxy-label").css({ color: '#008000' }) instance.parent().find(".proxy-label").css({ color: '#008000' }) for (var i = 0; i <= ui.value; i++) { instance.parent().find(".ui-slider-pip-" + i + " .proxy-label").css({ color: '#FFF' /*color:'#008000'*/ }); instance.parent().find(".ui-slider-pip-" + i + " .proxy-label").css({ color: '#FFF' /*color:'#008000'*/ }); } } $("input." + instance.parent().attr("class")).val(instance.find("span.ui-slider-pip-selected span.proxy-label").text()); //alert($("input." + instance.parent().attr("class")).val() + " " + $("input." + instance.parent().attr("class")).data("phrase")); instance.parent().find(defaults.amountEl).val(defaults.valueMappings[ui.value]); instance.parent().find(defaults.perAmount).text("$" + defaults.valueMappings[ui.value]); self.updateTotalAmount(defaults.valueMappings[ui.value]); if (defaults.type == "personalised" || defaults.type == "recommendation") { if (ui.value > 0) { $("#" + defaults.type + " " + ".freeYmin").text(defaults.dataValues[ui.value]); } else { $("#" + defaults.type + " " + ".freeYmin").text(""); } } } }).slider("pips", { first: false, labels: defaults.dataValues }); } return self.each(function (i, v) { self.sliderUI($(this)); if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { $(this).find(".ui-slider-pip").each(function (i, v) { if (i !== 0) { var left = $(this).attr("style"); var left_perc = left.split("left: "); var new_left = (parseInt(left_perc[1].replace("%", "")) - 2) + "%"; $(this).css('left', new_left); } }); } else { $(this).find(".ui-slider-pip").each(function (i, v) { if (i !== 0) { var left = $(this).attr("style").split("left: "); if ($(this).parent().parent().parent().parent().parent().parent().hasClass('desktop-cyp')) { $(this).css('left', parseInt(left[1].replace("%;", "")) + 9 + "%"); } else { $(this).css('left', parseInt(left[1].replace("%;", "")) + "%"); } } }); } }) } $.fn.filterRates = function(opts){ var defaults = { list : '.rate-table' }; $.extend(defaults,opts); var self = this; $.filterAction = function(instance){ instance.on("click",function(){ var f = $(this).attr("data-filter").toUpperCase(); $(defaults.list).find("tbody tr").show(); if(f != "ALL") { $(defaults.list).find("tbody tr").hide(); $(defaults.list).find("tbody tr[data-first=" + f + "]").show(); } }); } return self.each(function(i,v){ $.filterAction($(this)); }); }; editable = function(fields,btn){ var self = this; self.edit_link = '.edit-link'; self.cancel_link = '.cancel-edit'; self.save_btn = btn; self.errors = ''; self.fields = fields; self.clickAction = function(){ $(document).on("click",this.edit_link,function(){ $(this).hide(); $(this).parents('.editable-form-uneditable').hide().next().show().queue(function(){ var context = $(this); $.each(self.fields,function(i,v){ if(v != '.sim-nick-name'){ var recent = $(v).attr("data-recent"); context.find("input" + v).val(recent); } //var recent = $(v).attr("data-recent"); //context.find("input" + v).val(recent); }); }).dequeue(); return false; }); }; self.cancelAction = function(){ $(document).on("click",self.cancel_link,function(){ $(this).parents('.editable-form').hide().prev().show().find(self.edit_link).show(); $(".err").text(""); return false; }); }; self.saveAction = function(){ $(document).on("click",self.save_btn,function(){ var invalid = new Array(); $.each(self.fields,function(i,v){ var val = $(v).val(); if(self.isEmpty(val,v)) { invalid.push("invalid"); } }); if(invalid.length === 0) { return true; } return false; }); }; self.isEmpty = function(value,err){ if($.trim(value) == "") { if(err != '.sim-nick-name'){ $(err + "-error").html("Field is left blank."); return false; } }else{ $(err + "-error").html(""); } }; self.editable = function(){ self.clickAction(); self.cancelAction(); self.saveAction(); }; }; // RECOMMENDATION CHANGE PLAN // $(".slider.recommendation-voice-plan-slider").changePlanSlider({ // dataValues : ["0","100","200","400","600","1000"], // valueMappings : [0,7,10,14,17,23], // indicatorBG : '#21C404', // type : 'recommendation', // totalAmountEl : "#recommendation .finalAmount", // totalPoints : "#recommendation .finalPoints", // initialAmount : 0, // }); // $(".slider.recommendation-sms-plan-slider").changePlanSlider({ // dataValues : ["0","100","200","400","600","1000"], // valueMappings : [0,6,9,11,13,17], // indicatorBG : '#5FAFE7', // type : 'recommendation', // totalAmountEl : "#recommendation .finalAmount", // totalPoints : "#recommendation .finalPoints", // initialAmount : 0, // }); // $(".slider.recommendation-data-plan-slider").changePlanSlider({ // dataValues : ["0","200MB","500MB","1GB","2GB","3GB","5GB","10GB"], // valueMappings : [0,5,9,11,15,25,39,69], // indicatorBG : '#D62C63', // type : 'recommendation', // totalAmountEl : "#recommendation .finalAmount", // totalPoints : "#recommendation .finalPoints", // initialAmount : 0, // }); // $(".slider.recommendation-intl-min-credit-plan-slider").changePlanSlider({ // dataValues : ["0","50","100","200","300"], // valueMappings : [0,5,10,20,30], // indicatorBG : '#F88E39', // type : 'recommendation', // totalAmountEl : "#recommendation .finalAmount", // totalPoints : "#recommendation .finalPoints", // initialAmount : 0, // }); // $(".slider.recommendation-top-up-credit-plan-slider").changePlanSlider({ // dataValues : ["0","100","200","400","600","1000"], // valueMappings : [0,10,20,30,40,50], // indicatorBG : '#F3D136', // type : 'recommendation', // totalAmountEl : "#recommendation .finalAmount", // totalPoints : "#recommendation .finalPoints", // initialAmount : 0, // }); // SAVE PLAN RECOMMENDATION // $(document).on("click","#recommendation .recommendation-save-plan",function(){ // var final_amount = $("#recommendation .finalAmount").text(); // var total_points = $("#recommendation .finalPoints").text(); // alert("Final Amount is: " + parseFloat(final_amount).toFixed(2) + "\r\n" + "Final Points is: " + parseInt(total_points)); // return false; // }); // RECOMMENDATION CHANGE PLAN // if(el == "#recommendation") // { // $(".slider.recommendation-voice-plan-slider").slider({ value : 1 }); // $(".slider.recommendation-sms-plan-slider").slider({ value : 0 }); // $(".slider.recommendation-data-plan-slider").slider({ value : 0 }); // $(".slider.recommendation-intl-min-credit-plan-slider").slider({ value : 0 }); // $(".slider.recommendation-data-plan-slider").slider({ value : 7 }); // $(".recommendation-sms-plan-slider-selected-amount").text("$0"); // $(".recommendation-intl-min-credit-slider-selected-amount").text("$0"); // $(".recommendation-top-up-credit-plan-slider-selected-amount").text("$0"); // $(".recommendation-voice-min-plan-slider-selected-amount.perAmount").text("$7"); // $(".recommendation-data-plan-slider-selected-amount.perAmount").text("$69"); // $("#recommendation .finalAmount").text("76.00"); // $("#recommendation .finalPoints").text("760"); // } function appendPanelMsg(panels) { $('.touched-service').html(''); for (var i = 0; i < panels.length; i++) { $('.touched-service').append('
  • '+'· '+$('.panel-service-'+disturbPanels[i]).text().trim()+'
  • '); } $('.touched-service li:empty').remove(); } })($);