if (env == 'global') {
/**
* @author alexander.farkas
*/
(function($){
function initMenu(){
function menuShow(){
var jElm = $(this);
if (!$.browser.msie) {
jElm.stop(true, true).css({
opacity: 0
}).animate({
opacity: 1
}, {
duration: 300
});
}
$('ul:first', this).stop(true, true).css({
marginTop: '-' + jElm.height() + 'px'
}).animate({
marginTop: '-1px'
}, {
duration: 300
});
}
function menuHide(ui){
var jElm = $(this);
$('ul:first', this).animate({
marginTop: '-' + jElm.height() + 'px'
}, {
duration: 300,
complete: function(){
$(this).css({
marginTop: '-1px'
});
ui.element.removeClass('over');
}
});
if (!$.browser.msie) {
jElm.animate({
opacity: 0
}, {
duration: 300,
complete: function(){
jElm.css({
opacity: 1
});
ui.element.removeClass('over');
}
});
}
}
function minMaxWidth(type, ui){
var width = ui.menuitem.menuitem.outerWidth(), minWidth = 0;
ui.menuitem.submenu.css({
'visibility': 'hidden'
});
ui.menuitem.element.addClass('over');
$('span:not(.bl,.br)', ui.menuitem.submenu[0]).each(function(){
var sW = $(this).width();
if (sW > minWidth) {
minWidth = sW;
}
});
ui.menuitem.element.removeClass('over');
ui.menuitem.submenu.css({
'visibility': ''
});
minWidth += 21; /* 2x9px + 3 */
if (minWidth > width) {
width = minWidth;
}
ui.menuitem.submenu.css({
'width': width + 'px'
});
}
$('#nav-global').menubar({
selSubmenu: 'div',
needToActivate: false,
closeOnLeave: true,
showAnim: menuShow,
hideAnim: menuHide
}).bind('menuitembeforeOpen', minMaxWidth);
$('#nav-meta').menubar({
selSubmenu: 'div',
needToActivate: false,
closeOnLeave: true,
showAnim: menuShow,
hideAnim: menuHide
}).bind('menuitembeforeOpen', minMaxWidth);
}
$.triumpgBgImg = (function(){
var viewport, imgSize, imgDim, staticImg, imgNum;
function calcViewport(){
viewport = {
height: $(window).height(),
width: $(window).width()
};
}
function calcImgSize(img){
if (img[0]) {
imgDim = {
height: img.height(),
width: img.width()
};
}
}
function adjustBgImg(){
img = staticImg;
calcViewport();
var windowRatio = viewport.width / viewport.height, imgRatio = imgDim.width / imgDim.height;
if (windowRatio < imgRatio) {
img.css({
width: 'auto',
height: viewport.height + 'px'
});
}
else {
img.css({
width: '100%',
height: 'auto'
});
}
}
function showNext(){
staticImg = $('#bg-img img:last');
calcImgSize(staticImg);
adjustBgImg(staticImg);
$('#overlay').animate({
opacity: 0.9,
backgroundColor: '#ffffff'
}, {
duration: 400,
complete: function(){
staticImg.css({
opacity: 1
});
$('#bg-img img:first').remove();
}
}).animate({
opacity: 0.5,
backgroundColor: '#000000'
}, {
duration: 400
});
}
function loadNext(path){
var img = new Image();
img.src = path;
$(img).css({
opacity: 0
}).appendTo($('#bg-img')[0]);
if (img.complete) {
showNext();
}
else {
$(img).load(showNext);
}
}
return {
init: function(){
staticImg = $('#bg-img img:first');
if (staticImg && staticImg[0]) {
if (staticImg[0].complete) {
calcImgSize(staticImg);
adjustBgImg(staticImg);
$(window).bind('resize', adjustBgImg);
}
else {
staticImg.bind('load', function(){
calcImgSize(staticImg);
adjustBgImg(staticImg);
});
$(window).bind('resize', adjustBgImg);
}
}
},
loadNext: loadNext
};
})();
(function($){
$.imgPreLoad = (function(){
var srcList = [], ready = false, started = false;
function loadImg(){
if (srcList.length) {
started = true;
var src = srcList.shift(), img = new Image();
img.src = src;
if (img.complete) {
loadImg();
}
else {
$(img).load(loadImg);
}
}
else {
started = false;
}
}
return {
add: function(src){
srcList.push(src);
if (ready && !started) {
loadImg();
}
},
ready: function(){
ready = true;
loadImg();
}
};
})();
$(window).bind('load', $.imgPreLoad.ready);
})(jQuery);
(function($){
$.widget('ui.imageGallery', {
init: function(){
var that = this, o = this.options;
this.links = $(o.link, this.element[0]);
this.imageStage = $(o.imageStage, this.element[0]);
this.imageStage.attr('tabIndex', '-1');
if ($.imgPreLoad) {
this.links.each(function(){
$.imgPreLoad.add($(this).attr('href'));
});
}
function switchPic(e){
that.switchImgStage.call(that, this, e);
setTimeout(function(){
that.imageStage[0].focus();
}, 200);
return false;
}
this.links.bind('click.imageGallery', switchPic).attr('role', 'button');
},
switchImgStage: function(elm, e){
var jElm = $(elm), src = jElm.attr('href');
this.links.removeClass('active');
jElm.addClass('active');
if (!this.options.switchImgFn) {
$('img', this.imageStage).attr('src', src);
}
else {
this.options.switchImgFn.call(this, src, jElm);
}
}
});
$.ui.imageGallery.defaults = {
link: 'a',
imageStage: 'div.photo',
switchImgFn: false
};
})(jQuery);
var zoomGallery = (function(){
var img, jImg, zoomContainer, gallery, galleryDim, nowDim, dimArray, poses, zoomImage;
function constrainToGallery(left, top, width, height){
width = width || parseFloat(img.style.width, 10);
height = height || parseFloat(img.style.height, 10);
var maxMin = $.objScale.constrainMaxMinPositionForContainer({
width: width,
height: height
}, galleryDim, {
left: left,
top: top
});
return [maxMin.left, maxMin.top];
}
function dragImg(e){
var x = poses.x - e.clientX, y = poses.y - e.clientY, left = poses.left - x, top = poses.top - y;
var nPos = constrainToGallery(left, top);
nPos[0] = nPos[0] || 0;
nPos[1] = nPos[1] || 0;
img.style.left = nPos[0] + 'px';
img.style.top = nPos[1] + 'px';
poses = {
x: e.clientX || 0,
y: e.clientY || 0,
top: nPos[1],
left: nPos[0]
};
}
function scale(){
var dir = (this.className == 'zoom-in') ? 1 : -1;
if (dimArray[nowDim + dir]) {
nowDim += dir;
var pos = {
top: parseFloat(img.style.top) + ((parseFloat(img.style.height) - dimArray[nowDim].height) / 2),
left: parseFloat(img.style.left) + ((parseFloat(img.style.width) - dimArray[nowDim].width) / 2)
}, cPos = constrainToGallery(pos.left, pos.top, dimArray[nowDim].width, dimArray[nowDim].height);
pos.left = cPos[0];
pos.top = cPos[1];
var css = $.extend({}, dimArray[nowDim], pos);
jImg.animate(css, {
duration: 200
});
}
return false;
}
function mouseDown(e){
poses = {
x: e.clientX,
y: e.clientY,
top: parseFloat(img.style.top, 10),
left: parseFloat(img.style.left, 10)
};
}
function prepareNewImg(){
var imgDim = $.objScale.scaleSidesIn(this, galleryDim), difDim = {
width: galleryDim.width - imgDim.width,
height: galleryDim.height - imgDim.height
};
if (difDim.width < 5 && difDim.width > 0) {
imgDim.height = $.objScale.scaleWidthTo(imgDim, galleryDim.width);
imgDim.width = galleryDim.width;
}
else
if (difDim.height < 5 && difDim.height > 0) {
imgDim.width = $.objScale.scaleHeightTo(imgDim, galleryDim.height);
imgDim.height = galleryDim.height;
}
var maxDim = {
width: this.width,
height: this.height
};
nowDim = 0;
var stepWidth = (Math.abs(imgDim.width - maxDim.width)) / 3, stepHeight = (Math.abs(imgDim.height - maxDim.height)) / 3;
dimArray = $.extend({}, imgDim);
delete dimArray.margin;
dimArray = [dimArray];
for (var i = 0; i < 2; i++) {
dimArray.push({
width: imgDim.width + stepWidth,
height: imgDim.height + stepHeight
});
stepWidth += stepWidth;
stepHeight += stepHeight;
}
dimArray.push($.extend({}, maxDim));
var css = {
position: 'absolute',
width: imgDim.width,
height: imgDim.height,
top: imgDim.margin[0],
left: imgDim.margin[1],
opacity: 0
};
jImg.css(css).prependTo(zoomContainer[0]).animate({
opacity: 1
}, {
duration: 200
}).bind('mousedown', mouseDown);
var mouseDrag = new MouseDrag();
mouseDrag.mouseInit();
}
function MouseDrag(){
this.element = jImg;
this.options = $.ui.mouse.defaults;
}
$.extend(MouseDrag.prototype, $.ui.mouse, {
mouseDrag: dragImg
});
function switchImage(src, jElm){
$('img:first', zoomContainer[0]).animate({
opacity: 0
}, {
duration: 300,
complete: function(){
$(this).remove();
}
});
img = new Image();
jImg = $(img);
jImg.load(prepareNewImg);
img.src = src;
}
function init(){
gallery = $('#gallery');
zoomImage = $('#zoom-image');
if (gallery[0] && zoomImage.length == 0) {
var imgSrc = $('#photo-index a').attr('href');
img = new Image();
zoomContainer = $('');
zoomContainer.insertBefore('#photo-index');
galleryDim = {
width: $('#zoom-image').innerWidth(),
height: $('#zoom-image').innerHeight()
};
$('#gallery').imageGallery({
imageStage: '#zoom-image',
link: '#photo-index a',
switchImgFn: switchImage
});
jImg = $(img);
jImg.load(prepareNewImg);
img.src = imgSrc;
$('a', zoomContainer[0]).click(scale);
}
}
return {
init: init,
element: jImg,
dragImg: dragImg
};
})();
// Simple JavaScript Templating
// John Resig - http://ejohn.org/ - MIT Licensed
(function(){
var cache = {};
$.tmpl = function tmpl(str, data){
// Figure out if we're getting a template, or if we need to
// load the template - and be sure to cache the result.
var fn = !/\W/.test(str) ? cache[str] = cache[str] ||
tmpl(document.getElementById(str).innerHTML) : // Generate a reusable function that will serve as a template
// generator (and which will be cached).
new Function("obj", "var p=[],print=function(){p.push.apply(p,arguments);};" +
// Introduce the data as local variables using with(){}
"with(obj){p.push('" +
// Convert the template into pure JavaScript
str.replace(/^[\s]*[\s]*$/, '').replace(/[\r\t\n]/g, " ").split("<%").join("\t").replace(/((^|%>)[^\t]*)'/g, "$1\r").replace(/\t=(.*?)%>/g, "',$1,'").split("\t").join("');").split("%>").join("p.push('").split("\r").join("\\'") +
"');}return p.join('');");
// Provide some basic currying to the user
return data ? fn(data) : fn;
};
})();
$.fn.rewriteSelect = function(opts){
opts = $.extend({
changeFn: function(){
}
}, opts);
return this.each(function(){
var jElm = $(this), val = jElm.val(), name = jElm.attr('name'), width = jElm.width() + 5, selText = $('option:eq(' + this.selectedIndex + ')', this).text(), selContainer = jElm.parent(), selIndicator = '' + selText + '', options = '', selected, buttonSubmit = jElm.is('.has-submit'),//
form;
$('option', this).each(function(){
selected = (this.selected) ? ' class="radio checked-radio"' : ' class="radio"';
options += '' + $(this).text() + '';
});
width += 2;
var selectReplacement = $('').appendTo(selContainer[0]);
jElm.remove();
var hiddenInput = $('').appendTo(selContainer[0]);
selIndicator = $('span.indicator em', selContainer[0]);
if (!buttonSubmit) {
form = selectReplacement.parents('form:first');
$('input[type=submit]', form[0]).remove();
}
selectReplacement.menubar({
selSubmenu: 'div',
needToActivate: true,
closeOnLeave: false,
menuitem: 'span'
}).bind('menuitemchange', function(e, instance){
if (instance.checked) {
var text = $.trim(instance.element.text());
selIndicator.text(text);
hiddenInput.val(instance.menuitem.attr('data-value'));
}
opts.changeFn();
if (!buttonSubmit && form) {
form.submit();
}
});
});
};
$.fn.rewriteSelectEmotional = function(opts){
opts = $.extend({
changeFn: function(){
}
}, opts);
return this.each(function(){
var jElm = $(this), val = jElm.val(), name = jElm.attr('name'), width = jElm.width() + 5, selText = $('option:eq(' + this.selectedIndex + ')', this).text(), selContainer = jElm.parent(), selIndicator = '' + selText + '', options = '', selected, buttonSubmit = jElm.is('.has-submit'),//
form;
$('option', this).each(function(){
selected = (this.selected) ? ' class="radio checked-radio"' : ' class="radio"';
options += '' + $(this).text() + '';
});
width += 2;
var selectReplacement = $('').appendTo(selContainer[0]);
jElm.remove();
var hiddenInput = $('').appendTo(selContainer[0]);
selIndicator = $('span.indicator em', selContainer[0]);
if (!buttonSubmit) {
form = selectReplacement.parents('form:first');
$('input[type=submit]', form[0]).remove();
}
selectReplacement.menubar({
selSubmenu: 'div',
needToActivate: true,
closeOnLeave: false,
menuitem: 'span'
}).bind('menuitemchange', function(e, instance){
if (instance.checked) {
var text = $.trim(instance.element.text());
var url = instance.menuitem.attr('data-value');
selIndicator.text(text);
window.open(url, '_self');
hiddenInput.val(instance.menuitem.attr('data-value'));
}
opts.changeFn();
if (!buttonSubmit && form) {
// form.submit();
}
});
});
};
function filterList(){
var params = {}, paramText = {}, dynWrapper, selectwrapper, ahrComplete = false, animComplete = false;
function renderResult(result){
$.each(result.selects, createSelects);
if ($.browser.msie) {
dynWrapper.html($.tmpl('product_tmpl', result.resultset)).css('visibility', 'visible');
}
else {
dynWrapper.html($.tmpl('product_tmpl', result.resultset)).css('opacity', 1).slideDown(400);
}
}
function getFilteredData(json, status){
if (status && status == 'success') {
if ($.browser.msie)
$('#crownAnimation').hide();
else
$('#crownAnimation').fadeOut();
ahrComplete = json;
if (animComplete) {
if (json.resultset && (json.resultset.category || json.resultset.item)) {
renderResult(json);
}
ahrComplete = false;
}
}
}
function createSelects(i, item){
var selIndicator, options, selected, id, oldSelect, selectReplacement, selText;
options = '';
for (var prop in item) {
id = prop;
paramText[id] = paramText[id] ||
'';
$.each(item[prop].text, function(i, text){
selected = ' class="radio"';
if ((!params[id] && !$.location.querys[id] && i === 0) || // initial
(!params[id] && $.location.querys[id] == item[prop].val[i]) || // query vorhanden
(params[id] == item[prop].val[i]) || // name/val gespeichert
(paramText[id] == text)) { // text vorhanden
selected = ' class="radio checked-radio"';
params[id] = item[prop].val[i];
paramText[id] = text;
selText = text;
}
options += '' + text + '';
});
selText = selText ||
item[prop].text[0];
selIndicator = '' + selText + '';
selectReplacement = '';
oldSelect = $('#' + id);
if (oldSelect[0]) {
selectReplacement = $(selectReplacement).replaceAll(oldSelect[0]);
}
else {
selectReplacement = $('' + selectReplacement + '
').appendTo('#filter fieldset').find('#' + id);
}
selectReplacement.menubar({
selSubmenu: 'div',
needToActivate: true,
closeOnLeave: false,
menuitem: 'span'
}).bind('menuitemchange', function(e, instance){
if (instance.checked) {
var text = $.trim(instance.element.text()), id = instance.options.parentInstance.element.attr('id'), val = instance.menuitem.attr('data-value');
params[id] = val;
paramText[id] = text;
instance.parentItems.find('span.indicator em').text(text);
//selIndicator.text(text);
ahrComplete = false;
animComplete = false;
if ($('#crownAnimation').length == 0)
$('#filter').after('');
if ($.browser.msie)
$('#crownAnimation').show();
else
$('#crownAnimation').fadeIn();
$.getJSON(selectBoxes.actionUrl, params, getFilteredData);
if ($.browser.msie) {
dynWrapper.css('visibility', 'hidden');
$('#filter fieldset').html('');
animComplete = true;
}
else {
dynWrapper.stop().animate({
opacity: 0,
height: 'hide'
}, {
duration: 1555,
complete: function(){
$('#filter fieldset').html('');
animComplete = true;
if (ahrComplete) {
getFilteredData(ahrComplete, 'success');
animComplete = false;
}
}
});
}
}
});
if ($.browser.msie && $.browser.version < 8) {
selectReplacement.parent().css({
width: '170px',
'float': 'right'
});
}
}
}
function generateList(data){
data = data || selectBoxes.selects;
$.each(data, createSelects);
}
if (typeof selectBoxes != 'undefined' && selectBoxes.selects != null) {
$('#filter').append('');
generateList();
dynWrapper = $('#progress div.dyn-wrapper');
}
}
function lingerieToc(){
function switchTab(activeTab, activePanel, deactivatedTab){
activeTab.parent().addClass('active');
deactivatedTab.parent().removeClass('active');
}
$('#glossary-nav li.active a, #fabric-toc li.active a').addClass('active');
$('#glossary-nav a').tab({
'tabListSel': '#glossary-nav',
'activeClass': 'active',
complete: switchTab
});
$('#fabric-toc a').tab({
'activeClass': 'active',
complete: switchTab
});
$('ol.toc-panel').each(function(){
$('a', this).tab();
});
}
function callOnReady(){
if (!$.browser.msie && typeof selectBoxes != 'undefined') {
$('body').addClass('scroll');
}
filterList();
$('select#emotional').rewriteSelectEmotional();
$('select').rewriteSelect();
if ($('.mig').length != 1) {
initMenu();
}
$.triumpgBgImg.init();
$('input[type=submit]').createLinkButton({
extraClass: 'input',
innerLink: '$value'
});
lingerieToc();
// for one-brand view
if ($('ul.nav-main li').length == 2) {
$('ul.nav-main').addClass('single');
$('ul.nav-main li:first').hide();
$('ul.nav-main li:eq(2)').addClass('active');
};
$('span.reddot a').removeAttr('onmouseover');
$('span.reddot a').removeAttr('onmouseout');
$('div.box-2>div:nth-child(2n), div.box-3>div:nth-child(3n), div.box-4>div:nth-child(4n)').addClass('last');
//$('p.more:last a').click(function(){
$('div#container-2 p.more a').click(function(){
$('div#container-1').css('display', 'none');
$('div#tellafriend').css('display', 'none');
$('div#container-2').css('display', 'none');
$('div#container-3').css('display', 'none');
$('div#gallery').css('display', 'block');
zoomGallery.init();
});
$('div.zoom:last').click(function() {
$('div#container-1').css('display', 'none');
$('div#tellafriend').css('display', 'none');
$('div#container-2').css('display', 'none');
$('div#container-3').css('display', 'none');
$('div#gallery').css('display', 'block');
zoomGallery.init();
});
$('ul.send a.mail').click(function(){
$('div#container-1').css('display', 'none');
$('div#gallery').css('display', 'none');
$('div#container-2').css('display', 'none');
$('div#container-3').css('display', 'none');
$('div#tellafriend').css('display', 'block');
});
$('#gallery p.back a').click(function(){
$('div#container-1').css('display', 'block');
$('div#container-2').css('display', 'block');
$('div#container-3').css('display', 'block');
$('div#gallery').css('display', 'none');
$('div#tellafriend').css('display', 'none');
});
var redirectURL = location.pathname;
redirectURL += location.search;
redirectURL += location.hash;
$('#tellafriend p.back a').attr('href', redirectURL);
}
$(callOnReady);
})(jQuery);
}
else {
/**
* @author alexander.farkas
*/
(function($){
function initMenu(){
function menuShow(){
var jElm = $(this)
if (!$.browser.msie) {
jElm.stop(true, true).css({
opacity: 0
}).animate({
opacity: 1
}, {
duration: 300
});
}
$('ul:first', this).stop(true, true).css({
marginTop: '-' + jElm.height() + 'px'
}).animate({
marginTop: '-1px'
}, {
duration: 300
});
}
function menuHide(ui){
var jElm = $(this);
$('ul:first', this).animate({
marginTop: '-' + jElm.height() + 'px'
}, {
duration: 300,
complete: function(){
$(this).css({
marginTop: '-1px'
});
ui.element.removeClass('over');
}
});
if (!$.browser.msie) {
jElm.animate({
opacity: 0
}, {
duration: 300,
complete: function(){
jElm.css({
opacity: 1
});
ui.element.removeClass('over');
}
});
}
}
function minMaxWidth(type, ui){
var width = ui.menuitem.menuitem.outerWidth(), minWidth = 0;
ui.menuitem.submenu.css({
'visibility': 'hidden'
});
ui.menuitem.element.addClass('over');
$('span:not(.bl,.br)', ui.menuitem.submenu[0]).each(function(){
var sW = $(this).width();
if (sW > minWidth) {
minWidth = sW;
}
});
ui.menuitem.element.removeClass('over');
ui.menuitem.submenu.css({
'visibility': ''
});
minWidth += 21; /* 2x9px + 3 */
if (minWidth > width) {
width = minWidth;
}
ui.menuitem.submenu.css({
'width': width + 'px'
});
}
$('#nav-global').menubar({
selSubmenu: 'div',
needToActivate: false,
closeOnLeave: true,
showAnim: menuShow,
hideAnim: menuHide
}).bind('menuitembeforeOpen', minMaxWidth);
$('#nav-meta').menubar({
selSubmenu: 'div',
needToActivate: false,
closeOnLeave: true,
showAnim: menuShow,
hideAnim: menuHide
}).bind('menuitembeforeOpen', minMaxWidth);
}
$.triumpgBgImg = (function(){
var viewport, imgSize, imgDim, staticImg, imgNum;
function calcViewport(){
viewport = {
height: $(window).height(),
width: $(window).width()
};
}
function calcImgSize(img){
if (img[0]) {
imgDim = {
height: img.height(),
width: img.width()
};
}
}
function adjustBgImg(){
img = staticImg;
calcViewport();
var windowRatio = viewport.width / viewport.height, imgRatio = imgDim.width / imgDim.height;
if (windowRatio < imgRatio) {
img.css({
width: 'auto',
height: viewport.height + 'px'
});
}
else {
img.css({
width: '100%',
height: 'auto'
});
}
}
function showNext(){
staticImg = $('#bg-img img:last');
calcImgSize(staticImg);
adjustBgImg(staticImg);
$('#overlay').animate({
opacity: 0.9,
backgroundColor: '#ffffff'
}, {
duration: 400,
complete: function(){
staticImg.css({
opacity: 1
});
$('#bg-img img:first').remove();
}
}).animate({
opacity: 0.5,
backgroundColor: '#000000'
}, {
duration: 400
});
}
function loadNext(path){
var img = new Image();
img.src = path;
$(img).css({
opacity: 0
}).appendTo($('#bg-img')[0]);
if (img.complete) {
showNext();
}
else {
$(img).load(showNext);
}
}
return {
init: function(){
staticImg = $('#bg-img img:first');
if (staticImg && staticImg[0]) {
if (staticImg[0].complete) {
calcImgSize(staticImg);
adjustBgImg(staticImg);
$(window).bind('resize', adjustBgImg);
}
else {
staticImg.bind('load', function(){
calcImgSize(staticImg);
adjustBgImg(staticImg);
});
$(window).bind('resize', adjustBgImg);
}
}
},
loadNext: loadNext
};
})();
(function($){
$.imgPreLoad = (function(){
var srcList = [], ready = false, started = false;
function loadImg(){
if (srcList.length) {
started = true;
var src = srcList.shift(), img = new Image();
img.src = src;
if (img.complete) {
loadImg();
}
else {
$(img).load(loadImg);
}
}
else {
started = false;
}
}
return {
add: function(src){
srcList.push(src);
if (ready && !started) {
loadImg();
}
},
ready: function(){
ready = true;
loadImg();
}
};
})();
$(window).bind('load', $.imgPreLoad.ready);
})(jQuery);
(function($){
$.widget('ui.imageGallery', {
init: function(){
var that = this, o = this.options;
this.links = $(o.link, this.element[0]);
this.imageStage = $(o.imageStage, this.element[0]);
this.imageStage.attr('tabIndex', '-1');
if ($.imgPreLoad) {
this.links.each(function(){
$.imgPreLoad.add($(this).attr('href'));
});
}
function switchPic(e){
that.switchImgStage.call(that, this, e);
setTimeout(function(){
that.imageStage[0].focus();
}, 200);
return false;
}
this.links.bind('click.imageGallery', switchPic).attr('role', 'button');
},
switchImgStage: function(elm, e){
var jElm = $(elm), src = jElm.attr('href');
this.links.removeClass('active');
jElm.addClass('active');
if (!this.options.switchImgFn) {
$('img', this.imageStage).attr('src', src);
}
else {
this.options.switchImgFn.call(this, src, jElm);
}
}
});
$.ui.imageGallery.defaults = {
link: 'a',
imageStage: 'div.photo',
switchImgFn: false
};
})(jQuery);
var zoomGallery = (function(){
var img, jImg, zoomContainer, gallery, galleryDim, nowDim, dimArray, poses;
function constrainToGallery(left, top, width, height){
width = width || parseFloat(img.style.width, 10);
height = height || parseFloat(img.style.height, 10);
var maxMin = $.objScale.constrainMaxMinPositionForContainer({
width: width,
height: height
}, galleryDim, {
left: left,
top: top
});
return [maxMin.left, maxMin.top];
}
function dragImg(e){
var x = poses.x - e.clientX, y = poses.y - e.clientY, left = poses.left - x, top = poses.top - y;
var nPos = constrainToGallery(left, top);
nPos[0] = nPos[0] || 0;
nPos[1] = nPos[1] || 0;
img.style.left = nPos[0] + 'px';
img.style.top = nPos[1] + 'px';
poses = {
x: e.clientX || 0,
y: e.clientY || 0,
top: nPos[1],
left: nPos[0]
};
}
function scale(){
var dir = (this.className == 'zoom-in') ? 1 : -1;
if (dimArray[nowDim + dir]) {
nowDim += dir;
var pos = {
top: parseFloat(img.style.top) + ((parseFloat(img.style.height) - dimArray[nowDim].height) / 2),
left: parseFloat(img.style.left) + ((parseFloat(img.style.width) - dimArray[nowDim].width) / 2)
}, cPos = constrainToGallery(pos.left, pos.top, dimArray[nowDim].width, dimArray[nowDim].height);
pos.left = cPos[0];
pos.top = cPos[1];
var css = $.extend({}, dimArray[nowDim], pos);
jImg.animate(css, {
duration: 200
});
}
return false;
}
function mouseDown(e){
poses = {
x: e.clientX,
y: e.clientY,
top: parseFloat(img.style.top, 10),
left: parseFloat(img.style.left, 10)
};
}
function prepareNewImg(){
var imgDim = $.objScale.scaleSidesIn(this, galleryDim), difDim = {
width: galleryDim.width - imgDim.width,
height: galleryDim.height - imgDim.height
};
if (difDim.width < 5 && difDim.width > 0) {
imgDim.height = $.objScale.scaleWidthTo(imgDim, galleryDim.width);
imgDim.width = galleryDim.width;
}
else
if (difDim.height < 5 && difDim.height > 0) {
imgDim.width = $.objScale.scaleHeightTo(imgDim, galleryDim.height);
imgDim.height = galleryDim.height;
}
var maxDim = {
width: this.width,
height: this.height
};
nowDim = 0;
var stepWidth = (Math.abs(imgDim.width - maxDim.width)) / 3, stepHeight = (Math.abs(imgDim.height - maxDim.height)) / 3;
dimArray = $.extend({}, imgDim);
delete dimArray.margin;
dimArray = [dimArray];
for (var i = 0; i < 2; i++) {
dimArray.push({
width: imgDim.width + stepWidth,
height: imgDim.height + stepHeight
});
stepWidth += stepWidth;
stepHeight += stepHeight;
}
dimArray.push($.extend({}, maxDim));
var css = {
position: 'absolute',
width: imgDim.width,
height: imgDim.height,
top: imgDim.margin[0],
left: imgDim.margin[1],
opacity: 0
};
jImg.css(css).prependTo(zoomContainer[0]).animate({
opacity: 1
}, {
duration: 200
}).bind('mousedown', mouseDown);
var mouseDrag = new MouseDrag();
mouseDrag.mouseInit();
}
function MouseDrag(){
this.element = jImg;
this.options = $.ui.mouse.defaults;
}
$.extend(MouseDrag.prototype, $.ui.mouse, {
mouseDrag: dragImg
});
function switchImage(src, jElm){
$('img:first', zoomContainer[0]).animate({
opacity: 0
}, {
duration: 300,
complete: function(){
$(this).remove();
}
});
img = new Image();
jImg = $(img);
jImg.load(prepareNewImg);
img.src = src;
}
function init(){
gallery = $('#gallery');
if (gallery[0]) {
var imgSrc = $('#photo-index a.testGallery').attr('href');
img = new Image();
zoomContainer = $('');
zoomContainer.insertBefore('#photo-index');
galleryDim = {
width: $('#zoom-image').innerWidth(),
height: $('#zoom-image').innerHeight()
};
$('#gallery').imageGallery({
imageStage: '#zoom-image',
link: '#photo-index a.testGallery',
switchImgFn: switchImage
});
jImg = $(img);
jImg.load(prepareNewImg);
img.src = imgSrc;
$('a', zoomContainer[0]).click(scale);
}
}
return {
init: init,
element: jImg,
dragImg: dragImg
};
})();
// Simple JavaScript Templating
// John Resig - http://ejohn.org/ - MIT Licensed
(function(){
var cache = {};
$.tmpl = function tmpl(str, data){
// Figure out if we're getting a template, or if we need to
// load the template - and be sure to cache the result.
var fn = !/\W/.test(str) ? cache[str] = cache[str] ||
tmpl(document.getElementById(str).innerHTML) : // Generate a reusable function that will serve as a template
// generator (and which will be cached).
new Function("obj", "var p=[],print=function(){p.push.apply(p,arguments);};" +
// Introduce the data as local variables using with(){}
"with(obj){p.push('" +
// Convert the template into pure JavaScript
str.replace(/^[\s]*[\s]*$/, '').replace(/[\r\t\n]/g, " ").split("<%").join("\t").replace(/((^|%>)[^\t]*)'/g, "$1\r").replace(/\t=(.*?)%>/g, "',$1,'").split("\t").join("');").split("%>").join("p.push('").split("\r").join("\\'") +
"');}return p.join('');");
// Provide some basic currying to the user
return data ? fn(data) : fn;
};
})();
$.fn.rewriteSelect = function(opts){
opts = $.extend({
changeFn: function(){
}
}, opts);
return this.each(function(){
var jElm = $(this), val = jElm.val(), name = jElm.attr('name'), width = jElm.width() + 5, selText = $('option:eq(' + this.selectedIndex + ')', this).text(), selContainer = jElm.parent(), selIndicator = '' + selText + '', options = '', selected, buttonSubmit = jElm.is('.has-submit'),//
form;
$('option', this).each(function(){
selected = (this.selected) ? ' class="radio checked-radio"' : ' class="radio"';
options += '' + $(this).text() + '';
});
width += 2;
var selectReplacement = $('').appendTo(selContainer[0]);
jElm.remove();
var hiddenInput = $('').appendTo(selContainer[0]);
selIndicator = $('span.indicator em', selContainer[0]);
if (!buttonSubmit) {
form = selectReplacement.parents('form:first');
$('input[type=submit]', form[0]).remove();
}
selectReplacement.menubar({
selSubmenu: 'div',
needToActivate: true,
closeOnLeave: false,
menuitem: 'span'
}).bind('menuitemchange', function(e, instance){
if (instance.checked) {
var text = $.trim(instance.element.text());
selIndicator.text(text);
hiddenInput.val(instance.menuitem.attr('data-value'));
}
opts.changeFn();
if (!buttonSubmit && form) {
form.submit();
}
});
});
};
$.fn.rewriteSelectEmotional = function(opts){
opts = $.extend({
changeFn: function(){
}
}, opts);
return this.each(function(){
var jElm = $(this), val = jElm.val(), name = jElm.attr('name'), width = jElm.width() + 5, selText = $('option:eq(' + this.selectedIndex + ')', this).text(), selContainer = jElm.parent(), selIndicator = '' + selText + '', options = '', selected, buttonSubmit = jElm.is('.has-submit'),//
form;
$('option', this).each(function(){
selected = (this.selected) ? ' class="radio checked-radio"' : ' class="radio"';
options += '' + $(this).text() + '';
});
width += 2;
var selectReplacement = $('').appendTo(selContainer[0]);
jElm.remove();
var hiddenInput = $('').appendTo(selContainer[0]);
selIndicator = $('span.indicator em', selContainer[0]);
if (!buttonSubmit) {
form = selectReplacement.parents('form:first');
$('input[type=submit]', form[0]).remove();
}
selectReplacement.menubar({
selSubmenu: 'div',
needToActivate: true,
closeOnLeave: false,
menuitem: 'span'
}).bind('menuitemchange', function(e, instance){
if (instance.checked) {
var text = $.trim(instance.element.text());
var url = instance.menuitem.attr('data-value');
selIndicator.text(text);
window.open(url, '_self');
hiddenInput.val(instance.menuitem.attr('data-value'));
}
opts.changeFn();
if (!buttonSubmit && form) {
// form.submit();
}
});
});
};
function filterList(){
var params = {}, dynWrapper, ahrComplete = false, animComplete = false;
function renderResult(result){
if ($.browser.msie) {
dynWrapper.html($.tmpl('product_tmpl', result)).css('visibility', 'visible');
}
else {
dynWrapper.html($.tmpl('product_tmpl', result)).css('opacity', 1).slideDown(400);
}
}
function getFilteredData(json, status){
if (status && status == 'success') {
ahrComplete = json;
if (animComplete) {
generateList(json.selects);
if (json.resultset && (json.resultset.category || json.resultset.item)) {
renderResult(json.resultset);
}
ahrComplete = false;
}
}
else {
alert('fehler handling');
}
}
function generateList(data){
var selIndicator, options, selected, id, oldSelect, selectReplacement, selText;
data = data || selectBoxes.selects;
$.each(data, function(i, item){
options = '';
for (var prop in item) {
id = prop;
$.each(item[prop].text, function(i, text){
selected = ' class="radio"';
if ((!params[id] && i === 0) || (params[id] == item[prop].val[i])) {
selected = ' class="radio checked-radio"';
params[id] = item[prop].val[i];
selText = text;
}
options += '' + text + '';
});
selIndicator = '' + selText + '';
selectReplacement = '';
oldSelect = $('#' + id);
if (oldSelect[0]) {
selectReplacement = $(selectReplacement).replaceAll(oldSelect[0]);
}
else {
selectReplacement = $('' + selectReplacement + '
').appendTo('#filter fieldset').find('#' + id);
}
selectReplacement.menubar({
selSubmenu: 'div',
needToActivate: true,
closeOnLeave: false,
menuitem: 'span'
}).bind('menuitemchange', function(e, instance){
if (instance.checked) {
var text = $.trim(instance.element.text()), id = instance.options.parentInstance.element.attr('id'), val = instance.menuitem.attr('data-value');
params[id] = val;
params['changed'] = id;
instance.parentItems.find('span.indicator em').text(text);
//selIndicator.text(text);
ahrComplete = false;
animComplete = false;
$.getJSON(selectBoxes.actionUrl, params, getFilteredData);
if ($.browser.msie) {
dynWrapper.css('visibility', 'hidden');
animComplete = true;
}
else {
dynWrapper.stop().animate({
opacity: 0,
height: 'hide'
}, {
duration: 1555,
complete: function(){
animComplete = true;
if (ahrComplete) {
getFilteredData(ahrComplete, 'success');
animComplete = false;
}
}
});
}
}
});
if ($.browser.msie && $.browser.version < 8) {
selectReplacement.parent().css({
width: '170px',
'float': 'right'
});
}
}
});
}
if (typeof selectBoxes != 'undefined') {
$('#filter').append('');
generateList();
dynWrapper = $('#progress div.dyn-wrapper') /*.css({
overflow: 'hidden'
})*/
;
}
}
function lingerieToc(){
function switchTab(activeTab, activePanel, deactivatedTab){
activeTab.parent().addClass('active');
deactivatedTab.parent().removeClass('active');
}
$('#glossary-nav li.active a, #fabric-toc li.active a').addClass('active');
$('#glossary-nav a').tab({
'tabListSel': '#glossary-nav',
'activeClass': 'active',
complete: switchTab
});
$('#fabric-toc a').tab({
'activeClass': 'active',
complete: switchTab
});
$('ol.toc-panel').each(function(){
$('a', this).tab();
});
}
function callOnReady(){
if (!$.browser.msie && typeof selectBoxes != 'undefined') {
$('body').addClass('scroll');
}
filterList();
$('select#emotional').rewriteSelectEmotional();
$('select').rewriteSelect();
initMenu();
$.triumpgBgImg.init();
zoomGallery.init();
$('input[type=submit]').createLinkButton({
extraClass: 'input',
innerLink: '$value'
});
lingerieToc();
// for one-brand view
if ($('ul.nav-main li').length == 2) {
$('ul.nav-main').addClass('single');
$('ul.nav-main li:first').hide();
$('ul.nav-main li:eq(2)').addClass('active');
};
$('span.reddot a').removeAttr('onmouseover');
$('span.reddot a').removeAttr('onmouseout');
$('div.box-2>div:nth-child(2n), div.box-3>div:nth-child(3n), div.box-4>div:nth-child(4n)').addClass('last');
//$('p.more:last a').click(function(){
$('div#container-2 p.more a').click(function(){
var redirectURL = location.pathname;
redirectURL += location.search;
if (location.search.indexOf("?") >= 0) {
redirectURL += "&moreimages";
}
else {
redirectURL += "?moreimages";
}
redirectURL += location.hash;
location.href = redirectURL;
});
$('ul.send a.mail').click(function(){
var redirectURL = location.pathname;
redirectURL += location.search;
if (location.search.indexOf("?") >= 0) {
redirectURL += "&tellafriend";
}
else {
redirectURL += "?tellafriend";
}
redirectURL += location.hash;
location.href = redirectURL;
});
$('p.back a').click(function(){
if (location.search.indexOf("moreimages") >= 0) {
var redirectURL = location.pathname;
redirectURL += location.search;
redirectURL += location.hash;
redirectURL = redirectURL.replace(/.moreimages/g, "");
location.href = redirectURL;
}
else
if (location.search.indexOf("tellafriend") >= 0) {
var redirectURL = location.pathname;
redirectURL += location.search;
redirectURL += location.hash;
redirectURL = redirectURL.replace(/.tellafriend/g, "");
location.href = redirectURL;
}
});
if (location.search.indexOf("moreimages") >= 0) {
$('div#container-1').css('display', 'none');
$('div#tellafriend').css('display', 'none');
$('div#container-2').css('display', 'none');
$('div#container-3').css('display', 'none');
$('div#gallery').css('display', 'block');
}
else
if (location.search.indexOf("tellafriend") >= 0) {
$('div#container-1').css('display', 'none');
$('div#gallery').css('display', 'none');
$('div#container-2').css('display', 'none');
$('div#container-3').css('display', 'none');
$('div#tellafriend').css('display', 'block');
}
else {
$('div#container-1').css('display', 'block');
$('div#container-2').css('display', 'block');
$('div#container-3').css('display', 'block');
$('div#gallery').css('display', 'none');
$('div#tellafriend').css('display', 'none');
}
/* IhatE U */
if ($.browser.msie) {
var overlay = $('#overlay'), opac = (overlay.is('.mod')) ? 0 : 0.5;
overlay.css({
'opacity': opac
});
}
}
$(callOnReady);
})(jQuery);
}
function winOpen(url, breite, hoehe) {
var links = (screen.width/2)-(breite/2);
var oben = (screen.height/2)-(hoehe/2);
var name = 'triumph'+ new Date().getTime();
window.open(url,name,"height="+hoehe+",width="+breite+",status = no,toolbar = no,menubar = no,location = no,resizable = no,titlebar = no,scrollbars = no,fullscreen = no,top ="+oben+",left ="+links);
}
function winOpenWithScroll(url, breite, hoehe) {
var links = (screen.width/2)-(breite/2);
var oben = (screen.height/2)-(hoehe/2);
var name = 'triumph'+ new Date().getTime();
window.open(url,name,"height="+hoehe+",width="+breite+",status = no,toolbar = no,menubar = no,location = no,resizable = no,titlebar = no,scrollbars = yes,fullscreen = no,top ="+oben+",left ="+links);
}
function newpopup(site,w,h) {
x = screen.availWidth / 2 - w / 2;
y = screen.availHeight / 2 - h / 2;
window.open (site,'','width=' + w + ',height=' + h + ',left=' + x + ',top=' + y + ',screenX=' + x + ',screenY=' + y + ',scrollbars=no,resizable=yes');
}
$(document).ready(function(){
if( $.browser.msie && parseInt($.browser.version) < 7 ) {
$('.ct-wrapper div.tl, .ct-wrapper div.bl, .ct-wrapper div.tr, .ct-wrapper div.br').ifixpng();
}
// tool tips for pc icons
$('.pc-icons img').tipTip({
'defaultPosition' : 'top'
});
});
// get fallback cookie and set link accordingly
$(document).ready(function(){
if( $.cookie( 'fallback_url' ) != null )
$('.fallback').attr('href', $.cookie( 'fallback_url' ) );
else
$('.fallback').attr('href', 'http://www.triumph.com/');
});
