/**
* @fileOverview This file holds the newest parts of the Slotmachine
* and other stuff that is needed on the flyerpilot page.
*/
/* >> GenericConfigurator Version: rel-1-1-0 requires:
jQuery 1.4+,
AjaxUrlManager rel-1-0-1,
Utilities rel-1-6-0 */
/* >> Generic configurator */
GenericConfigurator = $.extend(
$.clone(LLObject),
{
create: function(){
var o = LLObject.create.call(this);
o.toJsonAttrs = ['data'];
o.data = null;
o.url = null;
o.currentConfiguratorIndex = 0;
o.onAfterSlotCatch = null;
o.onDataRequest = null;
o.onDataRequestSuccess = null;
o.slots = [];
o.urlParams = null;
o.defaults = {
dataType: 'GenericConfiguratorData',
slotType: 'GenericConfiguratorSlot',
slotItemType: 'GenericConfiguratorSlotItem',
target: null,
ajaxHandler: null,
onBeforeInit: null,
onInitDataReceive: null,
onAfterInit: null,
onAfterSlotCatch: null,
onAfterSlotsUpdate: null,
onSlotAction: null,
onDataReceive: null,
onDataRequest: null,
onDataRequestSuccess: null,
ignoreLockedSlots: false
};
return o;
},
init: function(opts){
window.slotMachinePresent = 1;
window.genericConfiguratorPresent = 1;
if (typeof window.currentConfiguratorIndex == 'undefined'){
window.currentConfiguratorIndex = 0;
}else{
window.currentConfiguratorIndex++;
}
this.currentConfiguratorIndex = window.currentConfiguratorIndex;
if (opts){
var defaults = this.defaults = $.extend(this.defaults, opts);
var prefix = String.fromCharCode(this.currentConfiguratorIndex + 97);
this.url = this.prepareUrl();
this.makeShell(defaults.target);
// call init callback if exists
var cbbi = defaults.onBeforeInit;
if (cbbi && typeof cbbi == 'function'){
cbbi.call(this);
}
if (this.url){
var self = this;
$.getJSON(this.url, function(data, textStatus){
var d = self.data = data;
var cbidr = defaults.onInitDataReceive;
if (cbidr && typeof cbidr == 'function'){
cbidr.call(self, d);
}
if (d.type == self.defaults.dataType){
var slotType = self.defaults.slotType;
var slotItemType = self.defaults.slotItemType;
$(d.slots).each(function(i){
if (this.type == slotType){
var slot = window[slotType].create(this.title, this.currentItem);
slot.configurator = self;
slot.id = prefix + '_slot_' + i;
slot.itemId = i;
slot.data = this;
slot.width = this.width;
$(this.items).each(function(i){
if (this.type == slotItemType){
var slotItem = window[slotItemType].create(this.title, this.value);
slotItem.configurator = self;
slotItem.id = slot.id + '_slotItem_' + i;
slotItem.itemCnt = i;
slotItem.data = this;
slotItem.slot = slot;
slotItem.width = slot.width;
slot.appendItem(slotItem);
}
});
self.appendSlot(slot);
self.calculateSlotWidth(slot);
}
});
}
// call init callback if exists
var initCb = defaults.onAfterInit;
if (initCb && typeof initCb == 'function'){
initCb.call(self, self.data);
}
var cbdrs = self.defaults.onDataRequestSuccess;
if (cbdrs && typeof cbdrs == 'function'){
cbdrs.call(self, null, d);
}
});
}
}
},
calculateSlotWidth: function(slot){},
getURLParams: function(specParams){
var url = window.location.href;
var params = Utils.getUrlParamsAsJson(url);
params = $.extend(params, specParams);
return params;
},
prepareUrl: function(){
var urlParams = this.urlParams = this.getURLParams();
var url = AjaxURLManager.getUrlWithKey(this.defaults.ajaxHandler, urlParams);
return url;
},
makeShell: function(target){
var shell = $(
''
);
target.append(shell);
},
appendSlot: function(slot){
var d = this.data, showSlot = true, ignoreLockedSlots = this.defaults.ignoreLockedSlots;
if (Utils.isArray(d.locked)){
if ($.inArray(slot.itemId, d.locked) > -1 && ignoreLockedSlots){
showSlot = false;
}
}
if (slot.instanceOf(GenericConfiguratorSlot)){
this.slots.push(slot);
if(showSlot){
slot.make(this.defaults.target);
}
}
},
slotUpdateCheck: function(){
var data = this.data;
var self = this;
$(data.slots).each(function(i){
var realSlot = self.slots[i];
var slotData = this;
if (slotData.update){
realSlot.update(slotData);
}
self.data.slots[i].update = false;
});
var cb = this.defaults.onAfterSlotsUpdate;
if (cb && typeof cb == 'function'){
cb.call(this);
}
},
verifyData: function(slot){
slot = slot || null;
var self = this;
var oldData = this.data;
if (slot){
this.data.changedSlot = slot.itemId;
}
var cbdr = this.defaults.onDataRequest;
if (cbdr && cbdr){
cbdr.call(this, slot, this.data);
}
var url = AjaxURLManager.getUrlWithKey(this.defaults.ajaxHandler);
//alter data and send it to cherrypy
for (var i in this.data.slots){
this.data.slots[i].currentItem = this.slots[i].currentItem;
}
$.ajax({
type: 'post',
url: url,
data: {'content': encodeURIComponent($.toJson(self))},
success: function(data, msg){self.verifyDataRequestSuccess(data, msg, slot);},
error: function(req, status, error){self.verifyDataRequestError(req, status, error, slot);}
});
},
verifyDataRequestSuccess: function(data, msg, slot){
this.data = data;
var cbdrs = this.defaults.onDataRequestSuccess;
if (cbdrs && typeof cbdrs == 'function'){
cbdrs.call(this, slot, data);
}
this.slotUpdateCheck();
},
verifyDataRequestError: function(req, status, error, slot){
/* todo: .... */
}
}
);
/* << */
/* >> Generic configurator slot */
GenericConfiguratorSlot = $.extend(
$.clone(LLObject),
{
create: function(title, currentItem){
var o = LLObject.create.call(this);
o.configurator = null;
o.id = null;
o.itemId = null;
o.title = title;
o.width = null;
o.items = [];
o.currentItem = currentItem;
o.data = null;
o.mouseDownInterval = null;
o.initMode = true;
o.clickTimeout = null;
return o;
},
makeSlotLayout: function(){
var slot = $(
'' +
'' + this.title + '
' +
'' +
'
' +
' ' +
' '
);
var self = this;
slot.find('select').bind('change', function(e){
var cb = self.configurator.defaults.onSlotAction;
if (cb && typeof cb == 'function'){
cb.call(self, this);
}
var select = $(this);
var value = select.val();
self.data.currentItem = self.currentItem = 0;
select.find('option').each(function(i){
if ($(this).attr('value') == value){
self.data.currentItem = self.currentItem = i;
}
});
self.configurator.data.art_id = null;
self.configurator.data[self.configurator.data.pk] = null;
self.configurator.verifyData(self);
});
return slot;
},
appendItem: function(item){
if (item && item.instanceOf(GenericConfiguratorSlotItem)){
this.items.push(item);
}
},
appendItemsToSlot: function(){
var target = $('#' + this.id + '_select');
var self = this;
$(this.items).each(function(i){
this.make(target);
});
},
make: function(target){
if (target){
var slotLay = this.makeSlotLayout();
target = target.find('table.genericConfiguratorShell');
target.append(slotLay);
this.appendItemsToSlot();
this.selectCurrentItem();
var self = this;
}
},
selectCurrentItem: function(){
var self = this;
$(this.items).each(function(i){
if (self.currentItem == i){
$('#' + self.id + '_slotItem_' + i).attr('selected', true);
}else{
$('#' + self.id + '_slotItem_' + i).attr('selected', false);
}
});
},
update: function(slotData){
this.items = [];
this.initMode = true;
this.data = slotData;
this.currentItem = slotData.currentItem;
$('#' + this.id + '_select').empty();
$('#' + this.id + '_titleColumn').find('.slotTitle').text(slotData.title);
var self = this;
var slotItemType = this.configurator.defaults.slotItemType;
$(slotData.items).each(function(i){
if (this.type == slotItemType){
var slotItem = window[slotItemType].create(this.title, this.value);
slotItem.id = self.id + '_slotItem_' + i;
slotItem.itemCnt = i;
slotItem.data = this;
slotItem.slot = self;
slotItem.width = self.width;
self.appendItem(slotItem);
}
});
this.appendItemsToSlot();
this.selectCurrentItem();
}
}
);
/* << */
/* >> Generic configurator slot item */
GenericConfiguratorSlotItem = $.extend(
$.clone(LLObject),
{
create: function(title, value){
var o = LLObject.create.call(this);
o.configurator = null;
o.id = null;
o.itemCnt = null;
o.title = title;
o.value = value;
o.data = null;
o.slot = null;
o.width = null;
return o;
},
makeItemLayout: function(){
var item = $(
'' + this.title + ' '
);
return item;
},
make: function(target){
if (target){
target.append(this.makeItemLayout());
}
}
}
);
/* << */
/* >> Generic configurator horizontal (inherit GenericConfigurator) */
GenericConfiguratorHorizontal = $.extend(
$.clone(GenericConfigurator),
{
create: function(){
var o = GenericConfigurator.create.call(this);
return o;
},
makeShell: function(target){
var shell = $(
''
);
target.append(shell);
}
}
);
/* << */
/* >> Generic configurator horizontal slot (inherit GenericConfiguratorSlot)*/
GenericConfiguratorHorizontalSlot = $.extend(
$.clone(GenericConfiguratorSlot),
{
create: function(title, currentItem){
var o = GenericConfiguratorSlot.create.call(this);
o.configurator = null;
o.id = null;
o.itemId = null;
o.title = title;
o.width = null;
o.items = [];
o.currentItem = currentItem;
o.data = null;
o.mouseDownInterval = null;
o.initMode = true;
o.clickTimeout = null;
return o;
},
makeSlotLayout: function(){
var slot = $(
'' + this.title + '
' +
'' +
'
' +
' '
);
var self = this;
slot.find('select').bind('change', function(e){
var select = $(this);
var value = select.val();
self.data.currentItem = self.currentItem = 0;
select.find('option').each(function(i){
if ($(this).attr('value') == value){
self.data.currentItem = self.currentItem = i;
}
});
self.configurator.data.art_id = null;
self.configurator.data[self.configurator.data.pk] = null;
self.configurator.verifyData(self);
});
return slot;
},
make: function(target){
if (target){
var slotLay = this.makeSlotLayout();
target = target.find('table.genericConfiguratorShell tr');
target.append(slotLay);
this.appendItemsToSlot();
this.selectCurrentItem();
var self = this;
}
}
}
);
/* << */
/* >> Slot Machine generic configurator (inherit GenericConfigurator)*/
SlotMachineGenericConfigurator = $.extend(
$.clone(GenericConfigurator),
{
create: function(){
var o = GenericConfigurator.create.call(this);
o.defaults = {
dataType: 'SlotMachineData',
slotType: 'SlotMachineSlot',
slotItemType: 'SlotMachineSlotItem',
target: null,
ajaxHandler: null,
onBeforeInit: null,
onAfterInit: null,
onAfterSlotCatch: null,
onDataRequest: null,
onDataRequestSuccess: null
};
return o;
},
getURLParams: function(specParams){
var url = window.location.href;
var params = Utils.getUrlParamsAsJson(url);
if (params && params.id){
delete params.id;
}
var reg = /_dId_/;
var id = null;
if (reg.test(url)){
id = url.substring(url.search(reg) + 5, url.search(/_\.htm/));
}
if (params && params.auf_id !== null){
id = params.auf_id;
}
if (params && params.pos_id !== null && !params.auf_id){
id = params.pos_id;
}
if (id){
if (params.pos_id){
params = $.extend(params, {'pos_id': id});
}else{
params = $.extend(params, {'auf_id': id});
}
}else{
var cfd = window.CONFIGURATOR_FALLBACK_DATA, toMergeParams;
if (cfd && cfd.auf_id){
toMergeParams = {
auf_id: null,
freeConfig: 'true'
};
$.extend(toMergeParams, cfd);
params = $.extend(params, toMergeParams);
}
}
params = $.extend(params, specParams);
if (params && !params.ovn){
params.ovn = 'false';
}
return params;
},
prepareUrl: function(){
var urlParams = this.urlParams = this.getURLParams();
var url = AjaxURLManager.getUrlWithKey(this.defaults.ajaxHandler, urlParams);
if (this.urlParams.loadPos){
this.urlParams.loadPos = null;
}
return url;
},
makeShell: function(target){
var shell = $(
'' +
'
' +
'
' +
'' +
' ' +
'' +
' ' +
'
' +
'
' +
'
' + this.title + '
' +
'' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
'
);
return slot;
},
adaptSlotDimensions: function(){
var outer = $('#' + this.id + '_outer');
if (this.width){
outer.width(this.width);
}
var slotGlass = outer.find('.slotGlassLeft');
var slotLens = outer.find('.slotLensLeft');
var slotScrollPane = outer.find('.slotScrollPane');
// slot outer dimensions
var ohDim = {'w': outer.width(), 'h': outer.height()};
// adjust slot outer inner slot glass to the target center.
slotGlass.css({'width': ohDim.w})
.find('.slotGlassCenter')
.css({'width': ohDim.w - 8, 'margin-left': 4});
// slot glass dimenesions
var glassDim = {'w': slotGlass.width(), 'h': slotGlass.height()};
// slot glass offset.
slotGlass.css({'top': (ohDim.h - glassDim.h) / 2, 'left': (ohDim.w - glassDim.w) / 2});
// adjust slot lens.
slotLens.css({'width': ohDim.w + 6, 'left': 0})
.find('.slotLensCenter')
.css({'width': ohDim.w + 6 - 16, 'margin-left': 8});
// slot lens dimensions
var lensDim = {'w': slotLens.width(), 'h': slotLens.height()};
// adjust lens offset.
slotLens.css({'top': (ohDim.h - lensDim.h) / 2 + 5, 'left': (ohDim.w - lensDim.w) / 2});
// adjust slot outer inner slot scroll pane to the target center.
slotScrollPane.css({'width': ohDim.w})
.css({'width': glassDim.w, 'height': glassDim.h - 5});
// slot scroll pane offset.
slotScrollPane.css({'top': ((ohDim.h - glassDim.h) / 2) + 2, 'left': (ohDim.w - glassDim.w) / 2});
},
appendItemsToSlot: function(){
var outer = $('#' + this.id + '_outer');
var slotGlass = outer.find('.slotGlassLeft');
var target = $('#' + this.id + '_slotItems');
var spacerItem = $('
');
spacerItem.height(slotGlass.height() / 2);
var bottomSpacerItem = spacerItem.clone();
var self = this;
$(this.items).each(function(i){
var first = i === 0 ? true : false;
if (i === 0){
target.append(spacerItem);
}
this.make(target, first);
if (i + 1 == self.items.length){
target.append(bottomSpacerItem);
}
});
},
adaptAndDisplayButtons: function(){
var outer = $('#' + this.id + '_outer');
var slotGlass = outer.find('.slotGlassLeft');
var button = outer.find('.slotButton');
var buttonTop = outer.find('.slotButtonTop');
var buttonBottom = outer.find('.slotButtonBottom');
button.css({'width': slotGlass.width()});
buttonTop.css({'top': slotGlass.position().top - button.height()});
buttonBottom.css({'top': slotGlass.position().top + slotGlass.height()});
},
setWidth: function(width){
if (width && typeof width == 'number'){
this.width = width;
this.adaptSlotDimensions();
this.adaptAndDisplayButtons();
}
},
scrollToItem: function(currentItem, button, duration){
var curr = null, up, down;
if (button){
if (button == 'up' || button == 'down'){
up = button == 'up' ? true : false;
down = button == 'down' ? true : false;
}else{
button = $(button);
up = button.hasClass('top');
down = button.hasClass('bottom');
}
if (down){
if (currentItem < this.items.length - 1){
$('#' + this.id + '_slotItem_' + currentItem).removeClass('slotMachineItemHere');
curr = ++this.currentItem;
}
}
if (up){
if (currentItem > 0){
$('#' + this.id + '_slotItem_' + currentItem).removeClass('slotMachineItemHere');
curr = --this.currentItem;
}else{
curr = -1;
}
}
}else{
curr = this.currentItem = currentItem;
}
var self = this;
var items = $('div[id^=' + this.id + '_slotItem_]');
this.slotDataValidCheck(curr);
if (curr !== null && curr > -1){
var dur = 300;
if (duration || duration === 0){
dur = duration;
}
$('#' + this.id + '_slotScrollPane').scrollTo(
'#' + this.id + '_slotItem_' + curr,
{
'offset': -60,
'duration': dur,
'easing': 'elasout',
'onAfter': function(){
// after the slot catch trigger a callback
var cb = self.configurator.defaults.onAfterSlotCatch;
if (cb && typeof cb == 'function'){
cb.call(self.configurator, self);
}
$('#' + self.id + '_slotItem_' + curr).addClass('slotMachineItemHere');
items.each(function(i){
if (curr != i){
$(this).removeClass('slotMachineItemHere');
}
});
if (!self.initMode){
if (self.clickTimeout){
clearTimeout(self.clickTimeout);
}
self.clickTimeout = setTimeout(function(){
self.clickTimeout = null;
self.configurator.data.art_id = null;
self.configurator.data[self.configurator.data.pk] = null;
self.configurator.verifyData(self);
}, 500);
}
self.initMode = false;
}
}
);
}
},
make: function(target){
if (target){
var slotLay = this.makeSlotLayout();
var slotTitle = this.makeSlotTitle();
var titleTarget = target.find('#slotMachineMainBg tr.titles');
target = target.find('#slotMachineMainBg tr.slots');
titleTarget.append(slotTitle);
target.append(slotLay);
this.adaptSlotDimensions();
this.appendItemsToSlot();
this.adaptAndDisplayButtons();
var self = this;
$('#' + this.id +'_slotButtonTop div, #' + this.id +'_slotButtonBottom div')
.bind('click', function(e){
var cb = self.configurator.defaults.onSlotAction;
if (cb && typeof cb == 'function'){
cb.call(self, this);
}
self.scrollToItem(self.currentItem, this);
})
.bind('mousedown', function(e){
if (! self.mouseDownInterval){
var button = this;
self.mouseDownInterval = setInterval(function(){
self.scrollToItem(self.currentItem, button, 200);
}, 300);
}
})
.bind('mouseup', function(e){
if (self.mouseDownInterval){
clearInterval(self.mouseDownInterval);
self.mouseDownInterval = null;
}
})
.hover(
function(){$(this).addClass('active');},
function(){$(this).removeClass('active');}
);
// initial scroll to the pre configured item.
this.scrollToItem(this.currentItem);
}
},
selectCurrentItem: function(){},
update: function(slotData){
this.items = [];
this.initMode = true;
$('#' + this.id + '_outer').find('.slotItems').empty();
$('#' + this.id + '_titleColumn').find('.slotTitle').text(slotData.title);
var self = this;
var slotItemType = this.configurator.defaults.slotItemType;
$(slotData.items).each(function(i){
if (this.type == slotItemType){
var slotItem = window[slotItemType].create(this.title, this.value);
slotItem.configurator = self.configurator;
slotItem.id = self.id + '_slotItem_' + i;
slotItem.itemCnt = i;
slotItem.data = this;
slotItem.slot = self;
slotItem.width = self.width;
self.appendItem(slotItem);
}
});
this.appendItemsToSlot();
var realWidth = this.width;
var itemsHasImage = false;
$(this.items).each(function(i){
if (this.data.img){
itemsHasImage = true;
}
var item = $('#' + this.id);
var scrollWidth = item.get(0).scrollWidth;
if (scrollWidth > self.width && scrollWidth > realWidth){
realWidth = scrollWidth;
}
item.css({'width': 'auto'});
});
if (this.items.length > 0){
var addSpace = itemsHasImage ? 53 : 10;
if (realWidth > this.width){
this.setWidth(realWidth + addSpace);
}
this.scrollToItem(slotData.currentItem, null, 0);
}
},
slotDataValidCheck: function(currentItem){
var outer = $('#' + this.id + '_outer');
if (currentItem === 0 || currentItem == -1){
outer.addClass('slotMachineSlotOuter_pass');
outer.find('.slotLensLeft').addClass('slotLensLeft_pass');
outer.find('.slotLensRight').addClass('slotLensRight_pass');
outer.find('.slotLensCenter').addClass('slotLensCenter_pass');
}else{
outer.removeClass('slotMachineSlotOuter_pass');
outer.find('.slotLensLeft').removeClass('slotLensLeft_pass');
outer.find('.slotLensRight').removeClass('slotLensRight_pass');
outer.find('.slotLensCenter').removeClass('slotLensCenter_pass');
}
}
}
);
/* << */
/* >> Slot Machine item (inherit GenericConfiguratorSlotItem)*/
SlotMachineSlotItem = $.extend(
$.clone(GenericConfiguratorSlotItem),
{
create: function(title, value){
var o = GenericConfiguratorSlotItem.create.call(this);
o.configurator = null;
o.id = null;
o.itemCnt = null;
o.title = title;
o.value = value;
o.data = null;
o.slot = null;
o.width = null;
return o;
},
makeItemLayout: function(first){
var item = $(
''
);
item.css({'width': this.width, 'overflow': 'hidden'});
if (first){
item.addClass('slotMachineFirstItem');
}
if (this.data.img){
var img = this.data.img;
item.addClass('slotMachineItemWithImage').find('.inner').css({'background-image': 'url(' + img.src + ')'});
}
var self = this;
item.bind('click', function(e){
var cb = self.configurator.defaults.onSlotAction;
if (cb && typeof cb == 'function'){
cb.call(self, this);
}
var currItem = $('#' + self.slot.items[self.slot.currentItem].id);
currItem.removeClass('slotMachineItemHere');
self.slot.scrollToItem(self.itemCnt);
});
return item;
},
make: function(target, first){
if (target){
target.append(this.makeItemLayout(first));
}
}
}
);
/* << */
/* << */
/* >> Slot Machine generic configurator locked mode (inherit SlotMachineGenericConfigurator)*/
SlotMachineGenericConfiguratorWithLockedFeature = $.extend(
$.clone(SlotMachineGenericConfigurator),
{
create: function(){
var o = SlotMachineGenericConfigurator.create.call(this);
o.defaults = {
dataType: 'SlotMachineData',
slotType: 'SlotMachineLockedModeSlot',
slotItemType: 'SlotMachineSlotLockedModeItem',
target: null,
ajaxHandler: null,
onBeforeInit: null,
onAfterInit: null,
onAfterSlotCatch: null,
onDataRequest: null,
onDataRequestSuccess: null
};
return o;
}
}
);
/* << */
/* >> Slot machine slot locked mode (inherit SlotMachineSlot)*/
SlotMachineLockedModeSlot = $.extend(
$.clone(SlotMachineSlot),
{
create: function(title, currentItem){
var o = SlotMachineSlot.create.call(this, title, currentItem);
return o;
},
makeSlotLayout: function(){
var locked = this.configurator.data.locked;
var buttons = [];
if (locked){
if ($.inArray(this.itemId, locked) > -1){
buttons[0] = '';
buttons[1] = '';
}else{
buttons[0] = '';
buttons[1] = '';
}
}else{
buttons[0] = '';
buttons[1] = '';
}
var slot = $(
'' +
'' +
buttons[0] +
'
' +
'
' +
'
' +
buttons[1] +
'
'
);
return slot;
},
appendItemsToSlot: function(slotData){
var outer = $('#' + this.id + '_outer');
var slotGlass = outer.find('.slotGlassLeft');
var target = $('#' + this.id + '_slotItems');
var spacerItem = $('
');
spacerItem.height(slotGlass.height() / 2);
var bottomSpacerItem = spacerItem.clone();
var self = this;
$(this.items).each(function(i){
var first = i === 0 ? true : false;
if (i === 0){
target.append(spacerItem);
}
var here = false;
if (slotData){
if (slotData.currentItem == this.itemCnt){
here = true;
}
}else{
if (self.currentItem == this.itemCnt){
here = true;
}
}
this.make(target, first, here);
if (i + 1 == self.items.length){
target.append(bottomSpacerItem);
}
});
},
make: function(target){
if (target){
var slotLay = this.makeSlotLayout();
var slotTitle = this.makeSlotTitle();
var titleTarget = target.find('#slotMachineMainBg tr.titles');
target = target.find('#slotMachineMainBg tr.slots');
titleTarget.append(slotTitle);
target.append(slotLay);
this.adaptSlotDimensions();
this.appendItemsToSlot();
this.adaptAndDisplayButtons();
var self = this;
$('#' + this.id +'_slotButtonTop div, #' + this.id +'_slotButtonBottom div')
.bind('click', function(e){
var cb = self.configurator.defaults.onSlotAction;
if (cb && typeof cb == 'function'){
cb.call(self, this);
}
self.scrollToItem(self.currentItem, this);
})
.bind('mousedown', function(e){
if (! self.mouseDownInterval){
var button = this;
self.mouseDownInterval = setInterval(function(){
self.scrollToItem(self.currentItem, button, 200);
}, 300);
}
})
.bind('mouseup', function(e){
if (self.mouseDownInterval){
clearInterval(self.mouseDownInterval);
self.mouseDownInterval = null;
}
})
.hover(
function(){$(this).addClass('active');},
function(){$(this).removeClass('active');}
);
// initial scroll to the pre configured item.
this.scrollToItem(this.currentItem);
}
},
update: function(slotData){
this.items = [];
this.initMode = true;
$('#' + this.id + '_outer').find('.slotItems').empty();
$('#' + this.id + '_titleColumn').find('.slotTitle').text(slotData.title);
var self = this;
var slotItemType = this.configurator.defaults.slotItemType;
$(slotData.items).each(function(i){
if (this.type == slotItemType){
var slotItem = window[slotItemType].create(this.title, this.value);
slotItem.configurator = self.configurator;
slotItem.id = self.id + '_slotItem_' + i;
slotItem.itemCnt = i;
slotItem.data = this;
slotItem.slot = self;
slotItem.width = self.width;
self.appendItem(slotItem);
}
});
this.appendItemsToSlot(slotData);
var realWidth = this.width;
var itemsHasImage = false;
$(this.items).each(function(i){
if (this.data.img){
itemsHasImage = true;
}
var item = $('#' + this.id);
var scrollWidth = item.get(0).scrollWidth;
if (scrollWidth > self.width && scrollWidth > realWidth){
realWidth = scrollWidth;
}
item.css({'width': 'auto'});
});
if (this.items.length > 0){
var addSpace = itemsHasImage ? 53 : 10;
if (realWidth > this.width){
this.setWidth(realWidth + addSpace);
}
this.scrollToItem(slotData.currentItem, null, 0);
}
}
}
);
/* << */
/* >> Slot Machine item locked mode (inherit SlotMachineSlotItem)*/
SlotMachineSlotLockedModeItem = $.extend(
$.clone(SlotMachineSlotItem),
{
create: function(title, value){
var o = SlotMachineSlotItem.create.call(this, title, value);
return o;
},
makeItemLayout: function(first, here){
var locked = this.slot.configurator.data.locked || [], title;
if ($.inArray(this.slot.itemId, locked) > -1){
locked = true;
title = here ? this.title : ' ';
}else{
locked = false;
title = this.title;
}
var item = $(
''
);
item.css({'width': this.width, 'overflow': 'hidden'});
if (first){
item.addClass('slotMachineFirstItem');
}
if (this.data.img){
var img = this.data.img;
item.addClass('slotMachineItemWithImage').find('.inner').css({'background-image': 'url(' + img.src + ')'});
}
var self = this;
if (locked){
item.addClass('slotMachineItemLocked');
}else{
item.bind('click', function(e){
var cb = self.configurator.defaults.onSlotAction;
if (cb && typeof cb == 'function'){
cb.call(self, this);
}
var currItem = $('#' + self.slot.items[self.slot.currentItem].id);
currItem.removeClass('slotMachineItemHere');
self.slot.scrollToItem(self.itemCnt);
});
}
return item;
},
make: function(target, first, here){
if (target){
target.append(this.makeItemLayout(first, here));
}
}
}
);
/* << */
/* >> Slot machine tabbed image mode (inherit GenericConfigurator)*/
SlotMachineTabbedImageMode = $.extend(
$.clone(GenericConfigurator),
{
create: function(){
var o = GenericConfigurator.create.call(this);
o.defaults = {
dataType: 'SlotMachineData',
slotType: 'SlotMachineTabbedImageModeSlot',
slotItemType: 'SlotMachineTabbedImageModeSlotItem',
target: null,
ajaxHandler: null,
onBeforeInit: null,
onAfterInit: null,
onAfterSlotCatch: null,
onDataRequest: null,
onDataRequestSuccess: null
};
return o;
},
getURLParams: function(specParams){
var url = window.location.href;
var params = Utils.getUrlParamsAsJson(url);
if (params && params.id){
delete patam.id;
}
var reg = /_dId_/;
var id = null;
if (reg.test(url)){
id = url.substring(url.search(reg) + 5, url.search(/_\.htm/));
}
if (params && params.auf_id !== null){
id = params.auf_id;
}
if (params && params.pos_id !== null && !params.auf_id){
id = params.pos_id;
}
if (id){
if (params.pos_id){
params = $.extend(params, {'pos_id': id});
}else{
params = $.extend(params, {'auf_id': id});
}
}else{
var cfd = window.CONFIGURATOR_FALLBACK_DATA, toMergeParams;
if (cfd && cfd.auf_id){
toMergeParams = {
auf_id: null,
freeConfig: 'true'
};
$.extend(toMergeParams, cfd);
params = $.extend(params, toMergeParams);
}
}
params = $.extend(params, specParams);
if (params && !params.ovn){
params.ovn = 'false';
}
return params;
},
makeShell: function(target){
var shell = $(
''
);
target.append(shell);
},
handleHovertextContainer: function(data){
var target = $('#itemHoverInfoContainer'), lay = $(''),
baseHovertext = this.data.hovertext;
if (target.length){
if (data && data.item.hovertext){
lay.find('.inner').html(data.item.hovertext);
target.empty().append(lay);
}else if (baseHovertext){
lay.find('.inner').html(baseHovertext);
target.empty().append(lay);
}else{
target.empty();
}
}
}
}
);
/* << */
/* >> Slot machine tabbed image mode slot (inherit GenericConfiguratorSlot)*/
SlotMachineTabbedImageModeSlot = $.extend(
$.clone(GenericConfiguratorSlot),
{
create: function(title, currentItem){
var o = GenericConfiguratorSlot.create.call(this);
o.configurator = null;
o.id = null;
o.itemId = null;
o.title = title;
o.width = null;
o.items = [];
o.currentItem = currentItem;
o.data = null;
o.mouseDownInterval = null;
o.initMode = true;
o.clickTimeout = null;
return o;
},
makeSlotTitle: function(){
var title = $(
'' +
'' +
' '
);
if (this.isLocked()){
title.find('a').addClass('slotLocked');
}
return title;
},
isLocked: function(){
var locked = this.configurator.data.locked || [];
if ($.inArray(this.itemId, locked) > -1){
return true;
}
return false;
},
makeSlotLayout: function(){
var slot = $(
''
);
return slot;
},
appendItemsToSlot: function(){
var target = $('#' + this.id + '_slotItems').empty();
var self = this;
$(this.items).each(function(i){
this.make(target);
});
},
toogleSlotTitleArrow: function(here, hasSelection){
var col = $('#slotMachineImageMode li.' + this.id + '_titleColumn'), className;
col.find('div.slotArrow').toggleClass('slotArrowActive', here);
hasSelection = hasSelection ? true : false;
col.find('a').toggleClass('slotArrow_hasSelection', hasSelection);
},
make: function(target){
if (target){
var slotLay = this.makeSlotLayout();
var slotTitle = this.makeSlotTitle();
var titleTarget = $('#slotMachineTabs ul');
titleTarget.append(slotTitle);
$('#slotMachineTabs').append(slotLay);
this.appendItemsToSlot();
}
},
selectCurrentItem: function(){},
isValid: function(){
if (this.currentItem > 0){
return true;
}
return false;
},
selectNextInvalidTab: function(){
var currentId = this.itemId;
var ovSlots = this.configurator.slots.length;
for (var i = currentId; i < currentId + ovSlots; ++i){
var slot = this.configurator.slots[i % ovSlots];
if(! slot.isValid()){
$('#slotMachineTabs').tabs('select' , slot.itemId);
break;
}
}
},
update: function(slotData){
this.data = slotData;
this.currentItem = slotData.currentItem;
var here = this.currentItem !== 0 ? true : false;
this.toogleSlotTitleArrow(here, this.currentItem);
this.items = [];
this.initMode = true;
$('#' + this.id + '_outer').find('.slotItems').empty();
$('#' + this.id + '_titleColumn').find('.slotTitle').text(slotData.title);
var self = this;
var slotItemType = this.configurator.defaults.slotItemType;
$(slotData.items).each(function(i){
if (this.type == slotItemType){
var slotItem = window[slotItemType].create(this.title, this.value);
slotItem.configurator = self.configurator;
slotItem.id = self.id + '_slotItem_' + i;
slotItem.itemCnt = i;
slotItem.data = this;
slotItem.slot = self;
slotItem.width = self.width;
self.appendItem(slotItem);
}
});
this.appendItemsToSlot();
}
}
);
/* << */
/* >> Slot machine tabbed image mode slot item (inherit GenericConfiguratorSlotItem) */
SlotMachineTabbedImageModeSlotItem = $.extend(
$.clone(GenericConfiguratorSlotItem),
{
create: function(title, value){
var o = GenericConfiguratorSlotItem.create.call(this);
o.configurator = null;
o.id = null;
o.itemCnt = null;
o.title = title;
o.value = value;
o.data = null;
o.slot = null;
o.width = null;
return o;
},
makeItemLayout: function(){
var locked = this.slot.isLocked();
if (this.itemCnt === 0){
return $('
').hide();
}else{
var item = $(
''
);
if (locked){
item.css({'cursor': 'default'});
if (this.slot.currentItem != this.itemCnt){
item.addClass('slotMachineTabbedImageItemLocked');
}
}
item.data('itemData', {'value': this.value, 'slot': this.slot, 'configurator': this.configurator, 'item': this.data});
if (this.data.img2){
var img = this.data.img2;
if (img){
item.css({'background-image': 'url(' + img.src + ')'});
}
}else{
item.css({'border': '1px solid #fff'}).append(this.data.title);
item.width(93);
item.height(93);
}
if (this.itemCnt == this.slot.currentItem){
item.addClass('slotMachineTabbedImageItemHere');
this.slot.toogleSlotTitleArrow(true, true);
}
var self = this;
var items = $('div[id^=' + this.slot.id + '_slotItem_]');
if (!locked){
item.bind('click', function(e){
if (self.slot.currentItem == self.itemCnt){
self.slot.currentItem = 0;
self.slot.toogleSlotTitleArrow(false, false);
}else{
self.slot.currentItem = self.itemCnt;
self.slot.toogleSlotTitleArrow(true, true);
}
var cb = self.configurator.defaults.onSlotAction;
if (cb && typeof cb == 'function'){
cb.call(self, this);
}
self.configurator.data.art_id = null;
self.configurator.data[self.configurator.data.pk] = null;
self.configurator.verifyData(self.slot);
});
}
item.bind('mouseover', function(e){
var data = $(this).data('itemData');
self.configurator.handleHovertextContainer(data);
});
item.bind('mouseout', function(e){
self.configurator.handleHovertextContainer(null);
});
return item;
}
}
}
);
/* << */
/* >> Slot machine select mode (inherit GenericConfigurator)*/
SlotMachineSelectMode = $.extend(
$.clone(GenericConfigurator),
{
create: function(){
var o = GenericConfigurator.create.call(this);
o.defaults.ignoreLockedSlots = true;
return o;
},
getURLParams: function(specParams){
var url = window.location.href;
var params = Utils.getUrlParamsAsJson(url);
if (params && params.id){
delete params.id;
}
var reg = /_dId_/;
var id = null;
if (reg.test(url)){
id = url.substring(url.search(reg) + 5, url.search(/_\.htm/));
}
if (params && params.auf_id !== null){
id = params.auf_id;
params = $.extend(params, {'auf_id': id});
}
if (params && params.pos_id !== null && !params.auf_id){
id = params.pos_id;
params = $.extend(params, {'pos_id': id});
}
var cfd = window.CONFIGURATOR_FALLBACK_DATA, toMergeParams;
if (!id){
if (cfd && cfd.auf_id){
toMergeParams = {
auf_id: null,
freeConfig: true
};
$.extend(toMergeParams, cfd);
params = $.extend(params, toMergeParams);
}
}
if (cfd && cfd.cp){
params = $.extend(params, {'cp': true});
}
params = $.extend(params, specParams);
if (params && !params.ovn){
params.ovn = 'false';
}
return params;
}
}
);
/* << */
/* >> Slot machine select mode slot (inherit GenericConfiguratorSlot) */
SlotMachineSelectModeSlot = $.extend(
$.clone(GenericConfiguratorSlot),
{
create: function(title, currentItem){
var o = GenericConfiguratorSlot.create.call(this);
o.configurator = null;
o.id = null;
o.itemId = null;
o.title = title;
o.width = null;
o.items = [];
o.currentItem = currentItem;
o.data = null;
o.mouseDownInterval = null;
o.initMode = true;
o.clickTimeout = null;
o.domel = null;
return o;
},
makeSlotLayout: function(){
var locked = this.isLocked();
var slot = $(
'' +
'' +
'' +
'' + this.title + ' ' +
'' + Utils.pixelAsString() + ' ' +
'
' +
' ' +
' ' +
'' +
'
' +
'' +
'
' +
' ' +
' '
);
if (locked){
slot.find('.slotBullet').addClass('slotLocked').end().find('select').attr({'disabled': 'disabled'});
}
if (this.currentItem > 0){
slot.find('.arrow').addClass('arrowActive');
}
var self = this;
slot.find('select').bind('change', function(e){
var cb = self.configurator.defaults.onSlotAction;
if (cb && typeof cb == 'function'){
cb.call(this);
}
var select = $(this);
var value = select.val();
self.data.currentItem = self.currentItem = 0;
select.find('option').each(function(i){
if ($(this).attr('value') == value){
self.data.currentItem = self.currentItem = i;
}
});
self.configurator.data.art_id = null;
self.configurator.data[self.configurator.data.pk] = null;
self.configurator.verifyData(self);
});
this.domel = slot;
return slot;
},
isLocked: function(){
var locked = this.configurator.data.locked || [];
if ($.inArray(this.itemId, locked) > -1){
return true;
}
return false;
},
update: function(slotData){
this.items = [];
this.initMode = true;
this.data = slotData;
this.currentItem = slotData.currentItem;
$('#' + this.id + '_select').empty();
$('#' + this.id + '_titleColumn .slotTitle .title').text(slotData.title);
var ready = false;
if (this.currentItem > 0){
ready = true;
}
$('#' + this.id + '_titleColumn .slotTitle').find('.arrow').toggleClass('arrowActive', ready)
.end().parents('tr').next().find('.slotBullet').toggleClass('slotBulletActive_hasSelection', ready);
var self = this;
var slotItemType = this.configurator.defaults.slotItemType;
$(slotData.items).each(function(i){
if (this.type == slotItemType){
var slotItem = window[slotItemType].create(this.title, this.value);
slotItem.id = self.id + '_slotItem_' + i;
slotItem.itemCnt = i;
slotItem.data = this;
slotItem.slot = self;
slotItem.width = self.width;
self.appendItem(slotItem);
}
});
this.appendItemsToSlot();
this.selectCurrentItem();
$('#' + this.id + '_select').hide().show();
}
}
);
/* << */
/* >> Slot machine select mode slot item (inherit GenericConfiguratorSlotItem) */
SlotMachineSelectModeSlotItem = $.extend(
$.clone(GenericConfiguratorSlotItem),
{
create: function(title, value){
var o = GenericConfiguratorSlotItem.create.call(this);
o.configurator = null;
o.id = null;
o.itemCnt = null;
o.title = title;
o.value = value;
o.data = null;
o.slot = null;
o.width = null;
return o;
},
makeItemLayout: function(){
var item = $(
'' + this.title + ' '
);
return item;
},
make: function(target){
if (target){
target.append(this.makeItemLayout());
}
}
}
);
/* << */
/* >> Slot machine select mode with hide locked slot (inherit SlotMachineSelectMode) */
SlotMachineSelectModeWithHideLockedSlots = $.extend(
$.clone(GenericConfigurator),
{
create: function(){
var o = SlotMachineSelectMode.create.call(this);
o.defaults.ignoreLockedSlots = true;
return o;
},
getURLParams: function(specParams){
var url = window.location.href, cfd,
params = Utils.getUrlParamsAsJson(url);
params = $.extend(params, specParams);
cfd = window.CONFIGURATOR_FALLBACK_DATA;
if (Utils.isObject(cfd) && typeof params.auf_id === 'undefined'){
params = $.extend(params, cfd);
}
return params;
}
}
);
/* << */
/* >> Slot machine select mode with info layout slot (inherit SlotMachineSelectModeSlot) */
SlotMachineSelectModeWithInfoSlot = $.extend(
$.clone(SlotMachineSelectModeSlot),
{
create: function(title, currentItem){
return SlotMachineSelectModeSlot.create.call(this, title, currentItem);
},
makeSlotLayout: function(){
var locked = this.isLocked();
var slot = $(
'' +
'' +
'' +
'' + this.title + ' ' +
'' + Utils.pixelAsString() + ' ' +
'
' +
' ' +
' ' +
'' +
'
' +
'' +
'
' +
' ' +
' '
);
if (locked){
slot.find('.slotBullet').addClass('slotLocked').end().find('select').attr({'disabled': 'disabled'});
}
if (this.currentItem > 0){
slot.find('.arrow').addClass('arrowActive');
}
var self = this;
slot.find('select').bind('change', function(e){
var cb = self.configurator.defaults.onSlotAction;
if (cb && typeof cb == 'function'){
cb.call(this);
}
var select = $(this);
var value = select.val();
self.data.currentItem = self.currentItem = 0;
select.find('option').each(function(i){
if ($(this).attr('value') == value){
self.data.currentItem = self.currentItem = i;
}
});
self.configurator.data.art_id = null;
self.configurator.data[self.configurator.data.pk] = null;
self.configurator.verifyData(self);
});
this.domel = slot;
return slot;
}
}
);
/* << */
/* >> data type updater */
updateDataTypes = function(data, mode){
if (mode == 'select'){
data.type = 'GenericConfiguratorData';
$(data.slots).each(function(i){
this.type = 'SlotMachineSelectModeSlot';
$(this.items).each(function(j){
this.type = 'SlotMachineSelectModeSlotItem';
});
});
}else if (mode == 'image'){
$(data.slots).each(function(i){
this.type = 'SlotMachineTabbedImageModeSlot';
$(this.items).each(function(j){
this.type = 'SlotMachineTabbedImageModeSlotItem';
});
});
}else if (mode == 'slotmachine'){
data.type = 'GenericConfiguratorData';
$(data.slots).each(function(i){
this.type = 'SlotMachineSelectModeWithInfoSlot';
$(this.items).each(function(j){
this.type = 'SlotMachineSelectModeSlotItem';
});
});
}else if (mode == 'sharedSelect'){
data.type = 'SharedSlotMachineSelectMode';
$(data.slots).each(function(i){
this.type = 'SharedSlotMachineSelectModeSlot';
$(this.items).each(function(j){
this.type = 'SlotMachineSelectModeSlotItem';
});
});
}else if (mode == 'displayPilotSelect'){
data.type = 'SlotMachineSelectModeWithHideLockedSlots';
$(data.slots).each(function(i){
this.type = 'SlotMachineSelectModeSlot';
$(this.items).each(function(j){
this.type = 'SlotMachineSelectModeSlotItem';
});
});
}
};
/* << */
/* >> Locked slots register */
registerLockedSlots = function(urlParams, data){
var lockedSlotNames, locked;
if (typeof urlParams.locked !== 'undefined'){
lockedSlotNames = urlParams.locked;
if (!Utils.isArray(urlParams.locked)){
lockedSlotNames = [lockedSlotNames];
}
locked = [];
$(data.slots).each(function(i){
if ($.inArray(this.pk, lockedSlotNames) > -1){
locked.push(i);
}
});
if (locked.length > 0){
data.locked = locked;
}
}
};
/* << */
/* >> disabled template tab handling */
handleTemplateTab = function(enable){
var tab = $('.cni_vorlagen');
if (enable){
tab.removeClass('cni_disabled_vorlagen').unbind('click');
}else{
tab.addClass('cni_disabled_vorlagen').bind('click', function(e){
e.preventDefault();
e.stopPropagation();
});
}
};
/* << */
/* >> Slot machine initialization */
// starts the slot machine
StartSlotmachine = function(){
// makes slot machine titles
prepareSlotmachineLayout = function(){
var target = $('#genericConfiguratorMainBg'),
titlePrd = $('' + $.lang('titlePrd') + '
'),
titleOpts = $('' + $.lang('titleOpts') + '
'),
titleConf = $('' + $.lang('titleConf') + '
');
addOpts = $('
');
target.prepend(titlePrd, titleOpts, titleConf, addOpts);
};
slotMachineActionKeeper = function(){
if ($('#slotMachineActionKeeper').size() === 0){
var opts = {'opacity': 1, 'background': 'transparent'};
var akShell = $('
');
var target = $('div.contColDes5');
target.addClass('viewport').css({'overflow': 'hidden'});
var w = target.width();
var h = target.height();
akShell.width(w).height(h);
akShell.css(opts);
target.append(akShell);
var bgAnimation = BgAnimate.createAnimation('slotMachineBusyRotor', akShell);
bgAnimation.start();
}
};
initiateInfos = function(Machine, type){
var attr, i, slot, url, options = $('#slotmachineAddOptsContainer .optionOuter'),
bindXPopup = function(url, target, domTarget, display){
var d = 'block';
if (display){
d = display;
}
if (url){
LL_XPopup.registerPopup(
domTarget,
'click',
'AJAX',
'p_c',
'c',
0,
0,
{
height: 500,
width: 600,
url: {
data: {
text: 'Wird geladen...'
},
useProperty: 'text',
type: 'xpopupJsonContainer'
},
background: {
r: 0,
g: 0,
b: 0,
opacity: 0.3
}
},
function(action){
if (action === 'load'){
$.getJSON(url, function(data, textStatus){
$('#xpopupContent').find('>div').html(data.text);
});
}
}
);
target.css({
display: d
});
}
};
if (type == 'slots'){
var x = function(url, slotInfo){
bindXPopup(url, slotInfo, slotInfo.get(0));
};
for (i = 0; i < Machine.data.slots.length; i+=1){
slot = Machine.data.slots[i];
attr = slot.pk;
url = AjaxURLManager.getUrlWithKey('infotext', {
wg_id_super: Machine.data.wg_id_super,
attr: attr
});
var slotInfo = Machine.slots[i].domel.find('.slotInfo');
if (slot.infotextAvailable){
x(url, slotInfo);
}
}
}else if (type == 'options'){
options.each(function(i){
var zup_id, opt;
if (Machine.data.options.length && Machine.data.options[i]){
opt = Machine.data.options[i];
if (opt.infotextAvailable){
if ($(this).hasClass('optionOuterSelect')){
zup_id = opt.items[1].value;
}else if ($(this).hasClass('optionOuterText')){
zup_id = opt.name;
}else{
zup_id = opt.value;
}
url = AjaxURLManager.getUrlWithKey('infotext', {
zup_id: zup_id
});
(function(url, slotInfo){
bindXPopup(url, slotInfo, slotInfo.get(0));
}(url, $(this).find('.slotInfo')));
}
}
});
}else if (type === 'dataCheck'){
url = null;
if ($('#slotmachineAddOptsContainer .optionOuterStaticText').length){
if (Machine && Machine.data){
url = AjaxURLManager.getUrlWithKey('infotext', {
wg_id_super: Machine.data.wg_id_super,
attr: 'dc_id'
});
}
if (url && Machine.data.meta && Machine.data.meta.datacheckInfotextAvailable){
(function(url, domel){
bindXPopup(url, domel, domel.get(0));
}(url, $('#slotmachineAddOptsContainer .optionOuterStaticText').find('.slotInfo')));
}
}
}else if (type === 'shippingMethod'){
url = null;
if ($('.shippingMethod_column').length){
if (Machine && Machine.data){
url = AjaxURLManager.getUrlWithKey('infotext', {
wg_id_super: Machine.data.wg_id_super,
attr: 'va_id'
});
}
if (url && Machine.data.meta.shippingTypeInfotextAvailable){
(function(url, domel){
bindXPopup(url, domel, domel.get(0));
}(url, $('.shippingMethod_column').next().find('.slotInfo')));
}
}
}else if (type === 'shippingTime'){
url = null;
if (Machine && Machine.data){
url = AjaxURLManager.getUrlWithKey('infotext', {
wg_id_super: Machine.data.wg_id_super,
attr: 'lz_id'
});
}
if (url && Machine.data.meta && Machine.data.meta.deliveryTimeInfotextAvailable){
(function(url, domel){
bindXPopup(url, domel, domel.get(0), 'inline-block');
}(url, $('.shippingTime .info')));
}
}
};
handleShippingTime = function(Machine, data, init){
var target = $('#genericConfiguratorMainBg'), st;
if (init){
st = $(
''
);
target.prepend(st);
}
if (data && data.meta && data.meta.deliveryTime && data.auf_id){
$('.shippingTime').find('.time').text(data.meta.deliveryTime);
}else{
$('.shippingTime').find('.time').text('---');
}
initiateInfos(Machine, 'shippingTime');
};
createStaticProductSelect = function(){
var data = PRODUCT_CATEGORY_CONFIG,
SelBox = SlotmachineSelectBox.create({
target: $('.genericConfiguratorShell'),
data: data,
className: 'slotmachineProductSelect',
onChangeCallback: function(value){
if (Utils.getXist4cSessionId({'returnOnlyUrlSession': true})){
value = value + Utils.getXist4cSessionId({
returnWithPrefix: true
});
}
window.location = value;
},
onAfterFinishCallback: function(){
var Box = this, domel = $('#' + Box.defaults.data.name + '_select');
domel.children('option').each(function(i){
if (typeof Box.defaults.data.items[i].current !== 'undefined' && Box.defaults.data.items[i].current){
$(this).attr('selected', 'selected');
}else{
$(this).attr('selected', null);
}
});
}
});
SelBox.make('prepend');
};
handleShippingMethodSelect = function(Machine, data){
var stdIdx, i, ShippingBox, opts, tableProp = 'costs', selected = false, item, text;
if ($('.slotmachineShippingSelectBox').length){
$('.slotmachineShippingSelectBox').next().remove();
$('.slotmachineShippingSelectBox').remove();
}
if (data.auf_id){
for (i = 0; i < data.costs.rows.length; i+=1){
if (data.express){
tableProp = 'exCosts';
}else if (data.overnight){
tableProp = 'ovCosts';
}
if (data[tableProp].rows[i].here){
stdIdx = i;
break;
}
}
opts = {
target: $('.genericConfiguratorShell'),
data: {
prompt: $.lang('shipping'),
name: 'shippingMethod',
items: [
{
title: $.lang('standard'),
value: ''
}
]
},
className: 'slotmachineShippingSelectBox',
onChangeCallback: function(value){
Machine.data.express = false;
Machine.data.overnight = false;
if (value){
Machine.data[value] = true;
}
Machine.verifyData();
}
};
if (data.exCosts.rows[stdIdx].auf_id){
opts.data.items.push({
title: $.lang('express') + ' ' + data.costs.rows[stdIdx].additionalcostExpress,
value: 'express'
});
if (data.express){
selected = true;
opts.data.items[opts.data.items.length - 1].here = true;
}
}
if (data.ovCosts.rows[stdIdx].auf_id){
opts.data.items.push({
title: $.lang('overnight') + ' ' + data.costs.rows[stdIdx].additionalcostOvernight,
value: 'overnight'
});
if (data.overnight){
selected = true;
opts.data.items[opts.data.items.length - 1].here = true;
}
}
if (opts.data.items.length > 1){
item = opts.data.items[0];
for (i = 0; i < opts.data.items.length; i+=1){
if (opts.data.items[i].here){
item = opts.data.items[i];
break;
}
}
if (item.value !== ''){
text = item.title;
text = text.substring(text.indexOf('(') + 1, text.indexOf(')'));
$('.shippingTime .timeOuter').prepend('' + text + ' ');
$('.shippingTime .timeOuter .time').eq(1).hide();
}else{
$('.shippingTime .timeOuter').find(':nth-child(1)').show().end().find(':nth-child(0)').remove();
}
ShippingBox = SlotmachineShippingOptionsSelectBoxExtension.create(opts);
ShippingBox.make('append');
ShippingBox.domel.find('.slotBullet').addClass(' slotBulletActive_hasSelection');
}
}
};
appendStaticDataCheckOption = function(){
var data = {
type: 'text',
prompt: $.lang('dataCheck'),
price: '+0,00 €* '
},
lay = SlotmachineAddOptions_GC.makeOptionLayout.call(this, data),
field = $('* Nettopreis
');
if (lay){
lay.addClass('optionOuterStaticText');
lay.find('.field').append(field);
lay.find('.slotBullet').addClass(' slotBulletActive_hasSelection');
}
$('#slotmachineAddOptsContainer').find('.optionOuterNoItems').remove();
$('#slotmachineAddOptsContainer').append(lay, starHint);
};
handleFreeFormatErrors = function(machine){
var ffData;
if (machine.data && machine.data.freeFormatData){
ffData = machine.data.freeFormatData;
if (ffData.errorMessage){
alert(ffData.errorMessage.title + '\n' + ffData.errorMessage.text);
}
}
};
sendEcondaInfoIdAufId = function(data){
var price = null;
if (data.auf_id && typeof(window.emospro) !== 'undefined'){
if (data.meta){
price = data.meta.priceNum || null;
}
if (price){
price = Math.round(price * 100) / 100;
}
window.emospro.ec_Event = [[
'view',
data.auf_id || 'NULL',
data.productTitle || 'NULL',
price || 'NULL',
data.meta.econda.econdaCategory || 'NULL',
'1',
data.meta.econda.ev1 || 'NULL',
data.meta.econda.ev2 || 'NULL',
data.meta.econda.ev3 || 'NULL',
data.meta.econda.ev4 || 'NULL',
data.meta.econda.ev5 || 'NULL',
data.meta.econda.ev6 || 'NULL',
data.meta.econda.ev7 || 'NULL',
data.meta.econda.ev8 || 'NULL',
data.meta.econda.ev9 || 'NULL',
data.meta.econda.ev10 || 'NULL'
]];
econdaRequestEvent();
}
};
prepareServiceIcons = function(data){
var LLSD = LL_ServiceDownloads.create({
target: $('.prdConfTopShellSm')
}, data);
LLSD.make();
};
SlotMachine = SlotMachineSelectMode.create();
LinkPreparer = PageLinkPreparer.create();
ResetPreparer = ResetButtonPreparer.create();
TopImagePrep = TopImagePreparer.create();
ScartPreparer = SlotmachineShoppingcartPreparer.create();
QuickChoice = SlotmachineRightQuickChoiceWithFreeFormat_GC.create(SlotMachine);
CustFormats = CustomFormats_GC.create(SlotMachine);
CostTables = CostsTableHandler_GC.create(SlotMachine);
ErrorMsgHandler = ErrorMessagesHandler_GC.create(SlotMachine);
handleTemplateTab(false);
SlotMachine.init(
{
'target': $('#slotMachine'),
'ajaxHandler': 'configarticle',
'slotType': 'SlotMachineSelectModeWithInfoSlot',
'slotItemType': 'SlotMachineSelectModeSlotItem',
'onBeforeInit': function(){
handleShippingTime(this, null, true);
BgAnimate.registerAnimation('slotMachineBusyRotor', null, {'bgPosition': '675px 190px', 'prefix': 'rotorMedAni_', 'duration': 130});
},
'onInitDataReceive': function(data){
prepareSlotmachineLayout();
if (!CONFIGURATOR_FALLBACK_DATA.cp){
AddOptions = SlotmachineAddOptions_GC.create(SlotMachine);
}else{
$('#slotmachineAddOptsContainer').html(
'' +
'Für einen Online-Gestalten Artikel stehen keine Zusatzoptionen zur Verfügung!' +
'
'
);
}
updateDataTypes(data, 'slotmachine');
if (data.overnight){
this.urlParams.ovn = true;
}
registerLockedSlots(this.urlParams, data);
},
'onAfterInit': function(data){
var opts = {
'title': data.productTitle,
'data': data,
'target': $('#prdConfTopConfig'),
'slot': this
};
createStaticProductSelect();
QuickChoice.init(opts);
ScartPreparer.update(data);
if (!CONFIGURATOR_FALLBACK_DATA.cp){
AddOptions.update(data);
}
CustFormats.update(data);
CostTables.init(data, $('#prdConfCostsOuterTable'));
LinkPreparer.update(data, this.urlParams);
ResetPreparer.make();
TopImagePrep.update(data);
ErrorMsgHandler.handleError(data);
initiateInfos(this, 'slots');
window.SELECT_MODE_SLOTMACHINE = true;
},
'onAfterSlotCatch': function(slot){
},
'onAfterSlotsUpdate': function(){
//clear action keeper
$('#slotMachineActionKeeper').remove();
$('div.contColDes5').css({
overflow: 'auto',
zIndex: 10000
});
},
'onSlotAction': function(eventElement){
// set action keeper
slotMachineActionKeeper();
},
'onDataRequest': function(slot, oldData){
// set action keeper
slotMachineActionKeeper();
},
'onDataRequestSuccess': function(slot, data){
var i, isSet, enable = true;
updateDataTypes(data, 'slotmachine');
// update auf_id.
if (this.urlParams && this.urlParams.auf_id){
this.urlParams.auf_id = data.auf_id;
}
ScartPreparer.update(data);
if (!CONFIGURATOR_FALLBACK_DATA.cp){
AddOptions.update(data);
}
CustFormats.update(data);
CostTables.update(data);
LinkPreparer.update(data, this.urlParams);
ErrorMsgHandler.handleError(data);
// update slot bullets
for (i = 0; i < this.slots.length; i+=1){
isSet = data.slots[i].currentItem > 0 ? true : false;
if (!isSet){
enable = false;
}
if (this.slots[i].domel){
this.slots[i].domel.find('.slotBullet').toggleClass('slotBulletActive_hasSelection', isSet);
}
}
QuickChoice.update(slot, data);
initiateInfos(this, 'options');
handleTemplateTab(enable);
handleShippingTime(this, data, false);
if (!CONFIGURATOR_FALLBACK_DATA.cp){
appendStaticDataCheckOption();
handleShippingMethodSelect(this, data);
initiateInfos(this, 'shippingMethod');
}
initiateInfos(this, 'dataCheck');
handleFreeFormatErrors(this);
// econda stuff
sendEcondaInfoIdAufId(data);
prepareServiceIcons(data);
}
}
);
};
/* << */
/* >> Slot machine dual mode initialization */
// starts the slot machines
StartSlotmachineDualMode = function(){
slotMachineActionKeeper = function(){
if ($('#slotMachineActionKeeper').size() === 0){
var opts = {'opacity': 1, 'background': 'transparent'};
var akShell = $('
');
var target = $('div.contColDes5');
target.addClass('viewport').css({'overflow': 'hidden'});
var w = target.width();
var h = target.height();
akShell.width(w).height(h);
akShell.css(opts);
target.append(akShell);
var bgAnimation = BgAnimate.createAnimation('slotMachineBusyRotor', akShell);
bgAnimation.start();
}
};
Sm_SelectMode = SlotMachineSelectMode.create();
Sm_TabbedImageMode = SlotMachineTabbedImageMode.create();
QuickChoice = TopProductQuickChoice_GC.create(Sm_SelectMode);
ScartPreparer = ShoppingcartPreparer.create();
AddOptions = AdditionalOptions_GC.create(Sm_SelectMode);
CustFormats = CustomFormats_GC.create(Sm_SelectMode);
CostTables = CostsTableHandler_GC.create(Sm_SelectMode);
LinkPreparer = PageLinkPreparer.create();
ResetPreparer = ResetButtonPreparer.create();
TopImagePrep = TopImagePreparer.create();
ErrorMsgHandler = ErrorMessagesHandler_GC.create(Sm_SelectMode);
Sm_SelectMode.init(
{
'target': $('#slotMachineSelectMode'),
'ajaxHandler': 'configarticle',
'slotType': 'SlotMachineSelectModeSlot',
'slotItemType': 'SlotMachineSelectModeSlotItem',
'onBeforeInit': function(){
BgAnimate.registerAnimation('slotMachineBusyRotor', null, {'bgPosition': '912px 190px', 'prefix': 'rotorMedAni_', 'duration': 130});
},
'onInitDataReceive': function(data){
updateDataTypes(data, 'select');
if (data.overnight){
this.urlParams.ovn = true;
}
registerLockedSlots(this.urlParams, data);
},
'onAfterInit': function(data){
// Init some handlers
var opts = {
'title': data.productTitle,
'data': data,
'target': $('#prdConfTopConfig'),
'slot': this
};
QuickChoice.init(opts);
ScartPreparer.update(data);
AddOptions.update(data);
CustFormats.update(data);
CostTables.init(data, $('#prdConfCostsOuterTable'));
LinkPreparer.update(data, this.urlParams);
ResetPreparer.make();
TopImagePrep.update(data);
ErrorMsgHandler.handleError(data);
window.SELECT_MODE_SLOTMACHINE = true;
},
'onAfterSlotCatch': function(slot){
},
'onAfterSlotsUpdate': function(){
//clear action keeper
$('#slotMachineActionKeeper').remove();
$('div.contColDes5').css({'overflow': 'auto'});
},
'onSlotAction': function(){
// set action keeper
slotMachineActionKeeper();
},
'onDataRequest': function(slot, oldData){
// set action keeper
slotMachineActionKeeper();
},
'onDataRequestSuccess': function(slot, data){
var timData = $.extend(true, {}, data);
updateDataTypes(data, 'select');
updateDataTypes(timData, 'image');
// update auf_id.
if (this.urlParams && this.urlParams.auf_id){
this.urlParams.auf_id = data.auf_id;
}
ScartPreparer.update(data);
AddOptions.update(data);
CustFormats.update(data);
CostTables.update(data);
LinkPreparer.update(data, this.urlParams);
QuickChoice.update(slot, data);
ErrorMsgHandler.handleError(data);
// synchronize tabbed image mode slotmachine
if (window.TABBED_IMAGE_MODE_SLOTMACHINE){
Sm_TabbedImageMode.data = timData;
if (Sm_TabbedImageMode.urlParams && Sm_TabbedImageMode.urlParams.auf_id){
Sm_TabbedImageMode.urlParams.auf_id = timData.auf_id;
}
Sm_TabbedImageMode.slotUpdateCheck();
if (slot){
$('#slotMachineTabs').tabs('select' , slot.itemId);
}
}
}
}
);
Sm_TabbedImageMode.init(
{
'target': $('#slotMachineImageMode'),
'ajaxHandler': 'configarticle',
'onBeforeInit': function(){},
'onInitDataReceive': function(data){
if (data.overnight){
this.urlParams.ovn = true;
}
updateDataTypes(data, 'image');
registerLockedSlots(this.urlParams, data);
$('table.prdConfTopTable .image').prepend('
');
this.handleHovertextContainer(null);
},
'onAfterInit': function(data){
// create tabs
$(function(){
$('#slotMachineTabs').tabs({
select: function(event, ui){
var slots = Sm_SelectMode.slots;
$(slots).each(function(i){
var here = i == ui.index ? true : false;
this.domel.find('.slotBullet').toggleClass('slotBulletActive', here);
});
}
});
// initial bullet activation on the first slot.
Sm_SelectMode.slots[0].domel.find('.slotBullet').toggleClass('slotBulletActive', true);
});
// Init some handlers
var opts = {
'title': data.productTitle,
'data': data,
'target': $('#prdConfTopConfig'),
'slot': this
};
QuickChoice.init(opts);
ScartPreparer.update(data);
AddOptions.update(data);
CustFormats.update(data);
CostTables.init(data, $('#prdConfCostsOuterTable'));
LinkPreparer.update(data, this.urlParams);
//ResetPreparer.make();
TopImagePrep.update(data);
ErrorMsgHandler.handleError(data);
window.TABBED_IMAGE_MODE_SLOTMACHINE = true;
},
'onAfterSlotCatch': function(slot){
},
'onAfterSlotsUpdate': function(){
//clear action keeper
$('#slotMachineActionKeeper').remove();
$('div.contColDes5').css({'overflow': 'auto'});
},
'onSlotAction': function(){
// set action keeper
slotMachineActionKeeper();
},
'onDataRequest': function(slot, oldData){
// set action keeper
slotMachineActionKeeper();
},
'onDataRequestSuccess': function(slot, data){
var smData = $.extend(true, {}, data);
updateDataTypes(data, 'image');
updateDataTypes(smData, 'select');
// update auf_id.
if (this.urlParams && this.urlParams.auf_id){
this.urlParams.auf_id = data.auf_id;
}
ScartPreparer.update(data);
AddOptions.update(data);
CustFormats.update(data);
CostTables.update(data);
LinkPreparer.update(data, this.urlParams);
QuickChoice.update(slot, data);
ErrorMsgHandler.handleError(data);
// synchronize select mode slotmachine
if (window.SELECT_MODE_SLOTMACHINE){
Sm_SelectMode.data = smData;
if (Sm_SelectMode.urlParams && Sm_SelectMode.urlParams.auf_id){
Sm_SelectMode.urlParams.auf_id = smData.auf_id;
}
Sm_SelectMode.slotUpdateCheck();
}
if (slot){
slot.selectNextInvalidTab();
}
}
}
);
};
/* << */
/* >> Slot Machine add ons there are triggered on slot machine events */
/* >> top product quick choice generic configurator compatible*/
TopProductQuickChoice_GC = $.extend(
$.clone(TopProductQuickChoice),
{
create: function(configurator){
var o = TopProductQuickChoice.create.call(this);
o.configurator = configurator;
return o;
},
makeRowsWithBindings: function(){
var slots = this.configurator.slots;
var infoText = this.configurator.data.infoText;
var r = $(
'' +
' '
);
var table = this.target.find('table');
var self = this;
$(slots).each(function(i){
var slot = this;
var row = r.clone();
row.find('.title').html(slot.title);
var value = row.find('.value');
var info = slot.items[slot.currentItem].title;
var addInfoText = slot.items[slot.currentItem].data.addInfoText;
if (addInfoText){
info += ' (' + addInfoText + ')';
}
value.html(info);
table.append(row);
});
var infoRow = this.getFinalInfoRow(infoText);
if (infoRow){
table.append(infoRow);
}
},
makeRowsForInfo: function(){
var slots = this.configurator.data.slots;
var infoText = this.configurator.data.infoText;
var r = $(
'' +
' '
);
var table = this.target.find('table');
var self = this;
if (slots){
$(slots).each(function(i){
var slot = this;
var row = r.clone();
row.find('.title').html(slot.title);
var value = row.find('.value');
for (var j in slot.items){
if (j == slot.currentItem){
var info = slot.items[j].title;
var addInfoText = slot.items[j].addInfoText;
if (addInfoText){
info += ' (' + addInfoText + ')';
}
value.html(info);
}
}
table.append(row);
});
}
var infoRow = this.getFinalInfoRow(infoText);
if (infoRow){
table.append(infoRow);
}
}
}
);
SlotmachineRightQuickChoice_GC = $.extend(
$.clone(TopProductQuickChoice_GC),
{
create: function(configurator){
return TopProductQuickChoice_GC.create.call(this, configurator);
},
makeRowLayout: function(){
var lay = $(
''
);
return lay;
},
makeTableWithTitle: function(){
var t = this.target;
var title = this.opts.title || null;
var subtitle = this.opts.data.subTitle || null;
this.subtitle = subtitle;
var table = $(
'' +
'
'
);
if (title){
var titleElm = $(
'' + title + '
'
);
if (subtitle){
titleElm.addClass('withSub');
}
table.append(titleElm);
}
if (subtitle){
table.append(
'' + subtitle + '
'
);
}
t.empty().append(table);
},
makeRowsWithBindings: function(){
var data = this.configurator.data, slots = this.configurator.slots,
infoText = data.infoText,
table = this.target.find('.sharedConfProductInfo'),
self = this, infoRow;
$(slots).each(function(i){
var slot = this, value, addInfoText, row, freeFormat,
info = slot.items[slot.currentItem].title;
row = self.makeRowLayout();
row.find('.title').html(slot.title);
value = row.find('.value');
addInfoText = slot.items[slot.currentItem].data.addInfoText;
if (addInfoText){
info += ' (' + addInfoText + ')';
}
value.html(info);
table.append(row);
});
infoRow = this.getFinalInfoRow(infoText);
if (infoRow){
table.append(infoRow);
}
},
getFinalInfoRow: function(infoText){
if (infoText){
var row = this.makeRowLayout();
row.find('.title').addClass('infoTextTitle').html($.lang('infoTextPmt'));
row.find('.value').addClass('valueWrapped').append('' + infoText + '
');
return row;
}
return null;
},
update: function(slot, data){
var subtitle = this.subtitle, elm, index, valCol, info, addInfoText, infoText, infoRow;
if (slot){
elm = this.target;
if (elm.size() > 0){
index = 2;
if (subtitle){
index += 1;
}
info = slot.items[slot.currentItem].title;
valCol = elm.find('div.rowOuter:nth-child(' + (slot.itemId + index) + ')').find('.value');
addInfoText = slot.items[slot.currentItem].data.addInfoText;
if (addInfoText){
info += ' (' + addInfoText + ')';
}
valCol.html(info);
}
}
infoText = data.infoText;
if (infoText){
if (this.target.find('.value .infoText').size() > 0){
this.target.find('.value .infoText').addClass('valueWrapped').html(infoText);
}else{
infoRow = this.getFinalInfoRow(infoText);
if (infoRow){
$('.sharedConfProductInfo').append(infoRow);
}
}
}else{
this.target.find('.value .infoText').parents('.rowOuter').remove();
}
}
}
);
SlotmachineRightQuickChoiceWithFreeFormat_GC = $.extend(
$.clone(SlotmachineRightQuickChoice_GC),
{
create: function(configurator){
var o = TopProductQuickChoice.create.call(this);
o.configurator = configurator;
return o;
},
makeTableWithTitle: function(){
var t = this.target;
var title = this.opts.title || null;
var subtitle = this.opts.data.subTitle || null;
this.subtitle = subtitle;
var table = $(
'' +
'
'
);
if (title){
var titleElm = $(
'' + title + '
'
);
if (subtitle){
titleElm.addClass('withSub');
}
table.append(titleElm);
}
if (subtitle){
table.append(
'' + subtitle + '
'
);
}
t.empty().append(table);
},
makeFreeFormatLayout: function(){
var lay = $(
''
);
return lay;
},
makeFreeFormatInfoPaneLayout: function(){
var lay = $(
''
);
return lay;
},
makeRowsWithBindings: function(){
var data = this.configurator.data, slots = this.configurator.slots,
infoText = data.infoText, minMaxWidthInfo = 'min.%s/max.%s', minMaxHeightInfo = minMaxWidthInfo,
table = this.target.find('.sharedConfProductInfo'), minDims, maxDims,
self = this, infoRow;
$(slots).each(function(i){
var slot = this, value, addInfoText, row, freeFormat,
info = slot.items[slot.currentItem].title;
row = self.makeRowLayout();
row.find('.title').html(slot.title);
if (info.toLowerCase() == 'freies format'){
freeFormat = self.makeFreeFormatLayout();
row.find('.value').append(freeFormat);
if (data.freeFormatData){
if (data.freeFormatData.width){
freeFormat.find('.field-width input').val(data.freeFormatData.width);
$('#prdConfTopWk_customerWidth').val(data.freeFormatData.width);
}else if (!data.customFormat){
$('#prdConfTopWk_customerWidth').val('');
}
if (data.freeFormatData.height){
freeFormat.find('.field-height input').val(data.freeFormatData.height);
$('#prdConfTopWk_customerHeight').val(data.freeFormatData.height);
}else if (!data.customFormat){
$('#prdConfTopWk_customerHeight').val('');
}
}
minDims = data.freeformatmindims;
maxDims = data.freeformatmaxdims;
minMaxWidthInfo = minMaxWidthInfo.replace('%s', minDims.width || '--');
minMaxWidthInfo = minMaxWidthInfo.replace('%s', maxDims.width || '--');
minMaxHeightInfo = minMaxHeightInfo.replace('%s', minDims.height || '--');
minMaxHeightInfo = minMaxHeightInfo.replace('%s', maxDims.height || '--');
freeFormat.find('.fieldInfo-width').text(minMaxWidthInfo);
freeFormat.find('.fieldInfo-height').text(minMaxHeightInfo);
}else{
value = row.find('.value');
addInfoText = slot.items[slot.currentItem].data.addInfoText;
if (addInfoText){
info += ' (' + addInfoText + ')';
}
value.html(info);
}
table.append(row);
});
infoRow = this.getFinalInfoRow(infoText);
if (infoRow){
table.append(infoRow);
}
},
handleFreeFormatInfoPane: function(target){
var pane = this.makeFreeFormatInfoPaneLayout(),
targetLeftPos = target.position().left;
target.append(pane);
pane.css({
zIndex: 10000
}).find('.pane').css({
left: targetLeftPos - 342
}).fadeIn(2000, function(){
var pane = $(this);
window.setTimeout(function(){
pane.fadeOut('slow', function(){
$(this).parent().remove();
});
}, 10000);
});
},
update: function(slot, data){
var subtitle = this.subtitle, elm, index, valCol, info, addInfoText, infoText, infoRow,
freeFormat, self = this;
elm = this.target;
if (data.freeFormatData.width){
$('#prdConfTopWk_customerWidth').val(data.freeFormatData.width);
}else if (!data.customFormat){
$('#prdConfTopWk_customerWidth').val('');
}
if (data.freeFormatData.height){
$('#prdConfTopWk_customerHeight').val(data.freeFormatData.height);
}else if (!data.customFormat){
$('#prdConfTopWk_customerHeight').val('');
}
if (slot){
if (elm.size() > 0){
index = 2;
if (subtitle){
index += 1;
}
info = slot.items[slot.currentItem].title;
valCol = elm.find('div.rowOuter:nth-child(' + (slot.itemId + index) + ')').find('.value');
addInfoText = slot.items[slot.currentItem].data.addInfoText;
if (addInfoText){
info += ' (' + addInfoText + ')';
}
valCol.html(info);
if (data.freeformatmaxdims.width && data.freeformatmaxdims.height){
elm.find('.rowOuter .value').each(function(i){
var minMaxWidthInfo = 'min.%s/max.%s', minMaxHeightInfo = minMaxWidthInfo,
minDims, maxDims;
if ($(this).text().toLowerCase() == 'freies format'){
freeFormat = self.makeFreeFormatLayout();
$(this).html(freeFormat);
self.handleFreeFormatInfoPane($(this));
$(this).find('.field-width input').val(data.freeFormatData.width || '');
$(this).find('.field-height input').val(data.freeFormatData.height || '');
minDims = data.freeformatmindims;
maxDims = data.freeformatmaxdims;
minMaxWidthInfo = minMaxWidthInfo.replace('%s', minDims.width || '--');
minMaxWidthInfo = minMaxWidthInfo.replace('%s', maxDims.width || '--');
minMaxHeightInfo = minMaxHeightInfo.replace('%s', minDims.height || '--');
minMaxHeightInfo = minMaxHeightInfo.replace('%s', maxDims.height || '--');
$(this).find('.fieldInfo-width').text(minMaxWidthInfo);
$(this).find('.fieldInfo-height').text(minMaxHeightInfo);
$(this).find('.button').unbind().bind('click', function(e){
self.handlePrepareDataModelAndVerify();
});
}
});
}
}
}
infoText = data.infoText;
if (infoText){
if (this.target.find('.value .infoText').size() > 0){
this.target.find('.value .infoText').addClass('valueWrapped').html(infoText);
}else{
infoRow = this.getFinalInfoRow(infoText);
if (infoRow){
$('.sharedConfProductInfo').append(infoRow);
}
}
}else{
this.target.find('.value .infoText').parents('.rowOuter').remove();
}
},
handlePrepareDataModelAndVerify: function(){
var formData = $('.quickInfoFreeFormat').find(':input').serializeArray(), Machine = this.configurator,
freeFormatData = Machine.data.freeFormatData;
freeFormatData.width = formData[0].value;
freeFormatData.height = formData[1].value;
freeFormatData.errorMessage = null;
Machine.verifyData(null);
}
}
);
SlotmachineRightQuickChoice_XXL_GC = $.extend(
$.clone(SlotmachineRightQuickChoice_GC),
{
create: function(configurator){
return SlotmachineRightQuickChoice_GC.create.call(this, configurator);
},
makeRowsWithBindings: function(){
var data = this.configurator.data, slots = this.configurator.slots,
infoText = data.infoText, cnt = 0,
table = this.target.find('.sharedConfProductInfo'),
self = this, infoRow;
$(slots).each(function(i){
var slot = this, title, value, addInfoText, row, freeFormat,
info = slot.items[slot.currentItem].title;
row = self.makeRowLayout();
title = row.find('.title');
title.html(slot.title);
value = row.find('.value');
addInfoText = slot.items[slot.currentItem].data.addInfoText;
if (addInfoText){
info += ' (' + addInfoText + ')';
}
if ($.inArray(cnt, data.locked) == -1 && slot.items[slot.currentItem].value > -1){
title.show();
value.html(info);
}
table.append(row);
cnt++;
});
infoRow = this.getFinalInfoRow(infoText);
if (infoRow){
table.append(infoRow);
}
},
update: function(slot, data){
var subtitle = this.subtitle, elm, index, title, valCol, info, addInfoText, infoText, infoRow;
if (slot){
elm = this.target;
if (elm.size() > 0){
index = 2;
if (subtitle){
index += 1;
}
info = slot.items[slot.currentItem].title;
title = elm.find('div.rowOuter:nth-child(' + (slot.itemId + index) + ')').find('.title');
valCol = elm.find('div.rowOuter:nth-child(' + (slot.itemId + index) + ')').find('.value');
addInfoText = slot.items[slot.currentItem].data.addInfoText;
if (addInfoText){
info += ' (' + addInfoText + ')';
}
if (slot.items[slot.currentItem].value > -1){
title.show();
valCol.html(info);
}else{
title.hide();
valCol.empty();
}
}
}
infoText = data.infoText;
if (infoText){
if (this.target.find('.value .infoText').size() > 0){
this.target.find('.value .infoText').addClass('valueWrapped').html(infoText);
}else{
infoRow = this.getFinalInfoRow(infoText);
if (infoRow){
$('.sharedConfProductInfo').append(infoRow);
}
}
}else{
this.target.find('.value .infoText').parents('.rowOuter').remove();
}
}
}
);
/* << */
/* >> additional options generic configurator compatible*/
AdditionalOptions_GC = $.extend(
$.clone(AdditionalOptions),
{
options: null,
create: function(configurator){
var o = AdditionalOptions.create.call(this);
o.configurator = configurator;
return o;
},
select: function(data){
var f = $('' +
'
' +
'' +
'' +
'' + data.prompt + '
' +
' ' +
' ' +
'' +
'
' +
'
' +
' ' +
' ' +
'
' +
'
' +
'
' +
'' +
'' +
'' + data.prompt + '' + data.price + '
' +
' ' +
' ' +
'' +
'
' +
'
' +
' ' +
' ' +
'
' +
'
' +
'
' +
'' +
'
' +
'' + data.prompt + '' + data.price + '
' +
' ' +
'' +
'
' +
' ' +
' ' +
'
' +
'
' +
'
Keine verfügbar.
' +
'
' + this.header + ' ');
if (! isNaN(parseInt(data.columnOrder[i].order, 10))){
var key = data.columnOrder[i].key;
var order = data.columnOrder[i].order;
if (order !== null){
c.addClass('receiveClick');
}
if (order == 1){
c.addClass('sortedUp');
}
if (order == 2){
c.addClass('sortedDown');
}
c.bind('click', function(e){
(function(ord, parent, d){
ord = (ord + 1) % 3;
if (d.handler){
var phrase = null;
if (parent.searchPhrase){
phrase = parent.searchPhrase;
}
var url = AjaxURLManager.getUrlWithKey(d.handler, {'phrase': phrase, 'field': key, 'order': ord});
$.getJSON(url, function(data, textStatus){
JSONPanelContentRenderer.render(data, parent);
});
}
})(order, self.parent, data);
});
}
r.append(c);
});
t.append(r);
}
var rows = data.rows;
if (data.pager){
rows = this._getPagerPreparedList(rows, data.pager);
}
$(rows).each(function(i){
r = $('' + $.formatDate(cell.title.value, $.lang()).middle + ' ' + $.formatTime(cell.title.value).time + ' ');
}else{
if (parseInt(cell.mode, 10) > 0 || parseInt(cell.mode, 10) < 0 || parseInt(cell.mode, 10) === 0){
title = $('' + cell.title + '
');
var sty = 'vNoChanges';
if (parseInt(cell.mode, 10) > 0){
sty = 'vPlus';
}
if (parseInt(cell.mode, 10 ) < 0){
sty = 'vMinus';
}
title.addClass(sty);
}else{
title = $('' + cell.title + ' ');
}
}
c.append(title);
if (cell.href){
title.wrap('' + $.formatDate(cell.title.value, $.lang()).middle + ' ' + $.formatTime(cell.title.value).time + ' ');
}else{
if (parseInt(cell.mode, 10) > 0 || parseInt(cell.mode, 10 ) < 0 || parseInt(cell.mode, 10 ) === 0){
title = $('' + cell.title + '
');
var sty = 'vNoChanges';
if (parseInt(cell.mode, 10) > 0){
sty = 'vPlus';
}
if (parseInt(cell.mode, 10) < 0){
sty = 'vMinus';
}
title.addClass(sty);
}else{
title = $('' + cell.title + ' ');
}
}
c.append(title);
if (cell.href){
title.wrap('' + this.header + ' ');
if (! isNaN(parseInt(data.columnOrder[i].order, 10))){
var key = data.columnOrder[i].key;
var order = data.columnOrder[i].order;
if (order !== null){
c.addClass('receiveClick');
}
if (order == 1){
c.addClass('sortedUp');
}
if (order == 2){
c.addClass('sortedDown');
}
c.bind('click', function(e){
(function(ord, parent, d){
ord = (ord + 1) % 3;
if (d.handler){
var phrase = null;
if (parent.searchPhrase){
phrase = parent.searchPhrase;
}
var url = AjaxURLManager.getUrlWithKey(d.handler, {'phrase': phrase, 'field': key, 'order': ord});
$.getJSON(url, function(data, textStatus){
JSONPanelContentRenderer.render(data, parent);
});
}
})(order, self.parent, data);
});
}
r.append(c);
});
t.append(r);
}
var rows = data.rows;
if (data.pager){
rows = this._getPagerPreparedList(rows, data.pager);
}
$(rows).each(function(i){
r = $('' + $.formatDate(cell.title.value, $.lang()).middle + ' ' + $.formatTime(cell.title.value).time + ' ');
}else{
var t = cell.title;
if (parseInt(cell.mode, 10) > 0 || parseInt(cell.mode, 10) < 0 || parseInt(cell.mode, 10) === 0){
title = $('' + t + '
');
var sty = 'vNoChanges';
if (parseInt(cell.mode, 10) > 0){
sty = 'vPlus';
}
if (parseInt(cell.mode, 10) < 0){
sty = 'vMinus';
}
title.addClass(sty);
}else{
title = $('' + t + ' ');
}
if (k == 'option'){
t = $('' + $.formatDate(cell.title.value, $.lang()).middle + ' ' + $.formatTime(cell.title.value).time + ' ');
}else{
if (parseInt(cell.mode, 10) > 0 || parseInt(cell.mode, 10) < 0 || parseInt(cell.mode, 10) === 0){
title = $('' + cell.title + '
');
var sty = 'vNoChanges';
if (parseInt(cell.mode, 10) > 0){
sty = 'vPlus';
}
if (parseInt(cell.mode, 10) < 0){
sty = 'vMinus';
}
title.addClass(sty);
}else{
title = $('' + cell.title + ' ');
}
}
c.append(title);
if (cell.href){
title.wrap('' +
'
' + pmt + '
' +
'
' +
'
' +
'
' +
'' +
'' +
'
Produkt ' +
'
' +
' ' +
'
' +
' ' +
'' +
'' +
'
' +
' ' +
'' +
'' +
'
' +
' ' +
' '
);
if (cb && typeof cb === 'function'){
lay.find('select').bind('change', function(e){
cb.call(self, $(this).val());
});
}
return lay;
}
}
);
/* < */
/* > product select box */
ProductSelectBox = $.extend(
$.clone(SimpleSelectBoxWithPrompt),
{
create: function(opts){
var o = SimpleSelectBoxWithPrompt.create.call(this, opts);
return o;
},
makeSelectLayout: function(){
var name = this.defaults.data.name, pmt = this.defaults.data.prompt,
cn = this.defaults.className, cb = this.defaults.onChangeCallback, self = this, params,
lay = $(
'' +
'
' +
'' +
'' +
Utils.pixelAsString() +
' ' +
'' +
'' + pmt + '
' +
'' +
'
' +
' ' +
' ' +
'
' +
'
' +
'
' +
'' +
'' +
'' +
'' + pmt + ' ' +
'' + Utils.pixelAsString() + ' ' +
'
' +
' ' +
' ' +
'' +
'
' +
'' +
'
' +
' ' +
' ' +
'
' +
'
' +
'' +
'' +
'' + pmt + ' ' +
'' + Utils.pixelAsString() + ' ' +
'
' +
' ' +
' ' +
'' +
'
' +
'' +
'
' +
' ' +
' '
);
if (cb && typeof cb === 'function'){
lay.find('select').bind('change', function(e){
cb.call(self, $(this).val());
});
}
return lay;
}
}
);
/* < */
/* >> Shared Slot machine select mode (inherit SlotMachineSelectMode)*/
SharedSlotMachineSelectMode = $.extend(
$.clone(SlotMachineSelectMode),
{
makeShell: function(target){
var shell = $(
''
);
target.append(shell);
}
}
);
/* << */
/* >> Slot machine select for sharing (inherit SlotMachineSelectModeSlot) */
SharedSlotMachineSelectModeSlot = $.extend(
$.clone(SlotMachineSelectModeSlot),
{
create: function(title, currentItem){
return SlotMachineSelectModeSlot.create.call(this, title, currentItem);
},
makeSlotLayout: function(){
var locked = this.isLocked();
var slot = $(
'' +
'
' +
'' +
'' +
Utils.pixelAsString() +
' ' +
'' +
'' +
'
' +
'' + this.title + ' ' +
'
' +
'
' +
' ' +
'
' +
'
' +
'
Keine verfügbar.
' +
'
' +
'
' +
'' +
'' +
'' + data.prompt + '
' +
'
' +
' ' +
' ' +
'
' +
'
' +
'
' +
'' +
'' +
'
' +
' ' +
'' +
'' + data.prompt + '
' +
' ' +
' ' +
'
' +
'
' +
'
'
);
if (title){
var titleElm = $(
'' + title + '
'
);
if (subtitle){
titleElm.addClass('withSub');
}
table.append(titleElm);
}
if (subtitle){
table.append(
'' + subtitle + '
'
);
}
t.empty().append(table);
},
makeRowLayout: function(){
var lay = $(
''
);
return lay;
},
makeRowsWithBindings: function(){
var slots = this.configurator.slots;
var infoText = this.configurator.data.infoText;
var table = this.target.find('.sharedConfProductInfo');
var self = this;
$(slots).each(function(i){
var slot = this;
var row = self.makeRowLayout();
row.find('.title').html(slot.title);
var value = row.find('.value');
var info = slot.items[slot.currentItem].title;
var addInfoText = slot.items[slot.currentItem].data.addInfoText;
if (addInfoText){
info += ' (' + addInfoText + ')';
}
value.html(info);
table.append(row);
});
var infoRow = this.getFinalInfoRow(infoText);
if (infoRow){
table.append(infoRow);
}
},
makeRowsForInfo: function(){
var slots = this.configurator.data.slots;
var infoText = this.configurator.data.infoText;
var table = this.target.find('.sharedConfProductInfo');
var self = this;
if (slots){
$(slots).each(function(i){
var slot = this;
var row = self.makeRowLayout();
row.find('.title').html(slot.title);
var value = row.find('.value');
for (var j in slot.items){
if (j == slot.currentItem){
var info = slot.items[j].title;
var addInfoText = slot.items[j].addInfoText;
if (addInfoText){
info += ' (' + addInfoText + ')';
}
value.html(info);
}
}
table.append(row);
});
}
var infoRow = this.getFinalInfoRow(infoText);
if (infoRow){
table.append(infoRow);
}
},
getRowClone: function(){
var r = $(
''
);
return r.clone();
},
getFinalInfoRow: function(infoText){
if (infoText){
var row = this.getRowClone();
row.find('.title').addClass('infoTextTitle').html($.lang('infoTextPmt'));
row.find('.value').addClass('valueWrapped').append('' + infoText + '
');
return row;
}
return null;
},
update: function(slot, data){
var subtitle = this.subtitle;
if (slot){
var elm = $('#prdConfTopConfig');
if (elm.size() > 0){
var index = 2;
if (subtitle){
index += 1;
}
var valCol = elm.find('div.rowOuter:nth-child(' + (slot.itemId + index) + ')').find('.value');
var info = slot.items[slot.currentItem].title;
var addInfoText = slot.items[slot.currentItem].data.addInfoText;
if (addInfoText){
info += ' (' + addInfoText + ')';
}
valCol.html(info);
}
}
var infoText = data.infoText;
if (infoText){
if (this.target.find('.value .infoText').size() > 0){
this.target.find('.value .infoText').addClass('valueWrapped').html(infoText);
}else{
var infoRow = this.getFinalInfoRow(infoText);
if (infoRow){
$('.sharedConfProductInfo').append(infoRow);
}
}
}else{
this.target.find('.value .infoText').parents('.rowOuter').remove();
}
}
}
);
/* << */
/* << */
/* >> Shared configurator select mode initialization */
// starts the slot machine for shared implementation
GenericConfiguratorForSharing = function(){
var params = Utils.getUrlParamsAsJson(), sharedId = null, url, scSymbolColor;
scSymbolColor = params.shoppingcartSymbolColor;
if (scSymbolColor){
$('#shoppingcartOuter .sum input').css({'background-color': '#' + scSymbolColor});
}
sharedId = params.sharedId;
if (sharedId){
url = AjaxURLManager.getUrlWithKey('sharedproductselect', {
'sharedId': sharedId,
'lang': $.lang()
});
$.getJSON(url, function(data, textStatus){
$('#prdConfTopWk_sharedId').val(sharedId);
$('.prdConfTopWkShell').hide();
ProductBox = ProductSelectBox.create({
target: $('#productSelect'),
className: 'productSelectBox',
data: data,
onChangeCallback: function(value){
var params = Utils.getUrlParamsAsJson() || {},
loc = window.location.href, rex = /\?/;
if (rex.test(loc)){
loc = loc.substring(0, loc.search(rex));
}
params.auf_id = value;
if (value === '-1'){
delete params.auf_id;
}
window.location.href = loc + Utils.getUrlParamsFromJson(params);
},
onAfterFinishCallback: function(){
GenericConfiguratorSelect = SharedSlotMachineSelectMode.create();
QuickChoice = SharedTopProductQuickChoice_GC.create(GenericConfiguratorSelect);
ScartPreparer = ShoppingcartPreparer.create();
AddOptions = SharedAdditionalOptions_GC.create(GenericConfiguratorSelect);
GenericConfiguratorSelect.init(
{
'target': $('#genericConfiguratorSelect'),
'dataType': 'SharedSlotMachineSelectMode',
'slotType': 'SharedSlotMachineSelectModeSlot',
'slotItemType': 'SlotMachineSelectModeSlotItem',
'ajaxHandler': 'configarticle',
'onBeforeInit': function(){},
'onInitDataReceive': function(data){
updateDataTypes(data, 'sharedSelect');
if (data.overnight){
this.urlParams.ovn = true;
}
},
'onAfterInit': function(data){
var opts = {
'title': data.productTitle,
'data': data,
'target': $('#prdConfTopConfig'),
'slot': this
};
QuickChoice.init(opts);
ScartPreparer.update(data);
AddOptions.update(data);
$('.prdConfTopWkShell form').attr({'action': '/Warenkorb.htm'});
},
'onAfterSlotCatch': function(slot){},
'onAfterSlotsUpdate': function(){},
'onSlotAction': function(eventElement){},
'onDataRequest': function(slot, oldData){},
'onDataRequestSuccess': function(slot, data){
var machine = this;
updateDataTypes(data, 'sharedSelect');
// update auf_id.
if (this.urlParams && this.urlParams.auf_id){
this.urlParams.auf_id = data.auf_id;
}
ScartPreparer.update(data);
AddOptions.update(data);
QuickChoice.update(slot, data);
if (data.auf_id){
var url = AjaxURLManager.getUrlWithKey('get_shipping_options', {'auf_id': data.auf_id});
$.getJSON(url, function(data, textStatus){
SOSelectBox = ShippingOptionsSelectBox.create({
target: $('#shippingOptionsSelect'),
className: 'productSelectBox',
data: data,
onChangeCallback: function(value){
var self = this;
machine.data.express = false;
machine.data.overnight = false;
if (value !== 'standard'){
machine.data[value] = true;
}
machine.verifyData();
},
onAfterFinishCallback: function(){
$(this.defaults.data.items).each(function(i){
if (typeof machine.data[this.value] !== 'undefined' && machine.data[this.value]){
this.here = true;
}
});
this.addOptions(this.defaults.target.find('select'), this.defaults.data.items);
}
});
SOSelectBox.make();
});
}else{
$('#shippingOptionsSelect').empty();
}
}
}
);
$('#resetButton').bind('click', function(e){
window.location.reload();
});
}
});
ProductBox.make();
});
}
};
/* << */
// >> Display pilot configurator
// > Media gallery
DisplayPilotMediaGallery = $.extend(
$.clone(LLObject),
{
create: function(opts){
var o = LLObject.create.call(this);
o.defaults = {
target: null,
data: null,
ajaxHandler: 'mediagallery',
detailViewAreaProps: {
left: 1,
top: 1,
width: 433,
height: 433
},
itemContainerProps: {
left: 10,
top: 445,
width: 411,
height: 62,
zIndex: 10000,
overflow: 'hidden',
whiteSpace: 'nowrap',
background: '#e4e3e2'
},
enableZoom: true,
zoomFactor: 3
};
o.items = [];
if(Utils.isObject(opts)){
$.extend(o.defaults, opts);
}
return o;
},
makeDetailViewLayout: function(){
var lay = $(
'
'
);
lay.css(this.defaults.detailViewAreaProps);
return lay;
},
makeItemsContainerLayout: function(){
var lay = $(
'
'
);
lay.css(this.defaults.itemContainerProps);
return lay;
},
activateFirstItem: function(){
if (this.items.length){
this.items[0].activate();
}
},
each: function(callback){
var k, ret;
for (k in this.items){
ret = callback.call(this.items[k], k);
if (typeof(ret) !== 'undefined'){
return ret;
}
}
return null;
},
make: function(){
var target = this.defaults.target, dv = this.makeDetailViewLayout(), cfd = window.CONFIGURATOR_FALLBACK_DATA,
params = Utils.getUrlParamsAsJson(), url, self = this;
ic = this.makeItemsContainerLayout();
if (target && target.length){
target.append(dv, ic);
}
if ((!params || !params.auf_id) && cfd.auf_id){
params = {};
params.auf_id = cfd.auf_id;
}
if (params && params.auf_id){
url = AjaxURLManager.getUrlWithKey('mediagallery', {
auf_id: params.auf_id
});
$.getJSON(url, function(data, textStatus){
var i, item, MediaItem, Scroller;
if (data.type && data.type === 'DisplayPilotMediaGallery'){
for (i = 0; i < data.items.length; i+=1){
item = data.items[i];
if (item.type === 'imageItem'){
MediaItem = DisplayPilotMediaGalleryItem.create({
target: $('.display_pilot_media_gallery_items_container'),
targetLarge: $('.display_pilot_media_gallery_detail_view'),
parent: self,
data: item
});
}else{
MediaItem = DisplayPilotMediaGalleryVideoItem.create({
target: $('.display_pilot_media_gallery_items_container'),
targetLarge: $('.display_pilot_media_gallery_detail_view'),
parent: self,
data: item
});
}
MediaItem.make();
self.items.push(MediaItem);
}
self.activateFirstItem();
}
Scroller = ScrollBar.create({
target: $('.display_pilot_media_gallery_items_container'),
orientation: 'x',
scrollerHeight: 10,
scrollerWidth: 10,
arrowHeight: 10,
arrowWidth: 20,
arrowMoveIn: 4,
sliderCapsPadding: 4,
stepSize: 38,
ignoreTargetPosition: false
});
});
}
}
}
);
DisplayPilotMediaGalleryItem = $.extend(
$.clone(LLObject),
{
create: function(opts){
var o = LLObject.create.call(this);
o.defaults = {
target: null,
targetLarge: null,
parent: null,
data: null
};
o.domel = null;
o.here = null;
if(Utils.isObject(opts)){
$.extend(o.defaults, opts);
}
return o;
},
makeItemLayout: function(){
var self = this, lay = $(
'
'
);
lay.bind('click', function(e){
e.preventDefault();
e.stopPropagation();
self.handleItemClick(e);
});
return lay;
},
activate: function(){
var targetLarge = this.defaults.targetLarge, data = this.defaults.data, parentOpts = this.defaults.parent.defaults,
magnifier, zoomArea;
this.domel.addClass('galleryItemHere');
if (targetLarge.length && data.large){
targetLarge.css({
backgroundImage: 'url(' + data.large.src + ')'
});
}
this.here = true;
if (parentOpts.enableZoom && data.zoom){
magnifier = $('
');
zoomArea = $(
''
);
targetLarge.empty().append(magnifier);
targetLarge.append(zoomArea);
zoomArea.css({
width: parentOpts.detailViewAreaProps.width,
height: parentOpts.detailViewAreaProps.height
}).scrollLeft(0).scrollTop(0);
magnifier.css({
width: parentOpts.detailViewAreaProps.width / parentOpts.zoomFactor,
height: parentOpts.detailViewAreaProps.height / parentOpts.zoomFactor
});
this.handleMagnifier(magnifier, zoomArea, targetLarge);
}else{
targetLarge.empty();
}
},
handleMagnifier: function(magnifier, zoomArea, containment){
var parentOpts = this.defaults.parent.defaults;
containment.bind('mouseenter', function(e){
magnifier.show();
zoomArea.show();
}).bind('mouseleave', function(e){
magnifier.hide();
zoomArea.hide();
}).bind('mousemove', function(e){
var x = e.pageX - $(this).offset().left,
y = e.pageY - $(this).offset().top,
magnifierCenterX = magnifier.width() / 2,
magnifierCenterY = magnifier.height() / 2,
left, top, magPos;
if(x - magnifierCenterX >= 0 && x + magnifierCenterX <= $(this).width()){
left = x - magnifierCenterX;
}else if(x - magnifierCenterX < 0){
left = 0;
}else if(x + magnifierCenterX > $(this).width()){
left = $(this).width() - magnifierCenterX * 2;
}
if(y - magnifierCenterY >= 0 && y + magnifierCenterY <= $(this).height()){
top = y - magnifierCenterY;
}else if(y - magnifierCenterY < 0){
top = 0;
}else if(y + magnifierCenterY > $(this).height()){
top = $(this).height() - magnifierCenterY * 2;
}
if (left >= 0 && top >= 0){
magnifier.css({
left: left,
top: top,
cursor: 'crosshair'
});
zoomArea.scrollLeft(left * parentOpts.zoomFactor).scrollTop(top * parentOpts.zoomFactor);
}
});
},
deactivate: function(){
this.domel.removeClass('galleryItemHere');
this.here = false;
},
handleItemClick: function(e){
var items = this.defaults.parent.items, i, item, currItem;
if (items.length){
for (i = 0; i < items.length; i+=1){
item = items[i];
if (item === this){
currItem = item;
}else{
item.deactivate();
}
}
currItem.activate();
}
},
make: function(){
var target = this.defaults.target, item, data = this.defaults.data;
if (target.length){
item = this.makeItemLayout();
item.css({
backgroundImage: 'url(' + data.thumbnail.src + ')'
});
target.append(item);
this.domel = item;
}
}
}
);
DisplayPilotMediaGalleryVideoItem = $.extend(
$.clone(DisplayPilotMediaGalleryItem),
{
create: function(opts){
var o = DisplayPilotMediaGalleryItem.create.call(this, opts);
return o;
},
makeItemLayout: function(){
var self = this, lay = $(
'
'
);
lay.bind('click', function(e){
e.preventDefault();
e.stopPropagation();
self.handleItemClick(e);
});
return lay;
},
activate: function(){
var targetLarge = this.defaults.targetLarge, data = this.defaults.data,
flashvars, params, attributes;
this.domel.addClass('galleryItemHere');
if (targetLarge.length && data.large){
flashvars = {
file: data.large.src,
autostart: 'true'
};
params = {
allowfullscreen: 'true',
allowscriptaccess: 'always'
};
attributes = {
};
targetLarge.css({
backgroundImage: 'none'
});
targetLarge.empty().append('
');
swfobject.embedSWF(
'/xist4c/web/mediaplayer/player-licensed.swf',
'display_pilot_video',
433,
433,
'9.0.0',
null,
flashvars,
params,
attributes
);
}
this.here = true;
},
deactivate: function(){
var targetLarge = this.defaults.targetLarge;
this.domel.removeClass('galleryItemHere');
this.here = false;
if (targetLarge.length){
targetLarge.empty();
}
}
}
);
// <
// > Customer format handler to use with generic configurator
CustomerFormatHandler = $.extend(
$.clone(LLObject),
{
create: function(opts){
var o = LLObject.create.call(this);
o.defaults = {
target: null,
machine: null
};
if (Utils.isObject(opts)){
$.extend(o.defaults, opts);
}
return o;
},
makeVariantLayout: function(pmt){
var name = 'variant';
var select = $('' +
'' +
'' +
pmt + ':' +
' ' +
'' +
' ' +
' ' +
'
'
);
var self = this;
select.bind('change', function(e){
var data = StepFilteredConfigurator.data;
var stepId = self.parent.itemId;
var opts = self.data.options.items;
var elm = this;
$(opts).each(function(i){
var value = this.value;
if (value == $(elm).val()){
data.steps[stepId].items[1].options.items[i].here = true;
}else{
data.steps[stepId].items[1].options.items[i].here = false;
}
});
StepFilteredConfigurator.data = data;
self.handlePrepareDataModelAndVerify();
});
wl.find('.field').append(select);
return wl;
},
makeOptionLayout: function(opt){
var o = $(
'' + opt.title + ' '
);
return o;
},
makeButtonLayout: function(){
var b = $(
'' +
'' +
'' +
pmt + ':' +
' ' +
'' +
'' + hint + '
' +
' ' +
' ' +
'
'
);
sl.find('.field').prepend(input);
return sl;
},
makeContentLayout: function(){
var self = this, data = this.defaults.machine.data, cont, maxWidth = null, maxHeight = null;
if (Utils.isObject(data.freeformatmaxdims)){
if (data.freeformatmaxdims.width){
maxWidth = data.freeformatmaxdims.width;
}
if (data.freeformatmaxdims.height){
maxHeight = data.freeformatmaxdims.height;
}
}
cont = $(
''
);
cont.find('.cfCol1_1').append(this.makeSizeLayout($.lang('width'), maxWidth, 'width'));
cont.find('.cfCol1_2').append(this.makeSizeLayout($.lang('heigth'), maxHeight, 'height'));
cont.find('.cfCol2_2').append(this.makeButtonLayout());
cont.bind('submit', function(e){
e.preventDefault();
e.stopPropagation();
self.handlePrepareDataModelAndVerify();
});
return cont;
},
handlePrepareDataModelAndVerify: function(){
var formData = $('table.customerSize').find(':input').serializeArray(), Machine = this.defaults.machine,
freeFormatData = Machine.data.freeFormatData;
freeFormatData.width = formData[0].value;
freeFormatData.height = formData[1].value;
freeFormatData.errorMessage = null;
Machine.verifyData(null);
},
make: function(){
var panel = this.makeContentLayout(), target = this.defaults.target, self = this,
Machine = this.defaults.machine, k;
panel.find('.customFormatPanel').css({
opacity: 0.5
}).find(':input').attr({
disabled: true
}).end().end().find('.freeFormatChecker :input').click(function(e){
var machine = self.defaults.machine, slot_0 = machine.slots[0], k;
if ($(this).attr('checked')){
for (k in slot_0.items){
if (slot_0.items[k].title == 'freies Format'){
slot_0.currentItem = parseInt(k, 10);
break;
}
}
}else{
slot_0.currentItem = 0;
}
machine.verifyData(slot_0);
});
for (k in Machine.data.slots[0].items){
if (Machine.data.slots[0].items[k].title == 'freies Format'){
target.append(panel);
break;
}
}
},
update: function(target){
var self = this, Machine = this.defaults.machine, freeFormatData = Machine.data.freeFormatData,
hasFreeFormat = false, k;
target = this.defaults.target;
if (Utils.isObject(freeFormatData.errorMessage)){
alert(freeFormatData.errorMessage.title + ':\n' + freeFormatData.errorMessage.text);
}
if (Machine.data && Machine.data.freeformat){
target.find('.customFormatPanel').css({
opacity: 1
}).find(':input').attr({
disabled: false
});
$('#customerWidth').val(Machine.data.customerWidth);
$('#customerHeight').val(Machine.data.customerHeight);
$('.freeFormatChecker :input').attr({
checked: true
});
}else{
target.find('.customFormatPanel').css({
opacity: 0.5
}).find(':input').attr({
disabled: true
});
$('.freeFormatChecker :input').attr({
checked: false
});
}
}
}
);
// <
// > Downloads
DisplayPilotDownloads = $.extend(
$.clone(LLObject),
{
create: function(opts){
var o = LLObject.create.call(this);
o.defaults = {
target: null,
targetInfoData: null,
targetTemplate: null,
ajaxHandlerInfoData: 'datasheet',
ajaxHandlerTemplate: 'formattemplate4article',
machine: null
};
if(Utils.isObject(opts)){
$.extend(o.defaults, opts);
}
return o;
},
makeHeadlineLayout: function(){
var lay = $(
'' + $.lang('displayPilotDownloadHeader') + '
'
);
return lay;
},
makeDownloadTemplate: function(){
var lay = $(
''
);
return lay;
},
update: function(){
var target = this.defaults.target, self = this,
targetInfoData = this.defaults.targetInfoData,
targetTemplate = this.defaults.targetTemplate,
ajaxHandlerInfoData = this.defaults.ajaxHandlerInfoData,
ajaxHandlerTemplate = this.defaults.ajaxHandlerTemplate,
Machine = this.defaults.machine, url, auf_id;
targetInfoData.empty();
targetTemplate.empty();
if (ajaxHandlerInfoData){
url = AjaxURLManager.getUrlWithKey(ajaxHandlerInfoData, {
auf_id: Machine.data.auf_id || Machine.data.baseArticle
});
$.getJSON(url, function(data, textStatus){
if (data){
var downloads = $('#display_pilot_product_downloads'), headline = $('.headline', downloads),
tpl = self.makeDownloadTemplate(),
src = data.src,
type = src.substring(src.lastIndexOf('.') + 1, src.length),
label = data.label ? data.label : $.lang('displayPilotDownloadDatasheet') + ' ' + Machine.data.productTitle;
size = data.size;
size = size > 1048576 ? parseInt((size / 1048576) * 100, 10) / 100 + ' MB' : parseInt((size / 1024) * 100, 10) / 100 + ' KB';
if (!headline.length){
downloads.prepend(self.makeHeadlineLayout());
}
tpl.addClass('downloadTemplate_datasheet');
tpl.find('.icon img').attr({
src: '/xist4c/images/icons/upload/' + type + '.gif'
});
tpl.find('.reference')
.html(label)
.attr({
href: src
});
tpl.find('.size').html(size);
targetInfoData.append(tpl);
}
});
}
if (ajaxHandlerTemplate){
url = AjaxURLManager.getUrlWithKey(ajaxHandlerTemplate, {
auf_id: Machine.data.auf_id
});
$.ajax({
type: 'get',
url: url,
dataType: 'text/plain',
success: function(data, msg){
if (data){
var downloads = $('#display_pilot_product_downloads'), headline = $('.headline', downloads),
type = data.substring(data.lastIndexOf('.') + 1, data.length),
tpl = self.makeDownloadTemplate();
if (!headline.length){
downloads.prepend(self.makeHeadlineLayout());
}
tpl.addClass('downloadTemplate_template');
tpl.find('.icon img').attr({
src: '/xist4c/images/icons/upload/' + type + '.gif'
});
tpl.find('.reference').text($.lang('displayPilotDownloadTemplate')).attr({
href: data
});
targetTemplate.append(tpl);
}
},
error: function(req, status, error){}
});
}
}
}
);
// <
// > Customer download advise
CustomerDownloadAdviseController = $.extend(
$.clone(LLObject),
{
create: function(opts){
var o = LLObject.create.call(this);
o.defaults = {};
if(Utils.isObject(opts)){
$.extend(o.defaults, opts);
}
return o;
},
makeTabLayout: function(){
var lay = $(
''
);
return lay;
},
makeAdviseLayout: function(){
var lay = $(
'
'
);
return lay;
},
make: function(data){
var target = $('.display_pilot_product_config_cutter'), tab, advise;
if (!$('.customerDownloadAdvise-tab').length){
tab = this.makeTabLayout().hide();
advise = this.makeAdviseLayout().hide();
tab.append(advise);
target.prepend(tab);
}
Utils.busyWait(
function(intervalObj){
if ($('#display_pilot_product_info_data').find('a').length){
return true;
}
return false;
},
200,
500,
function(intervalObj){
target.find('.customerDownloadAdvise-tab').unbind().bind('click', function(e){
$('.customerDownloadAdvise-advise').fadeIn('fast');
setTimeout(function(){
$('.customerDownloadAdvise-advise').fadeOut('fast');
}, 6000);
});
target.find('.customerDownloadAdvise-tab').parent().show();
}
);
}
}
);
//<
// > Initialize configurator
startDisplayPilotConfigurator = function(){
CustomerAdviseController = CustomerDownloadAdviseController.create();
DisplayPilotMachine = SlotMachineSelectModeWithHideLockedSlots.create();
var params = Utils.getUrlParamsAsJson(),
DpDownloads = DisplayPilotDownloads.create({
target: $('#display_pilot_product_downloads'),
targetInfoData: $('#display_pilot_product_info_data'),
targetTemplate: $('#display_pilot_product_template')
}),
CustFormat = CustomerFormatHandler.create({
target: $('#display_pilot_product_free_format')
}),
AddOptions = AdditionalOptions.create(),
QuickChoiceXxl = SlotmachineRightQuickChoice_XXL_GC.create(DisplayPilotMachine),
HandleOptions = DisplayPilotHandleAddOptions.create(),
ShoppingcartPrep = ShoppingcartPreparerXxl.create(),
prepareResetButton = function(data){
var button = $('#display_pilot_all_products'), baseId = data.baseArticle,
locked,
params = {
auf_id: baseId,
freeConfig: true,
reset: true
},
url = window.location.href;
if (data.locked && data.slots[data.locked] && data.slots[data.locked].pk){
params.locked = data.slots[data.locked].pk;
}
if (url.search(/\?/) > -1){
url = url.substring(0, url.search(/\?/));
}
url = url + Utils.getUrlParamsFromJson(params);
button.bind('click', function(e){
window.location = url;
});
},
prepareStarHint = function(){
var starHint = $('* Nettopreis
');
$('.display_pilot_all_products_outer').append(starHint);
},
sendEcondaInfoIdAufId = function(data){
var price = data.meta.priceNum || null;
if (price){
price = Math.round(price * 100) / 100;
}
if (data.auf_id && typeof(window.emospro) !== 'undefined'){
window.emospro.ec_Event = [[
'view',
data.auf_id || 'NULL',
data.productTitle || 'NULL',
price || 'NULL',
data.meta.econda.econdaCategory || 'NULL',
'1',
data.meta.econda.ev1 || data.auf_auflage || 'NULL',
data.meta.econda.ev2 || 'NULL',
data.meta.econda.ev3 || 'NULL',
data.meta.econda.ev4 || 'NULL',
data.meta.econda.ev5 || 'NULL',
data.meta.econda.ev6 || 'NULL',
data.meta.econda.ev7 || 'NULL',
data.meta.econda.ev8 || 'NULL',
data.meta.econda.ev9 || 'NULL',
data.meta.econda.ev10 || 'NULL'
]];
econdaRequestEvent();
}
},
handleShippingTime = function(Machine, data, init){
var target = $('.display_pilot_product_info_outer'), st;
if (init){
st = $(
''
);
target.prepend(st);
}
if (data && data.meta && data.meta.deliveryTime && data.auf_id){
$('.shippingTime').find('.time').text(data.meta.deliveryTime);
}else{
$('.shippingTime').find('.time').text('---');
}
//initiateInfos(Machine, 'shippingTime');
},
handleShippingMethodSelect = function(Machine, data){
var stdIdx, i, ShippingBox, opts, tableProp = 'costs', selected = false, item, text;
$('#slotmachineAddOptsContainer').empty();
if (data.auf_id){
for (i = 0; i < data.costs.rows.length; i+=1){
if (data.express){
tableProp = 'exCosts';
}else if (data.overnight){
tableProp = 'ovCosts';
}
if (data[tableProp].rows[i].here){
stdIdx = i;
break;
}
}
opts = {
target: $('#slotmachineAddOptsContainer'),
data: {
prompt: $.lang('shipping'),
name: 'shippingMethod',
items: [
{
title: $.lang('standard'),
value: ''
}
]
},
className: 'slotmachineShippingSelectBox',
onChangeCallback: function(value){
Machine.data.express = false;
Machine.data.overnight = false;
if (value){
Machine.data[value] = true;
}
Machine.verifyData();
}
};
if (data.exCosts.rows[stdIdx].auf_id){
opts.data.items.push({
title: $.lang('express') + ' ' + data.costs.rows[stdIdx].additionalcostExpress,
value: 'express'
});
if (data.express){
selected = true;
opts.data.items[opts.data.items.length - 1].here = true;
}
}
if (data.ovCosts.rows[stdIdx].auf_id){
opts.data.items.push({
title: $.lang('overnight') + ' ' + data.costs.rows[stdIdx].additionalcostOvernight,
value: 'overnight'
});
if (data.overnight){
selected = true;
opts.data.items[opts.data.items.length - 1].here = true;
}
}
if (opts.data.items.length > 1){
item = opts.data.items[0];
for (i = 0; i < opts.data.items.length; i+=1){
if (opts.data.items[i].here){
item = opts.data.items[i];
break;
}
}
if (item.value !== ''){
text = item.title;
text = text.substring(text.indexOf('(') + 1, text.indexOf(')'));
$('.shippingTime .timeOuter').prepend('' + text + ' ');
$('.shippingTime .timeOuter .time').eq(1).hide();
}else{
$('.shippingTime .timeOuter').find(':nth-child(1)').show().end().find(':nth-child(0)').remove();
}
ShippingBox = SlotmachineShippingOptionsSelectBox.create(opts);
ShippingBox.make('append');
ShippingBox.domel.find('.slotBullet').addClass(' slotBulletActive_hasSelection');
}
}
},
MediaGallery = DisplayPilotMediaGallery.create({
target: $('#display_pilot_media_gallery')
});
MediaGallery.make();
DisplayPilotMachine.init({
target: $('#display_pilot_product_configurator'),
dataType: 'SlotMachineSelectModeWithHideLockedSlots',
slotType: 'SlotMachineSelectModeSlot',
slotItemType: 'SlotMachineSelectModeSlotItem',
ajaxHandler: 'configarticle',
onBeforeInit: function(){
handleShippingTime(this, null, true);
prepareStarHint();
},
onInitDataReceive: function(data){
updateDataTypes(data, 'displayPilotSelect');
registerLockedSlots(this.urlParams, data);
prepareResetButton(data);
HandleOptions.defaults.data = data;
HandleOptions.defaults.configurator = this;
HandleOptions.make();
AddOptions.makeShoppingCartOpts(data);
DpDownloads.defaults.machine = DisplayPilotMachine;
CustFormat.defaults.machine = DisplayPilotMachine;
CustFormat.make();
},
onAfterInit: function(data){
if (!$('#slotmachineAddOptsContainer').length){
$('#genericConfiguratorMainBg').append(
'
'
);
}
var opts = {
title: data.productTitle,
data: data,
target: $('#prdConfTopConfigXxl'),
slot: this
};
QuickChoiceXxl.init(opts);
ShoppingcartPrep.update(data);
$(function(){
var slots = self.slots;
$(slots).each(function(i){
var hasSelection = this.currentItem ? true : false;
if (this.domel){
this.domel.find('.slotBullet').toggleClass('slotBulletActive', hasSelection);
}
});
});
},
onDataRequestSuccess: function(slot, data){
var self = this, scHeightField = $('#prdConfTopWk_customerHeight'),
scWidthField = $('#prdConfTopWk_customerWidth');
updateDataTypes(data, 'displayPilotSelect');
registerLockedSlots(this.urlParams, data);
HandleOptions.defaults.data = data;
HandleOptions.defaults.configurator = this;
HandleOptions.make();
AddOptions.makeShoppingCartOpts(data);
$(function(){
var slots = self.slots;
$(slots).each(function(i){
var hasSelection = this.currentItem ? true : false;
if (this.domel){
this.domel.find('.slotBullet').toggleClass('slotBulletActive', hasSelection);
}
});
});
// update auf_id.
if (this.urlParams && this.urlParams.auf_id){
this.urlParams.auf_id = data.auf_id;
}
QuickChoiceXxl.update(slot, data);
ShoppingcartPrep.update(data);
DpDownloads.update();
CustFormat.update();
if (data.auf_id && !Utils.isObject(data.freeFormatData.errorMessage) && data.freeformat){
scHeightField.val(data.freeFormatData.height);
scWidthField.val(data.freeFormatData.width);
}else{
scHeightField.val('');
scWidthField.val('');
}
handleShippingTime(this, data, false);
handleShippingMethodSelect(this, data);
CustomerAdviseController.make();
sendEcondaInfoIdAufId(data);
MediaGallery.each(function(i){
var pk, pkId, k, itemPk;
if (slot){
pk = slot.data.pk;
pkId = slot.items[slot.currentItem].value;
for (k in this.defaults.data.pks){
itemPk = this.defaults.data.pks[k];
if (pk === itemPk[0] && pkId == itemPk[1]){
this.domel.trigger('click');
return this;
}
}
}
});
}
});
};
// <
// > Handle additional options
DisplayPilotHandleAddOptions = $.extend(
$.clone(LLObject),
{
create: function(opts){
var o = LLObject.create.call(this);
o.defaults = {
data: null,
configurator: null
};
if (Utils.isObject(opts)){
$.extend(o.defaults, opts);
}
return o;
},
makeOptionsOuterLayout: function(){
var lay = $(
'' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
');
}
},
verifyData: function(){
this.defaults.configurator.verifyData();
}
}
);
// <
// <<
// >> Configurator services like twitter, facebook and google+1
ConfiguratorServices = $.extend(
$.clone(LLObject),
{
create: function(opts){
var o = LLObject.create.call(this);
o.services = [];
o.defaults = {
target: []
};
if(Utils.isObject(opts)){
$.extend(o.defaults, opts);
}
return o;
},
makeServiceShellLayout: function(){
return $(
'
'
);
},
init: function(){
var target = this.defaults.target;
if (target.length){
target.prepend(this.makeServiceShellLayout());
}
return this;
},
add: function(service){
if (service.instanceOf(ConfiguratorServices_Twitter)){
this.services.push(service);
service.target = $('.cs-serviceShell');
service.make();
}
}
}
);
ConfiguratorServices_Twitter = $.extend(
$.clone(LLObject),
{
create: function(opts){
var o = LLObject.create.call(this);
o.domel = [];
o.target = [];
o.defaults = {
stylename: 'configuratorservices-twitter',
params: {
'data-url': '',
'data-via': '',
'data-text': '',
'data-related': '',
'data-count': 'horizontal'
}
};
if(Utils.isObject(opts)){
$.extend(o.defaults, opts);
}
return o;
},
makeScriptAndLayout: function(){
var opts = this.defaults, k, ref, data,
stylename = ['configuratorservices-item', opts.stylename].join(' '),
lay = $(
'' +
'' +
'' +
'
'
);
opts.params['data-url'] = window.location.href;
opts.params['data-text'] = 'Top-Produkt, kann ich nur weiter empfehlen!';
ref = lay.find('a');
for (k in opts.params){
if (k.substring(0, k.indexOf('-')) == 'data'){
if (opts.params[k]){
ref.attr(k, opts.params[k]);
}
}
}
return lay;
},
make: function(){
var lay = this.makeScriptAndLayout();
this.domel = lay;
if (this.target.length){
this.target.append(lay);
}
},
remake: function(params){
if (typeof(params) == 'object' && this.domel.length){
this.domel.remove();
}
}
}
);
ConfiguratorServices_Facebook = $.extend(
$.clone(ConfiguratorServices_Twitter),
{
create: function(opts){
var o = ConfiguratorServices_Twitter.create.call(this, opts);
o.defaults = {
stylename: 'configuratorservices-facebook',
params: {
href: null,
send: 'false',
layout: 'button_count',
width: 120,
show_faces: 'false',
action: 'like',
colorscheme: 'light',
font: null,
height: 21
}
};
if(Utils.isObject(opts)){
$.extend(true, o.defaults, opts);
}
return o;
},
makeScriptAndLayout: function(){
var opts = this.defaults, url = 'http://www.facebook.com/plugins/like.php',
stylename = ['configuratorservices-item', opts.stylename].join(' '), lay;
url = 'http://www.facebook.com/plugins/like.php';
opts.params.href = window.location.href;
url = url + Utils.getUrlParamsFromJson(opts.params);
lay = $(
'' +
'' +
'
'
);
return lay;
}
}
);
ConfiguratorServices_GooglePlusOne = $.extend(
$.clone(ConfiguratorServices_Twitter),
{
create: function(opts){
var o = ConfiguratorServices_Twitter.create.call(this, opts);
o.defaults = {
stylename: 'configuratorservices-googleplusone'
};
if(Utils.isObject(opts)){
$.extend(o.defaults, opts);
}
return o;
},
makeScriptAndLayout: function(){
var opts = this.defaults,
stylename = ['configuratorservices-item', opts.stylename].join(' '),
lay = $(
'' +
'' + window.location.href + ' ' +
'' +
'
'
);
if ($.browser.msie && $.browser.version <= 8) {
lay = $('
');
}
return lay;
}
}
);
$(function(){
if (FLYPI_CONFIGURATION_TYPE == 'sm' && $('#slotMachine').length){
ConfServ = ConfiguratorServices.create({
target: $('.prdConfTopShellSm')
}).init();
}else if (FLYPI_CONFIGURATION_TYPE == 'xxl' && $('#display_pilot_product_configurator').length){
ConfServ = ConfiguratorServices.create({
target: $('.twoCol_display_pilot_configurator_top_data')
}).init();
}
if (typeof(ConfServ) !== 'undefined'){
ConfServ.add(ConfiguratorServices_Twitter.create());
ConfServ.add(ConfiguratorServices_Facebook.create());
ConfServ.add(ConfiguratorServices_GooglePlusOne.create());
}
});
// <<
' +
'' +
'