;(function($) {
/* ########################
pgo = PrisGuide Object
########################*/
try {
pgo = {
_length: function(obj) {
//Get length of associative arrays
if (typeof(obj) == "undefined") return null;
if (typeof(obj.length) != "undefined") return obj.length;
var count = 0;
for (var x in obj) {
count ++;
}
return count;
},
pglog: function(msg) {
if ($j.browser.msie) {
//alert(msg);
}
else {
try {
console.log(msg);
}
catch(err) {}
}
},
pgstack: function() {
try{please.fail+=0}
catch(err) {
try {
console.log(err.stack);
}
catch(err) {}
return err;
}
},
win: $(window),
doc: $(document),
productId: null,
shopId: null,
safe_url: null, //Remove modifications on url by auth tek (?errors=wrong password) and other stuff. JS should use this only. Not location.href
selectedStar: 0,
overlay: function() {
return $("")
.css({
opacity: .7,
height: $("body").height()
}).appendTo("body");
},
//Set up stars event.
attachPGStarsEvt: function (context) {
$("ul.pg-stars a", context ? context : false)
.click(function(e) {
e.preventDefault();
var that = $(this);
that.parents(".pg-stars")
.find(".pg-selected")
.removeClass("pg-selected");
pgo.selectedStar = that.addClass("pg-selected");
})
.parents(".pg-stars")
.hover(
function() {
$(this).find(".pg-selected").removeClass("pg-selected");
},
function() {
if (pgo.selectedStar.length)
pgo.selectedStar.addClass("pg-selected");
}
);
},
product: {
onload: function() {
/**
* Product page
*
*/
var productPage = $("#pg-product");
// Load product images
$.getJSON("?module=PGProductImages&service=loadImages", function(data) {
var imgs = [], start = 0, stop = 7, lastCachePoint = 0;
for (var i in data) {
imgs.push(data[i]);
}
var preload = function(imgs, key, start, stop) {
for (var i = start; i <= stop; i++) {
if (imgs[i] != undefined && !$._isCached(imgs[i][key])) {
$.imagePreload(imgs[i][key]);
$._cache(imgs[i][key], true);
}
}
}
var imageContainer = $("#pg-product-images"),
img = $("#pg-product-image-container img"),
nav = $("#pg-product-images-nav a"),
thumbnails = $("#pg-product-images-list"),
size = 'normal',
c = new $.Carousel(imgs);
preload(imgs, size, start, stop);
var navHandler = function(state) {
var src = c[state]()[size];
// Change image
img.attr('src', src);
imageContainer.find("span.pg-current").text(c.current + 1);
thumbnails.find("a.pg-selected").removeClass("pg-selected")
.end().find("#pg-product-image-" + c.getCurrent().id)
.addClass("pg-selected");
if (c.current % 5 == 0) {
if (state == 'next') {
stop = c.current + 7;
start = c.current + 2;
}
else {
stop = c.current - 2;
start = c.current - 7;
if (start < 0)
start = c.data.length - start;
}
preload(imgs, size, start, stop);
}
};
var thumbs = thumbnails.find("img").lazyload();
thumbnails.delegate("a", "click", function(e) {
e.preventDefault();
var id = this.attr('id').replace("pg-product-image-", "");
selectImageById(id);
});
var selectImageById = function(id) {
thumbnails.find("a.pg-selected").removeClass("pg-selected");
var elem = thumbnails.find("#pg-product-image-" + id).addClass("pg-selected");
for (var i = 0; i < imgs.length; i++) {
if (imgs[i].id == id) {
c.current = i;
break;
}
}
img.attr('src', elem.attr('href'));
};
img.attr('title', 'Klikk for å vise neste bilde');
img.css('cursor','pointer');
img.click(function(){
navHandler('next');
});
nav.click(function(e) {
e.preventDefault();
var that = $(this),
state = that.attr('rel');
navHandler(state);
});
pgo.doc.keydown(function(e) {
var state;
if (e.keyCode == 37)
state = "prev";
else if (e.keyCode == 39)
state = "next";
if (state)
navHandler(state);
});
$("#pg-zoom").click(function(e) {
//e.preventDefault();
var o = pgo.overlay(),
zoomNode = $(this).addClass('pg-none'),
oldHeight = imageContainer.height(),
oldWidth = imageContainer.width();
img.hide();
size = 'large';
preload(imgs, size, start, stop);
o.click(function(){
$(close).click();
});
var close = $("Lukk")
.css({
top: 0,
right: 0
})
.click(function(e) {
e.preventDefault();
$(this).remove();
o.remove();
size = 'normal';
img.hide();
imageContainer
.animate({
width: oldWidth,
height: oldHeight
}, 500, null, function() {
imageContainer.removeClass("pg-slideshow");
img.attr('src', c.getCurrent()[size])
.load(function() {
img.show();
});
imageContainer.find("#pg-product-images-list")
.addClass("pg-none");
imageContainer.find("a.pg-lists-add").addClass("pg-none");
});
zoomNode.removeClass('pg-none');
}).appendTo(imageContainer);
pgo.doc.keyup(function(e) {
if (e.keyCode == 27)
close.click();
});
$("#pg-product-images-list").find("img").lazyload(true).end().removeClass("pg-none");
imageContainer.find("a.pg-lists-add").removeClass("pg-none");
img.attr('src', c.getCurrent()[size])
.load(function() {
img.show();
});
imageContainer
.addClass("pg-slideshow")
.css('height', 'auto')
.animate({
width: 952
}, 500);
});
if (document.location.pathname.indexOf("&view=images") != -1) {
var paramObj = $.deparam(document.location.pathname);
if ('imageId' in paramObj) {
var id = paramObj.imageId;
imageContainer.find("#pg-zoom").click();
selectImageById(id);
}
}
});
$("#pg-product-info div.pg-details-normal").delegate('dt, dd', 'hover', function(e) {
var t = $(e.target)
et = e.type,
state = {
'cl': 'addClass',
'tr': 'next'
};
if (et == 'mouseout')
state.cl = 'removeClass';
if (t.is('dd'))
state.tr = 'prev';
var andSelf = t[state.tr]().andSelf();
andSelf[state.cl]('pg-hover');
});
var priceFilter = $("#pg-price-filter").delegate('input', "change", function (ev) {
$("#pg-price-filter").submit();
});
priceFilter.ajaxForm({
url:"?module=PGPrices&service=getPriceTemplate",
dataType: "json",
beforeSend: function() {
$(".pg-prices", productPage).before("");
},
success: function(response) {
productPage
.find("div.pg-loading").remove()
.end()
.find(".pg-prices-holder")
.replaceWith(response.html)
}
});
// Order price alert
//function initPriceAlertForm() {
$("body").delegate("div.pg-price-alert form button", "click", function(e) {
e.preventDefault();
// Clear out previous errors
var button = $(this),
form = button.parents('form'),
data = {'module':'PGPriceAlert','service':'add'};
$("span.error", form).remove();
$(":input", form).each(function(key, item) {
if ($(this).is(":checkbox"))
data[item.name] = (item.checked) ? 1 : 0;
else
data[item.name] = $(this).val();
});
// Error handling
var errors = false;
if (!data.email || data.email == '') {
errors = true;
notice('error', "Må spesifisere lager eller prisvarsel.", $("#pg-alert-email", form), 'before');
}
if (!data.stock && (!data.cheaper && !data.price && data.price != '')) {
errors = true;
notice('error', "Må spesifisere lager eller prisvarsel.", $("input[name=price]",form), 'before');
}
if (!errors) {
$.getJSON('/service', data, function(resp) {
var msg = "Prisvarsling registert";
notice('success', msg, button, 'after')
.css({
marginLeft: 20
});
});
}
});
// Price alert popup
$('#pg-price-alert-popup-link').click(function(e) {
e.preventDefault();
pgo.popup.html('#pg-price-alert-popup');
pgo.popup.toggleBG(true, " Bestill prisvarsling");
pgo.popup.show.lightbox();
});
}
},
//Generic popup box. Located pre
popup: {
defaultCss: {},
eTarget: {}, //On some popups we need to store the target clicked in order to remove pg-selected on close.
// Get PopupBox object
getBox: function() {
//Get Cached PopupBox Object. If !exists fetch it.
if (this.popupBox && this.popupBox.length) return this.popupBox;
var box = $('#pg-default-popup');
if (box.length) {
box.find(".pg-popup-close, .pg-popup-close-x").click(function(e) {
e.preventDefault();
e.stopPropagation();
pgo.popup.hide();
});
$("#pg-popup-overlay").click(function(e) {
pgo.popup.hide();
});
this.popupBox = box;
return box;
}
pgo.pglog("pgo.popup.getBox() - Unable to find box!");
return false;
},
//Show loading symbol (usable for ajax calls). Using pgo.popup.html() will auto hide the loading - since we expect html() to be called on ajax success.
loading: {
show: function() {
pgo.popup.getBox().find('.pg-loading-container').show();
},
hide: function() {
pgo.popup.getBox().find('.pg-loading-container').hide();
}
},
//Stores original css values based on array keys of the new css.
//Each time you supply a new css property it will be stored. defaultCss will gradually be filled with more and more default properties.
//Run this before setting any css.
resetCss: function(newCss) {
if (newCss) {
var box = pgo.popup.getBox();
if (typeof(newCss) == "object") {
$.each(newCss,function(item,value) {
if (typeof(pgo.popup.defaultCss.item) == "undefined")
pgo.popup.defaultCss[item] = box.css(item); //Store default values for all the items newCss will overwrite.
});
}
box.css(pgo.popup.defaultCss); //Reset css.
}
},
//Toggle between white/black template of popup. popup.hide() sets this back to Black.
toggleBG: function(white,title) {
var box = pgo.popup.getBox();
//Add white class to popup wrapper
if (white) {
box.find('.pg-popup-content-wrapper').addClass("pg-rounded-corner");
box.addClass("pg-popup-white");
}
else {
box.removeClass("pg-popup-white");
box.find('.pg-popup-content-wrapper').removeClass("pg-rounded-corner");
}
//Set title in rounded corner box on top
var objTitle = $('#pg-popup-title');
if (typeof(title) != "undefined") {
objTitle.find("h2").html(title);
objTitle.show();
}
else objTitle.hide();
},
resize: function(width) {
if (width) {
//Proper resizing. Percentage width (as I started out with) doesn't work well with IE 7
var box = pgo.popup.getBox();
box.find('div.pg-popup-top-left').width(width-10);
box.find('div.pg-popup-bottom-left').width(width-10);
box.width(width);
}
},
adjustBorder: function() {
//Opacity border resize accordingly
var border = $('#pg-popup-border');
var box = pgo.popup.getBox();
border.width(box.width() +4);
border.height(box.height()+4);
offset = box.offset();
border.css({
top: (offset.top+1),
left: (offset.left -2)
});
border.show();
},
show: {
//Check if obj is jquery object or event object and return false if neither.
//useCurTarget: If true and obj=event return e.currentTarget instead of e.target (used by dropdowns to get correct elem clicked)
checkObj: function(e,useCurTarget) {
if (!useCurTarget && typeof(e.target) != "undefined")
return $(e.target);
else if (typeof(e.currentTarget) != "undefined")
return $(e.currentTarget);
else if (typeof(e.jquery) != "undefined")
return e;
pgo.pglog("pgo.popup.show.checkObj: Wrong object type.");
return false;
},
notice: function(e,css,verticalAlign) {
pgo.popup.hide(true);
var target = this.checkObj(e);
var box = pgo.popup.getBox();
if (!box || !target.length) {
pgo.pglog("Unable to find popupbox or !obj.length");
return false;
}
pgo.popup.resize(300); //Reset width
pgo.popup.resetCss(css); //Pass new css and use array keys to store original css and reset.
this.showTime = new Date().getTime(); //Measure time popup is open. If closed too fast report to pglog.
var offset = target.offset(); //Offset is best way to position. Finds e.targets offset according to document.
box.css({
top: offset.top + target.outerHeight(),
left: offset.left-15
});
pgo.popup.show.docOverlay();
if(verticalAlign == 'above') {
box.css('top', (offset.top - box.outerHeight()) + 15);
box.find('div.pg-arrow').addClass('bottom');
}
box.find('div.pg-arrow').show();
if (css)
box.css(css);
box.show();
pgo.popup.adjustBorder();
return true;
},
lightbox: function(fullwidth,css) {
pgo.popup.hide(true);
var box = pgo.popup.getBox();
box.data('isCentered',true);
if (!box) {
pgo.pglog("Unable to find popupbox or !obj.length");
return false;
}
this.showTime = new Date().getTime(); //Measure time popup is open. If closed too fast report to pglog.
pgo.popup.resetCss(css); //Pass new css and use array keys to store original css and reset.
if (fullwidth) pgo.popup.resize(980); //Page width
box.center();
if (css)
box.css(css);
pgo.popup.show.overlay();
box.show();
return true;
},
dropdown: function(e,align,css,overlay) { //Align = left/center/right relative to position of 'e'. 'Page' sets full page (not screen) width (like categories/shops dropdown)
pgo.popup.hide(true);
if (typeof(e) == "undefined") {
pgo.pglog("pgo.popup.show.dropdown error: Event undefined.");
return false;
}
if (typeof(align) == 'undefined') align = "";
var box = pgo.popup.getBox();
var elem = this.checkObj(e,true);
align = align.toLowerCase();
pgo.popup.eTarget = elem;
elem.addClass("pg-selected");
if (!box) return false;
if (css)
pgo.popup.resetCss(css); //Pass new css and use array keys to store original css and reset.
this.showTime = new Date().getTime(); //Measure time popup is open. If closed too fast report to pglog.
var posTarget = $(e.target).offset();
if (align == 'right') { //Right-align box to item clicked.
var position = {
right: pgo.doc.width() - (posTarget.left + $(e.target).outerWidth()),
left: 'auto'
};
if (!$.browser.msie) position.right += -4;
else position.right += -22;
}
else if (align == 'center') {
if (css.width) box.width = css.width; //We have to set custom width first because center align uses it
var position = {
/* Absolute middle of e.Target And subtract half of box width */
left: (posTarget.left + (elem.outerWidth()/2)) - (box.width/2),
right: 'auto'
};
}
else if (align == 'page') {
if (css && css.width) pgo.pglog('pgo.popup.dropdown: Overriding custom width due to align "page"');
pgo.popup.resize(980);
css.width = 980;
var position = {
left: (pgo.win.width() - box.width()) / 2 + pgo.win.scrollLeft(),
right: 'auto'
};
}
else {
var position = {
left: posTarget.left,
right: 'auto'
};
}
position.top = posTarget.top + $(e.target).outerHeight() -5;
if (position)
box.css(position);
if (css)
box.css(css);
//Use overlay or document for additional hide()?
if (overlay) pgo.popup.show.overlay(true);
else pgo.popup.show.docOverlay();
box.show();
return true;
},
overlay: function(transparent) {
var overlay = $("#pg-popup-overlay");
if (transparent)
overlay.removeClass("pg-overlay-bg");
else
overlay.addClass("pg-overlay-bg");
overlay.show();
},
//Create onclick event for document that closes box without disabling other links outside popup.
docOverlay: function(isDelayed) {
//Sometimes document.click() triggers automatically (without stopPropagation). Delaying assigment of event to document solves the problem.
if (!isDelayed)
var timer = setTimeout('pgo.popup.show.docOverlay(1);',20);
else {
pgo.doc.click(function(e) {
e.stopPropagation();
var tmp = $(e.target);
//Traverse all parent items of e.target until none. If id=popupbox then don't hide.
while (tmp.length) {
if (!tmp.length) break;
if (tmp.attr('id') == 'pg-default-popup') {
return;
}
tmp = tmp.parent();
}
pgo.popup.hide();
});
}
}
},
autohide: function(ms) { //Autohide popup in x Milliseconds
if (!ms) ms = 4000;
var timer = setTimeout(function() {
pgo.popup.hide();
delete timer;
},ms);
},
//If noClean == true: Used in show.function() to make transition between popups seem smoother
//noClean is also used to prevent hide() from removing certain settings.
hide: function(noClean) {
var box = pgo.popup.getBox();
if (!box) return false;
//Measure how long the popup was open. If it was closed in under 100ms then a close event is triggered to fast. (Use stopPropagation()?)
var timeOpen = (new Date().getTime())-this.show.showTime;
delete this.show.showTime;
if (timeOpen > 0 && timeOpen < 100) {
pgo.pglog('pgo.popup.hide(): Close event was triggered to fast!');
}
if (!noClean) {
//We're justing hiding before load so don't reset some settings as they're set before show.func()
//These settings are reset on popup close anyways so it's no biggy.
pgo.popup.toggleBG(false);
pgo.popup.html();
pgo.popup.resize(300); //Set default.
box.data('isCentered',false);
//Clean all events from objects in box. We're having trouble with reassigning events.
$('div.pg-popup-content',box).find('*').each(function() {
$(this).unbind();
});
}
var pg_arrow = box.find('div.pg-arrow');
pg_arrow.removeClass('bottom');
pg_arrow.hide();
if (pgo.popup.eTarget) {
$(pgo.popup.eTarget).removeClass('pg-selected');
pgo.popup.eTarget = {};
}
pgo.doc.unbind('click'); //Document onclick hide() event.
//Some positioning problems. Reset to auto on hide
box.hide(); //JQuery hide func()
$('#pg-popup-overlay').hide();
$('#pg-popup-border').hide();
return true;
},
//Send Html-element Id or CacheId and Html to this function. Caches content, deletes html element (to avoid Jquery selector problems) and returns content.
cacheId: function(Id,html) {
var data = $._isCached(Id);
if (!data) { //Not cached
if (typeof(html) == "undefined") { //If !html: cache contents of html element and then delete it afterwards.
var elem = $(Id);
if (!elem.length) {
pgo.pglog("pgo.popup.cache() - ID: " + Id + " not cached and unable to find html element.");
return false;
}
data = elem.html();
}
else data = html;
$._cache(Id,data);
return data;
}
if (!html) $(Id).remove();
return data;
},
html: function(data) {
var box = pgo.popup.getBox();
//If first char in data is # then it's a html Id! Fetch element, cache it and delete it!
if (typeof(data) == "string" && data.substr(0,1) == "#") {
data = pgo.popup.cacheId(data);
if (!data) return false;
}
var content = box.find('div.pg-popup-content');
if (!content.length) return false;
pgo.popup.loading.hide();
if (data)
content.html(data);
else
content.empty();
if (box.data('isCentered'))
box.center();
return true;
}
},
// USER MANAGEMENT
auth: {
isAuthed: false,
//Check if user is authed. If not display warning. Return true if you need to auth. Used in restricted events.
needAuth: function (e, action) {
if (!pgo.auth.isAuthed) {
pgo.popup.html('#pg-auth-warning-html');
$('a.pg-login-show').click(function (e) {
e.preventDefault();
pgo.auth.show(undefined, undefined, action);
});
$('a.pg-register-show').click(function (e) {
e.preventDefault();
pgo.register.show();
});
pgo.popup.show.notice(e);
return true;
}
return false;
},
//Load Login template and show popup.
show: function(e, message, action, wrapper) {
pgo.popup.loading.show();
if (!e)
pgo.popup.show.lightbox();
else
pgo.popup.show.dropdown(e,'right');
if( (typeof(action) == 'undefined') || (action == null) ) {
action = '';
}
//Check if login form is cached. If so then just reinsert that into popup.
var form = $._isCached('pgo-login-form'); //Returns cache value
if (!form) {
$.ajax({
url: '/service?module=PGAuth&service=getTemplate&referer='+ encodeURIComponent(pgo.safe_url + action),
success: function(resp) {
pgo.popup.html(resp);
if (message) {
var msgbox = $('#pg-login-message');
msgbox.html(message);
msgbox.addClass("pg-login-error");
}
var box = $(wrapper);
if (message && box.length) {
box.addClass('pg-userform-error');
box.find('div.pg-user-form-input-right').addClass('pg-userform-error');
}
$('#pg-login-form').submit(function(e) {
var remember = $('#pg-remember:checked');
var that = $(this);
if (that.length && remember.length) {
var referer = that.find('input[name=referer]');
referer.val(referer.val() + "&remember=true");
}
});
$._cache('pgo-login-form',resp);
$("#pg-new-password").click(function (e) {
e.preventDefault();
$("#pg-login-form").hide();
$("#pg-new-password-form").removeClass("pg-none");
$("#pg-new-password-hide").click(function(e) {
e.preventDefault();
$("#pg-new-password-form").addClass("pg-none");
$("#pg-login-form").show();
});
});
}
});
}
else {
pgo.popup.html(form);
$("#pg-new-password").click(function (e) {
e.preventDefault();
$("#pg-login-form").hide();
$("#pg-new-password-form").removeClass("pg-none");
$("#pg-new-password-hide").click(function(e) {
e.preventDefault();
$("#pg-new-password-form").addClass("pg-none");
$("#pg-login-form").show();
});
});
$('#pg-login-form').submit(function(e) {
var remember = $('#pg-remember:checked');
var that = $(this);
if (that.length && remember.length) {
var referer = that.find('input[name=referer]');
referer.val(referer.val() + "&remember=true");
}
});
var box = $(wrapper);
if (message && box.length) {
box.addClass('pg-userform-error');
box.find('div.pg-user-form-input-right').addClass('pg-userform-error');
}
}
},
//Query for auth info with callback.
info: function(callback) {
$.getJSON('/service?module=PGAuth&service=info', function(resp) {
if (resp.ok) pgo.auth.isAuthed = true;
else pgo.auth.isAuthed = false;
if (typeof(callback) == 'function') callback(resp);
});
},
//Logout
logout: function() {
//This function should contain path filter for pages you don't want to return to.. like pages where you need to be logged in.
document.location = "https://auth.tek.no/migrate/?action=logout&referer="
+ encodeURIComponent(document.location.protocol
+ document.domain
+ document.location.pathname
+ "?module=PGAuth&service=logout"
);
}
},
register: {
show: function(e) {
//Load html into popup.
pgo.popup.loading.show();
pgo.popup.toggleBG(true,'Registrer deg');
pgo.popup.resize(500);
pgo.popup.show.lightbox();
$.ajax({
url: "/profil/registrer?module=PGRegister&service=getTemplate&referer=" + encodeURIComponent(pgo.safe_url),
success: function(resp) {
pgo.popup.html(resp);
/* Register Events start */
var box = pgo.popup.getBox();
$("#pg-username").focus();
//Password help
$('#pg-register-pwdinfo').click(function(e) {
e.preventDefault();
$('#pg-register-pwdinfo-html').toggleClass("pg-none");
});
//Password validation hints
$("#pg-register-password").keyup(function(e) {
var that = $(this),
tip = that.parent().next("div.pg-tooltip"),
val = that.val(),
minLength = 6,
strength = 1,
bgColor = "#b72727";
if (typeof(passwordInfo) == 'undefined')
passwordInfo = tip.text();
if (val.length >= minLength) {
if (/[a-z]/.test(val)) strength++;
if (/[A-Z]/.test(val)) strength++;
if (/[0-9]/.test(val)) strength++;
if (/[$%:`´^¨~<>;.,$#£&\-\[\]@!|§}{+\-?=\/\\]/.test(val)) strength++;
if (strength > 2) bgColor = "#ffff00";
if (strength > 3) bgColor = "#ffb84e";
if (strength > 4) bgColor = "#62b045";
var c = $("