');
},
hideAjaxLoader: function ($button) {
isInProgress = false;
$wrapper = $button.closest(".buttonWrapper");
$wrapper.find(".buttonAjaxLoader").remove();
}
}
$errorContainerZipCode = $("#zipCodeLoginWindow .enterZipCode .errorMessage span").first();
$errorContainerLogin = $("#zipCodeLoginWindow .enterCredentials span.error").first();
// save sitecore translated text for later validation error message
if (!$errorContainerLogin.attr("originalHtml")) {
$errorContainerLogin.attr("originalHtml", $errorContainerLogin.html());
}
// any ajax call or post-back currently in progress?
var isInProgress = false;
// reset error message output
helpers.showErrorMessage($errorContainerZipCode, "");
helpers.showErrorMessage($errorContainerLogin, "");
if (isAlreadyInitialized) {
return;
}
// zip form ajax action
$('#zipCodeLoginWindow .enterZipCode input[type=submit]').click(function (e) {
if (isInProgress) {
return; // button has already been pressed, and ajax call is in progress, so do nothing
}
helpers.initSubmit(e);
var zipCode = $("#zipCodeLoginWindow input[type=text]").val();
// method automatically created by LandingPage.ascx user control
SetZipCode(
helpers.createSuccessHandler($errorContainerZipCode),
helpers.createErrorHandler($errorContainerZipCode),
zipCode);
});
// login form ajax action
$('#zipCodeLoginWindow .enterCredentials input[type=submit]').click(function (e) {
if (isInProgress) {
return; // button has already been pressed, and ajax call is in progress, so do nothing
}
helpers.initSubmit(e);
// validate input elements (asp.net "custom validator" style)
var args = { IsValid: false };
Q8.OilShop.loginValidate($(this), args);
if (!args.IsValid) {
helpers.showErrorMessage($errorContainerLogin, $errorContainerLogin.attr("originalHtml"));
return;
}
var enterCredentialsInputs = $("#zipCodeLoginWindow .enterCredentials input");
function getInputValue($input) {
var inputVal = $input.val();
if (inputVal === $input.attr("title")) {
return "";
}
return inputVal;
}
var customerNumber = getInputValue(enterCredentialsInputs.eq(0));
var zipCode = getInputValue(enterCredentialsInputs.eq(1));
var email = getInputValue(enterCredentialsInputs.eq(2));
var password = getInputValue(enterCredentialsInputs.eq(3));
// method automatically created by LandingPage.ascx user control
DoLogin(
helpers.createSuccessHandler($errorContainerLogin),
helpers.createErrorHandler($errorContainerLogin),
customerNumber, zipCode, email, password);
});
break;
case 'sendForgottenLogInInfoWindow':
var helpers = {
showErrorMessage: function ($errorMessageContainer, text) {
$errorMessageContainer.html(text);
if (text) {
$errorMessageContainer.show();
} else {
$errorMessageContainer.hide();
}
},
createSuccessHandler: function ($errorContainer) {
$button = $errorContainer.closest("div").find("input[type=submit]");
helpers.showAjaxLoader($button);
return function (result) {
if (result.d.indexOf('error|') === 0) {
// The zipcode was not valid or there was an error calling the web service
helpers.showErrorMessage($errorContainer, result.d.substring(6));
helpers.hideAjaxLoader($button);
} else {
helpers.hideAjaxLoader($button);
$('#sendForgottenLogInInfoWindow')
.find('div.formfieldRound').hide().end()
.find('p.succesMessage').show().end()
.find('div.footerElements').hide().end()
.find('div.clear:last').hide();
}
}
},
createErrorHandler: function ($errorContainer) {
return function (jqXHR, textStatus, errorThrown) {
helpers.showErrorMessage($errorContainer, "Der er desværre sket en kommunikationsfejl. Prøv igen, eller kontakt venligst Q8 om problemet");
$button = $errorContainer.closest("div").find("input[type=submit]");
helpers.hideAjaxLoader($button);
}
},
initSubmit: function (e) {
helpers.showErrorMessage($errorContainerEmail, "");
e.stopImmediatePropagation(); // preventDefault is not enough
},
showAjaxLoader: function ($button) {
isInProgress = true;
// show ajax loader next to button
$wrapper = $button.closest(".buttonWrapper");
$wrapper.prepend('');
},
hideAjaxLoader: function ($button) {
isInProgress = false;
$wrapper = $button.closest(".buttonWrapper");
$wrapper.find(".buttonAjaxLoader").remove();
}
}
if (isAlreadyInitialized) {
return;
}
$errorContainerEmail = $("#sendForgottenLogInInfoWindow span.error").first();
// save sitecore translated text for later validation error message
if (!$errorContainerEmail.attr("originalHtml")) {
$errorContainerEmail.attr("originalHtml", $errorContainerEmail.html());
}
// any ajax call or post-back currently in progress?
var isInProgress = false;
// login form ajax action
$('#sendForgottenLogInInfoWindow input[type=submit]').click(function (e) {
if (isInProgress) {
return; // button has already been pressed, and ajax call is in progress, so do nothing
}
helpers.initSubmit(e);
// validate input elements (asp.net "custom validator" style)
var args = { IsValid: false };
Q8.OilShop.forgotEmailValidate($('#sendForgottenLogInInfoWindow'), args);
if (!args.IsValid) {
helpers.showErrorMessage($errorContainerEmail, $errorContainerEmail.attr("originalHtml"));
return;
}
var email = $("#sendForgottenLogInInfoWindow input[type=text]").val();
// method automatically created by LandingPage.ascx user control
SendForgottenLogInInfo(
helpers.createSuccessHandler($errorContainerEmail),
helpers.createErrorHandler($errorContainerEmail),
email);
});
break;
}
Q8.OilShop.inititalizedFancyboxWindows[$inner.attr('id')] = true;
},
setupPejlingPopupValidator: function () {
// make sure pejling popup cannot be shown before tank size has been filled out
$("#openPejling").click(function (e) {
var elm = $("#oilLandingPage .errorMessage span.error").get(0);
ValidatorValidate(elm, 'vgLandingPage', null);
if (!elm.isvalid) {
e.stopImmediatePropagation();
}
});
},
setupFancybox: function (selector) {
// call fancybox
var fancyBoxConfig = {
padding: 0,
autoDimensions: true,
transitionOut: 'none',
overlayColor: '#000',
overlayOpacity: 0.6,
onComplete: function () {
var $inner = $(this.href);
Q8.OilShop.customRadioButtons($inner.find('span.radiobutton input[type=radio]'));
Q8.OilShop.initFancyboxWindows($inner);
},
onCleanup: function () {
var $inner = $(this.href);
var location = $inner.find('input[id$=_uiHdnRedirectOnClose]').val()
if (location) {
window.location.href = location;
}
}
};
var fancyBoxes = $(selector);
if (fancyBoxes.length) {
var triggerThis;
fancyBoxes.each(function () {
var that = $(this);
if (that.hasClass('modal')) {
fancyBoxConfig.modal = true;
that.fancybox(fancyBoxConfig);
fancyBoxConfig.modal = false;
}
else {
that.fancybox(fancyBoxConfig);
}
if (that.hasClass('autoopen')) {
triggerThis = that;
}
});
if (typeof (triggerThis) !== 'undefined') {
triggerThis.trigger('click');
};
}
// add special handling for landing page main button
var $calculateButton = Q8.OilShop.getLandingPageMainButton();
if ($calculateButton.length) {
// only ONE button to handle
$calculateButton = $calculateButton.first();
$calculateButton.click(function (e, data) {
// make sure base form validates before showing the popup
if (!Page_ClientValidate("vgLandingPage")) {
e.preventDefault();
return;
}
if (data && data.source == "zipLogin") {
// click comes from our script, just let the event pass through
//$.fancybox.close();
return true;
}
if (!Q8.OilShop.isLoggedIn()) {
// show fancybox to enter zip/login
$("#zipCodeLoginWindowTrigger").click();
e.preventDefault();
return;
}
});
}
},
PriceCalculator: {
initialize: function () {
// Shop data is not generated
if (typeof (heatingOilShopData) === 'undefined') {
return;
}
// Calculate prices at init
this.attachPrices(heatingOilShopData, $('div.formGradient'));
// Calculate prices when any change happens
$('div.formGradient input[type=radio], div.formGradient span.checkboxButton').bind('inputIsChecked', function () {
Q8.OilShop.PriceCalculator.attachPrices(heatingOilShopData, $('div.formGradient'));
Q8.OilShop.PriceCalculator.attachTracking(this);
});
},
// Omniture tracking for "Beregn" page
attachTracking: function (selector) {
var $selector = $(selector);
if (!$selector.length || typeof (s_account) == 'undefined') {
return;
}
// Products with radiobuttons
if ($selector.attr('type') == 'radio') {
var $radioButtons = $selector.parent().siblings('span.radiobutton').find('input[type=radio]');
$radioButtons.each(function (i, element) {
var $input = $(this);
// If a new radio is choosen
if ($input.data('oldValue') == true) {
// Check if choosen input is delivery
var deliveryElment = $selector.parents('div.DeliveryTypes'),
deliveryText = '',
oldDeliveryText = '',
newDeliveryText = '';
if (deliveryElment.length) {
var deliveryJsonData = heatingOilShopData.DeliveryTypes,
deliveryElements = deliveryElment.find('input[type=radio]'),
newDeliveryIndex = deliveryElements.index(deliveryElements.filter(':checked')),
oldDeliveryIndex = deliveryElements.index($input),
newDeliveryText = "Levering om " + deliveryJsonData[newDeliveryIndex].DurationInDays + " dage",
oldDeliveryText = "Levering om " + deliveryJsonData[oldDeliveryIndex].DurationInDays + " dage";
}
// Remove from basket
var $oldProductText = $input.parent().next('label').children('strong').text().replace(',', '').replace(';', '');
if (oldDeliveryText != '') $oldProductText = oldDeliveryText;
var s = s_gi(s_account);
s.linkTrackVars = 'events,products';
s.linkTrackEvents = 'scRemove';
s.events = 'scRemove';
s.products = ';' + $oldProductText;
s.tl(element, 'o', 'Fjern produkt');
// Add product to basket
var $newProductText = $selector.parent().next('label').children('strong').text().replace(',', '').replace(';', '');
if (newDeliveryText != '') $newProductText = newDeliveryText;
var s = s_gi(s_account);
s.linkTrackVars = 'events,products';
s.linkTrackEvents = 'scAdd';
s.events = 'scAdd';
s.products = ';' + $newProductText;
s.tl(selector, 'o', 'Tilføj produkt');
}
});
}
// Products with checkbox
else if ($selector.hasClass('checkboxButton')) {
var $input = $selector.find('input[type=checkbox]'),
$productText = $selector.next('label').children('strong').text().replace(',', '').replace(';', '');
if ($input.attr('checked') == true) {
// Add product to basket
var s = s_gi(s_account);
s.linkTrackVars = 'events,products';
s.linkTrackEvents = 'scAdd';
s.events = 'scAdd';
s.products = ';' + $productText;
s.tl($input, 'o', 'Tilføj produkt');
}
else {
// Remove from basket
var s = s_gi(s_account);
s.linkTrackVars = 'events,products';
s.linkTrackEvents = 'scRemove';
s.events = 'scRemove';
s.products = ';' + $productText;
s.tl($input, 'o', 'Fjern produkt');
}
}
},
attachPrices: function (heatingOilShopData, selector) {
var selector = $(selector);
if (!selector.length || selector.filter('.Products').length === 0) {
// no point in proceeding if there aren't any products on the page
return;
}
// Remove old boobles
var oldBoobles = selector.find('p.choose span.boobleAdd, p.choose span.boobleSave').remove();
var litersWanted = heatingOilShopData.LitersWanted;
var tankSize = heatingOilShopData.TankSize;
// Full tank
var fullTankDiscount = 0,
fullTankJson = heatingOilShopData.FullTankDiscount,
fullTankDiscountAmount = fullTankJson / 1000 * litersWanted * -1,
fullTankInput = selector.filter('.FullTank').find('input:checkbox'),
fullTankIsChecked = $('div.FullTank input[type=checkbox]').is(':checked');
if (fullTankIsChecked) {
fullTankDiscount = fullTankDiscountAmount;
}
else {
var booble = Q8.OilShop.PriceCalculator.attachBooble(fullTankDiscountAmount, fullTankDiscount, false);
fullTankInput.parent().next().after(booble);
}
$('dl.oilPrices dd.FullTankDiscount').text(this.formatPrice(fullTankDiscount) + ' kr.').end();
// Products variables
var literPrice = 0;
var productsJson = heatingOilShopData.Products;
var productsElm = selector.filter('.Products');
var productsInput = productsElm.find('input:radio');
var productsInputSelected = productsInput.filter(':checked');
var productsInputIndex = productsInput.index(productsInputSelected);
literPrice = productsJson[productsInputIndex].PricePer1000Liters / 1000; // Current price in liters
// Introduction discount
var introductionDiscount = 0,
introductionJson = heatingOilShopData.IntroductionDiscount,
introductionDiscountAmount = introductionJson / 1000 * litersWanted * -1,
introductionDiscountEligible = productsInputIndex < productsInput.length - 1;
if (introductionDiscountEligible) {
introductionDiscount = introductionDiscountAmount;
}
$('dl.oilPrices dd.IntroductionDiscount').text(this.formatPrice(introductionDiscount) + ' kr.').end();
// More product calculations
var calculatedPrice = litersWanted * literPrice;
$('dl.oilPrices')
.find('dd.Products')
.text(this.formatPrice(calculatedPrice) + ' kr.').end()
.find('dt.title')
.text(productsJson[productsInputIndex].Name);
var selectedProductPrice = calculatedPrice + introductionDiscount;
// Find other products and add bobble
$.each(productsJson, function (i) {
if (i != productsInputIndex) {
var currentProductsInput = productsInput.filter(':eq(' + i + ')');
var currentLiterPrice = productsJson[i].PricePer1000Liters / 1000;
var currentPrice = litersWanted * currentLiterPrice + (i < productsInput.length - 1 ? introductionDiscountAmount : 0);
var booble = Q8.OilShop.PriceCalculator.attachBooble(currentPrice, selectedProductPrice, true);
currentProductsInput.parent().next().after(booble);
}
});
// Payment methods
var paymentMethodsJson = heatingOilShopData.PaymentMethods;
var paymentMethodsElm = selector.filter('.PaymentMethods');
var paymentMethodsInput = paymentMethodsElm.find('input:radio');
var paymentMethodsInputSelected = paymentMethodsInput.filter(':checked');
var paymentMethodsInputIndex = paymentMethodsInput.index(paymentMethodsInputSelected);
var paymentMethodsDiscount = paymentMethodsJson[paymentMethodsInputIndex].DiscountPer1000Liters;
var paymentMethodsPrice = paymentMethodsDiscount / 1000;
var calculatedPaymentMethodsPrice;
if (paymentMethodsJson[paymentMethodsInputIndex].Id == 3)
calculatedPaymentMethodsPrice = paymentMethodsJson[paymentMethodsInputIndex].DiscountPer1000Liters * -1;
else
calculatedPaymentMethodsPrice = paymentMethodsPrice * litersWanted * -1;
$('dl.oilPrices dd.PaymentMethods').text(this.formatPrice(calculatedPaymentMethodsPrice) + ' kr.').end();
// Find other payment methods and add boobles
$.each(paymentMethodsJson, function (i) {
if (i != paymentMethodsInput) {
var currentPaymentMethodsInput = paymentMethodsInput.filter(':eq(' + i + ')');
var currentLiterPrice = paymentMethodsJson[i].DiscountPer1000Liters;
if (paymentMethodsJson[i].Id == 3)
var currentPrice = paymentMethodsJson[i].DiscountPer1000Liters;
else
var currentPrice = currentLiterPrice / 1000 * litersWanted;
if (paymentMethodsJson[i].Id == 3)
var booble = Q8.OilShop.PriceCalculator.attachBooble(currentPrice * -1, calculatedPaymentMethodsPrice, false, true);
else
var booble = Q8.OilShop.PriceCalculator.attachBooble(currentPrice * -1, calculatedPaymentMethodsPrice, false);
currentPaymentMethodsInput.parent().next().after(booble);
}
});
// Delivery
var deliveryJson = heatingOilShopData.DeliveryTypes;
var deliveryElm = selector.filter('.DeliveryTypes');
var deliveryInput = deliveryElm.find('input:radio');
var deliveryInputSelected = deliveryInput.filter(':checked');
var deliveryInputIndex = deliveryInput.index(deliveryInputSelected);
var deliveryDiscount = deliveryJson[deliveryInputIndex].DiscountPer1000Liters;
var deliveryPrice = deliveryDiscount / 1000;
if (deliveryJson[deliveryInputIndex].DurationInDays == 1)
var calculatedDeliveryPrice = deliveryJson[deliveryInputIndex].DiscountPer1000Liters * -1;
else
var calculatedDeliveryPrice = deliveryPrice * litersWanted * -1;
$('dl.oilPrices dd.DeliveryTypes').text(this.formatPrice(calculatedDeliveryPrice) + ' kr.').end();
// Find other delivery discounts and add boobles
$.each(deliveryJson, function (i) {
if (i != deliveryInputIndex) {
var currentdeliveryInput = deliveryInput.filter(':eq(' + i + ')');
var currentLiterPrice = deliveryJson[i].DiscountPer1000Liters;
if (deliveryJson[i].DurationInDays == 1)
var currentPrice = deliveryJson[i].DiscountPer1000Liters;
else
var currentPrice = deliveryJson[i].DiscountPer1000Liters / 1000 * litersWanted;
var booble = Q8.OilShop.PriceCalculator.attachBooble(currentPrice * -1, calculatedDeliveryPrice, false);
currentdeliveryInput.parent().next().after(booble);
}
});
// Discounts
var discounts = heatingOilShopData.SumOfPreCalculatedDiscounts;
discounts = discounts + fullTankDiscount + introductionDiscount + calculatedPaymentMethodsPrice + calculatedDeliveryPrice;
$('dl.oilPrices dd.discount').text(this.formatPrice(discounts) + ' kr.');
// Update total price
var totalPrice = calculatedPrice + discounts;
$('dl.oilPrices dd.em').text(this.formatPrice(totalPrice) + ' kr.');
// Update discount per 1000 liters
var discountPer1000Liters = heatingOilShopData.SumOfDiscountsPer1000Liters;
var discount1000Liters = discountPer1000Liters + paymentMethodsDiscount + deliveryDiscount;
if (fullTankIsChecked) {
discount1000Liters += fullTankJson;
}
if (introductionDiscountEligible) {
discount1000Liters += introductionJson;
}
$('dl.oilPrices dd.note span.literPrice').text(this.formatPrice(discount1000Liters));
},
/**
* @param number currentPrice The current price
* @param number calculatedPrice The calculated price
* @param boolean showGrayBooble If true, booble always is gray
*/
attachBooble: function (currentPrice, calculatedPrice, showGrayBooble, dontShowOnlyText) {
showGrayBooble = (typeof showGrayBooble == 'undefined') ? false : showGrayBooble;
dontShowOnlyText = (typeof dontShowOnlyText == 'undefined') ? false : dontShowOnlyText;
var className = (showGrayBooble == true) ? 'boobleAdd' : 'boobleSave';
var price = currentPrice - calculatedPrice;
if (price > -0.01 && price < 0.01)
return;
if (price < 0)
var output = 'Spar kr. ' + this.formatPrice(calculatedPrice - currentPrice) + '';
else
{
if (dontShowOnlyText)
var output = 'kr. ' + this.formatPrice(price) + ' mere';
else
var output = 'Kun kr. ' + this.formatPrice(price) + ' mere';
}
return output;
},
formatPrice: function (price) {
if (price == 0)
return '0,00';
else {
return $.formatNumber(price, { format: '#,###.00', locale: 'dk' })
}
}
},
loginBox: function (selector) {
var loginWrapper = $(selector);
if (!loginWrapper.length) {
return;
}
loginWrapper.each(function () {
var $self = $(this).parent();
$self
.find('a.openLogin').click(function () {
loginWrapper.find(".error").hide();
loginWrapper.slideDown(280);
$(this).hide().next().show();
return false;
}).end()
.find('a.close').click(function () {
loginWrapper.slideUp(280).parent().find('a.openLogin').show().next().hide();
return false;
});
// Fake an input on top of a password field to enable a default text
var $passwordInput = $self.find('.formfieldRound.password input'),
$fakeInput = $self.find('.formfieldRound.password .fakeInput');
$fakeInput
.click(function () {
$(this).hide();
$passwordInput.focus();
return false;
});
$passwordInput
.focus(function () {
if ($fakeInput.is(':visible')) {
$fakeInput.hide();
}
})
.blur(function () {
if (!$(this).val().length > 0) {
$fakeInput.show();
}
});
});
},
forgotEmailValidate: function (source, args) {
args.IsValid = false;
var $emailField = source.find('input[type=text]').first();
var emailVal = $.trim($emailField.val());
var emailIsEmpty = !emailVal || emailVal == $emailField.attr('title');
// if the field don't have default value or is pure whitespace
if (!emailIsEmpty) {
args.IsValid = true;
}
// blur all the fields to get back the default values (watermarks)
setTimeout(function () { $emailField.blur(); }, 0);
},
loginValidate: function (source, args) {
args.IsValid = false;
var $loginWrapper = $(source).parents('.loginWrapper:first');
if (!$loginWrapper.length) {
return;
}
var $fields = $loginWrapper.find('input.formfield');
var custNoVal = $.trim($fields.eq(0).val());
var zipCodeVal = $.trim($fields.eq(1).val());
var emailVal = $.trim($fields.eq(2).val());
var passwordVal = $.trim($fields.eq(3).val());
var custNoIsEmpty = !custNoVal || custNoVal == $fields.eq(0).attr('title')
var zipCodeIsEmpty = !zipCodeVal || zipCodeVal == $fields.eq(1).attr('title')
var emailIsEmpty = !emailVal || emailVal == $fields.eq(2).attr('title')
var passwordIsEmpty = !passwordVal || passwordVal == $fields.eq(3).attr('title')
// if any of the fields don't have default value or is pure whitespace
if (!custNoIsEmpty || !zipCodeIsEmpty || !emailIsEmpty || !passwordIsEmpty) {
// if ONLY custNo and zipCode is filled in and none of the other two then OK
// or if ONLY email and password is filled in and none of the other two then also OK
args.IsValid = (!custNoIsEmpty && !zipCodeIsEmpty && emailIsEmpty && passwordIsEmpty) || (custNoIsEmpty && zipCodeIsEmpty && !emailIsEmpty && !passwordIsEmpty);
}
// blur all the fields to get back the default values (watermarks)
setTimeout(function () { $fields.blur(); }, 0);
},
initAutoscrollValidate: function (selector) {
$(selector).parents("form").bind("submit", function (e) {
if (!Page_IsValid) {
var scrolling = false;
// find first error message and scroll to show it
$(selector).find(".error").filter(":visible").each(function () {
// elements hidden with visibility:hidden are not filtered out with ":visible", so test for this
if (!scrolling && $(this).css("visibility") == "visible") {
// scroll to position just above the elements parent
$('html,body').animate({
scrollTop: $(this).parent().offset().top - 20
}, 500);
scrolling = true;
}
});
}
});
},
bindOilflowBoxEvents: function (selector) {
var oilFlowBox = $(selector);
if (!oilFlowBox.length) {
return;
}
var topPosBox = oilFlowBox.offset();
topPosBox = topPosBox.top;
if (jQuery.browser.msie && jQuery.browser.version <= "7") {
topPosColumn = jQuery('#related').offset();
topPosColumn = topPosColumn.top;
oilFlowBox.css({
position: 'relative'
});
jQuery(window).scroll(function () {
var topPosDoc = jQuery(window).scrollTop() + 10;
var topPosDoc = topPosDoc - topPosColumn;
if (topPosDoc > 0) {
oilFlowBox.css({
position: 'absolute',
top: (topPosDoc) + 'px'
});
}
else {
oilFlowBox.css({
"top": "10px",
"position": "static"
});
}
});
}
else {
jQuery(window).scroll(function () {
var topPosDoc = jQuery(window).scrollTop() + 10;
if (topPosDoc > topPosBox) {
oilFlowBox.css({
position: 'fixed',
top: 10
});
}
else {
oilFlowBox.css('position', 'static');
}
});
}
},
tooltip: function (selector) {
var $selector = $(selector);
if (!$selector.length) {
return;
}
$selector.each(function () {
var $span = $(this);
$span.parent().hover(
function () {
// Fix IE opacity bug
if ($.browser.msie)
$span.show();
else
$span.fadeIn(100);
},
function () {
if ($.browser.msie)
$span.hide();
else
$span.fadeOut(200);
}
);
});
},
customCheckboxButtons: function (selector) {
var $selector = $(selector);
if (!$selector.length) {
return;
}
// Check for checked checkboxes and attach className
$selector.each(function () {
var $input = $(this);
if ($input.is(':checked')) {
$input.parent().addClass('checkboxButtonSelected');
}
$input.parent('span.checkboxButton').click(function () {
if ($(this).hasClass('checkboxButtonDisabled'))
return;
if ($input.is(':checked'))
$input.attr('checked', false);
else
$input.attr('checked', true);
$input.trigger('inputIsChecked');
Q8.OilShop.customCheckboxClick($input);
});
// Fix IE event bug on checkboxes
if ($.browser.msie) {
$input.click(function () {
this.blur();
this.focus();
});
}
});
// Change className when any change happens
$selector.click(function () {
if ($(this).is(':checked'))
$(this).attr('checked', false);
else
$(this).attr('checked', true);
Q8.OilShop.customCheckboxClick($(this));
});
Q8.OilShop.customCheckboxHover($selector.parent('span.checkboxButton'));
$selector.parent('span.checkboxButton').next('label').hover(
function () {
$(this).prev().trigger('mouseover');
},
function () {
$(this).prev().trigger('mouseout');
}
);
},
customCheckboxHover: function ($selector) {
$selector.hover(
function () {
if ($(this).hasClass('checkboxButtonDisabled'))
return;
if ($(this).hasClass('checkboxButtonSelected'))
$(this).addClass('checkboxButtonSelectedHover');
else
$(this).addClass('checkboxButtonHover');
},
function () {
$(this).removeClass('checkboxButtonHover checkboxButtonSelectedHover')
}
);
},
customCheckboxClick: function ($input) {
// Set className for checked inputs elements
var $span = $input.parent();
if ($input.is(':checked')) {
$span.addClass('checkboxButtonSelected');
if ($span.hasClass('checkboxButtonHover')) {
$span
.removeClass('checkboxButtonHover')
.addClass('checkboxButtonSelectedHover');
}
}
else {
$span
.addClass('checkboxButtonHover')
.removeClass('checkboxButtonSelected checkboxButtonSelectedHover');
}
},
customRadioButtons: function (selector) {
var $selector = $(selector);
if (!$selector.length) {
return;
}
// Check for checked radiobuttons and attach className
$selector.each(function () {
var $input = $(this);
if ($input.is(':checked')) {
$input.parent().addClass('radiobuttonSelected');
}
$input.parent('span.radiobutton').click(function (event) {
if ($(this).hasClass('radiobuttonDisabled'))
return;
var inputName = $input.attr('name');
var inputName = inputName.substring(inputName.lastIndexOf('$')),
inputId = $input.attr('id');
var $inputsByName = $("input[name$='" + inputName + "']");
$inputsByName.each(function (i) {
var $that = $(this),
thatId = $that.attr('id'),
oldValue = !!$that.attr('checked');
if (thatId == inputId) {
oldValue = false;
}
$that
.data('oldValue', oldValue)
.attr('checked', false);
});
$input
.attr('checked', 'checked')
.trigger('inputIsChecked');
Q8.OilShop.customRadioClick($input);
// Check to see if there is a hidden field whose value has to be set to signal that user has
// actually chosen one of the radio button options. It may be that none of the radio buttons are checked
$('input[id$=uiHdn' + inputName.toUpperCase().substr(1, 1) + inputName.substring(2) + 'HasBeenChosen]').val('true');
});
// Fix IE event bug on radiobuttons
if ($.browser.msie) {
$input.click(function () {
this.blur();
this.focus();
});
}
});
// Change className when any change happens
$selector.change(function () {
Q8.OilShop.customRadioClick($(this));
// Removed because of double event clicking
//$(this).trigger('inputIsChecked');
});
Q8.OilShop.customRadioHover($selector.parent('span.radiobutton'));
$selector.parent('span.radiobutton').next('label').hover(
function () {
$(this).prev().trigger('mouseover');
},
function () {
$(this).prev().trigger('mouseout');
}
);
},
customRadioHover: function ($selector) {
$selector.hover(
function () {
if ($(this).hasClass('radiobuttonSelected'))
$(this).addClass('radiobuttonSelectedHover');
else
$(this).addClass('radiobuttonHover');
},
function () {
$(this).removeClass('radiobuttonHover radiobuttonSelectedHover')
}
);
},
customRadioClick: function ($input) {
// Set className for checked inputs elements
var $span = $input.parent();
if ($input.is(':checked')) {
$span
.addClass('radiobuttonSelected')
.siblings('span.radiobuttonSelected')
.removeClass('radiobuttonSelected');
/* If all input have same name, use this
if ( $span.parent('.chooseSmall').length > 0 )
{
var $inputId = $input.attr('id');
$formGradient = $span.parent().parent('.formGradient');
$formGradient.find('input').each(function(){
if ( $(this).attr('id') != $inputId )
{
$(this)
.parent()
.removeClass('radiobuttonSelected');
}
});
}*/
if ($span.hasClass('radiobuttonHover')) {
$span
.removeClass('radiobuttonHover')
.addClass('radiobuttonSelectedHover');
}
}
else {
$span.addClass('radiobuttonSelected');
}
},
validateHdnValTrue: function (source, args) {
// Validates that the matching hidden field has the value 'true'. The matching hidden field is a hidden field
// with where the id matches the name of the source parameter (which is a CustomValidator). The ids should
// adhere to CCC like so uiCvChosenName / uiHdnChosenName ... the value 'true' can then be set by code behind
// or by the click event on a set of matching radio buttons (search this file for 'HasBeenChosen' to see example)
var idEndsWith = source.id.split('_');
idEndsWith = idEndsWith[idEndsWith.length - 1];
idEndsWith = idEndsWith.replace(/^uiCv/g, 'uiHdn');
args.IsValid = $('input[id$=' + idEndsWith + ']').val() === 'true';
},
validateCbIsChecked: function (source, args) {
var idEndsWith = source.id.split('_');
idEndsWith = idEndsWith[idEndsWith.length - 1];
idEndsWith = idEndsWith.replace(/^uiCv/g, 'uiCb');
args.IsValid = $('input[id$=' + idEndsWith + ']').is(':checked');
}
},
RemoveDefaultInputValue:
{
init: function ($form, $isCallback) {
$form.each(function () {
var $thisForm = $(this),
$inputItems = $thisForm.find('input.defaultvalue');
if ($inputItems.length) {
$inputItems.each(function () {
Q8.RemoveDefaultInputValue.setRemoveAction($(this), $thisForm, $isCallback);
});
}
});
},
setRemoveAction: function ($inputitem, $form, $isCallback) {
if ($form.is('form')) {
$form.submit(function () {
// don't change anything unless page is actually about to be submitted
if (!Page_IsValid) {
return false;
}
if ($inputitem.val() == $inputitem.attr("title")) {
$inputitem.val("");
}
return true;
});
}
if (!$isCallback) {
if ($inputitem.val() == '') {
$inputitem.val($inputitem.attr("title")).addClass('enableDefaultColor');
}
else if ($inputitem.val() != $inputitem.attr("title")) {
$inputitem.removeClass('enableDefaultColor');
}
else {
$inputitem.addClass('enableDefaultColor');
}
}
/* If value not is equal to title. Change type to password -(buggy in ie)
*
if ( $inputitem.hasClass('passInput') && $inputitem.val() != $inputitem.attr("title") && $inputitem.attr('type') == 'text' )
{
var $parent = $inputitem.parent();
var $clone = $('