(function($){
//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();
}
//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 is_safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
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 + "%";
var PipPos = instance.find("span.ui-slider-pip-selected").attr('style');
if (PipPos.match(/\d+/)[0] >= 90) {
nw = '100%';
}
// safari slider fix
if (is_safari == true && parseInt(PipPos.match(/\d+/)[0]) == 0) {
instance.find(".ui-slider-handle").remove();
var leftPosition = parseInt(PipPos.match(/\d+/)[0]);
$("").insertBefore(instance.find(".ui-slider-pip-first"));
} else if (is_safari == true && parseInt(PipPos.match(/\d+/)[0]) > 90) {
instance.find(".ui-slider-handle").remove();
var leftPosition = parseInt(PipPos.match(/\d+/)[0]) + 4;
$("").insertBefore(instance.find(".ui-slider-pip-first"));
} else if (is_safari == true) {
instance.find(".ui-slider-handle").remove();
var leftPosition = parseInt(PipPos.match(/\d+/)[0]) + 2;
$("").insertBefore(instance.find(".ui-slider-pip-first"));
}
if(ui.value > 0)
{
$(" ").insertBefore(instance.find(".ui-slider-handle.ui-state-default.ui-corner-all")).animate({
'width' : nw
});
}
if(defaults.changeLabelColorOnChange)
{
instance.parent().find(".ui-slider-label").css({
color: '#000'
})
for(var i = 0;i <= ui.value; i++)
{
instance.parent().find(".ui-slider-pip-" + i + " .ui-slider-label").css({
color: '#FFF'
});
}
}
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(defaults.changeLabelColorOnChange)
{
instance.parent().find(".ui-slider-label").css({
color: '#008000'
})
for(var i = 0;i <= ui.value; i++)
{
instance.parent().find(".ui-slider-pip-" + i + " .ui-slider-label").css({
color: '#FFF'
});
}
}
$("input." + instance.parent().attr("class")).val(instance.find("span.ui-slider-pip-selected span.ui-slider-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("%;","")) + 8 + "%");
} 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");
// }
})($);