");
});
// all in one
jQuery('.content .all-in-one .info-box .close').click(function() {
var clicked = jQuery(this).parent().parent().attr('id');
// slide up
hideBox(clicked);
})
// 10 OC
jQuery('.content .ten-oclock .info-box .close').click(function() {
//console.log('--> ' + clicked);
// slide up
hideBox10OC();
//zoomOutMap();
})
jQuery('.content .ten-oclock .backlink a').click(function(event) {
//console.log('--> ' + clicked);
// slide up
event.preventDefault();
hideBox10OC();
//zoomOutMap();
})
// puls btns
jQuery('.content .all-in-one .pin .btn-arrow').pulse();
jQuery('.content .ten-oclock .pin .btn-arrow').pulse();
jQuery('.content .ten-oclock .pin').click(function() {
if (!jQuery(this).hasClass('zoomed-in')) {
jQuery(this).addClass('zoomed-in');
zoomInMap(this);
}
})
jQuery('.content .all-in-one .pin').each(function(i,el){
setTimeout( function() {
showLabel.apply($(el))
}, (i*500)+400);
})
}
function setHandler(){
jQuery('.content .ten-oclock .pin .info-box .close').click(function() {
//console.log('--> ' + clicked);
hideBox10OC();
//zoomOutMap();
})
}
/* -------------------------------------------------------------
* Styling
* ------------------------------------------------------------- */
// CSS3 Workarounds for IE
jQuery.fn.css3workarounds = function() {
jQuery('.breadcrumb li:nth-child(2)').addClass('first-link');
jQuery('h2:first-child').addClass('first');
};
// Zebra-Tables
jQuery.fn.zebraTable = function() {
jQuery('table').each( function() {
if (jQuery(this).attr('class') !== 'no_zebra' ) jQuery(this).find('tbody tr:even').addClass('row-even');
} );
};
// Equal Height
jQuery.fn.equalHeight = function () {
var height = 0;
var maxHeight = 0;
// Store the tallest element's height
this.each(function () {
height = jQuery(this).outerHeight();
maxHeight = (height > maxHeight) ? height : maxHeight;
});
// Set element's min-height to tallest element's height
return this.each(function () {
var t = jQuery(this);
var minHeight = maxHeight - (t.outerHeight() - t.height());
var property = jQuery.browser.msie && jQuery.browser.version < 7 ? 'height' : 'min-height';
t.css(property, minHeight + 'px');
});
};
/* -------------------------------------------------------------
* Tooltip
* ------------------------------------------------------------- */
jQuery.fn.tooltipTitle = function() {
jQuery(".tooltip-title[title]").tooltip({
effect: 'fade',
position: "top center",
offset: [-5, 0]
});
};
/* -------------------------------------------------------------
* Lightboxes/Overlay
* ------------------------------------------------------------- */
jQuery.fn.lightbox = function() {
// default Lightbox/Overlay
jQuery("a[rel]").overlay({
mask: '#595552',
top: 124,
preload: false,
fixed: false,
//for external sites
onBeforeLoad: function() {
// grab wrapper element inside content
var wrap = this.getOverlay().find(".external-content");
// load the page specified in the trigger
wrap.load(this.getTrigger().attr("href"));
}
});
};
/* -------------------------------------------------------------
* FAQ-Accordion
* ------------------------------------------------------------- */
jQuery.fn.faqToggle = function() {
// handle by TYPO3 specialelemnt / udo 05.05.2010
//jQuery('.faq dt').addClass('inactive');
//jQuery('.faq dd').hide();
// FAQ-Accordion
jQuery('.faq dt a').click( function(e) {
var parent = jQuery(e.target).parent();
parent.toggleClass('inactive');
parent.next().toggle();
return false;
} );
};
/* -------------------------------------------------------------
* General Form-Accordion
* ------------------------------------------------------------- */
jQuery.fn.toggleDetails = function() {
if (jQuery(".form-optional").find("div.error").length > 0) {
$(this).show();
$(".form-details").toggleClass('inactive');
} else jQuery(".form-details").next().hide();
jQuery(".form-details").click(function(e) {
e.preventDefault();
$(this).toggleClass('inactive');
$(this).next().toggle();
})
}
/* -------------------------------------------------------------
* Image Gallery
* ------------------------------------------------------------- */
jQuery.fn.imagegallery = function(options) {
if(typeof window.imagegalleries == 'undefined'){
window.imagegalleries = [];
}
jQuery('.image-gallery').each(function(i,gallery){
if(!jQuery(gallery).is('.initated')){
// Initially set opacity on thumbs and add
// additional styling for hover effect on thumbs
jQuery(gallery).addClass('initated')
jQuery(gallery).addClass('gallery-'+ i)
jQuery(gallery).attr('rel', window.imagegalleries.length)
var newgallery = {gallery: null, markup: jQuery(gallery)}
window.imagegalleries.push(newgallery)
jQuery(gallery).find('.gallery-content').css('display', 'block');
var onMouseOutOpacity = 0.6;
jQuery(gallery).find('.navigation ul.thumbs li').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 1.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});
// Initialize Advanced Galleriffic Gallery
newgallery.gallery = jQuery(gallery).find('.navigation').galleriffic({
delay: 4000,
numThumbs: 8,
preloadAhead: 0,
enableTopPager: false,
enableBottomPager: true,
maxPagesToShow: 6,
imageContainerSel: '.gallery-'+ i +' .slideshow',
controlsContainerSel: '.gallery-'+ i +' .controls',
captionContainerSel: '.gallery-'+ i +' .caption-container',
loadingContainerSel: '.gallery-'+ i +' .loader',
renderSSControls: false, // play/pause
renderNavControls: false, // prev/next photo
playLinkText: 'Play Slideshow',
pauseLinkText: 'Pause Slideshow',
prevLinkText: '‹',
nextLinkText: '›',
nextPageLinkText: '››',
prevPageLinkText: '‹‹',
enableHistory: false,
enableKeyboardNavigation: false, // Specifies whether keyboard navigation is enabled
autoStart: options.autostart,
syncTransitions: false,
defaultTransitionDuration: 800,
onSlideChange: function(prevIndex, nextIndex) {
// 'this' refers to the gallery, which is an extension of jQuery('#gallery-thumbs')
this.find('ul.thumbs').children()
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
.eq(nextIndex).fadeTo('fast', 1.0);
},
onPageTransitionOut: function(callback) {
this.fadeTo('fast', 0.0, callback);
},
onPageTransitionIn: function() {
this.fadeTo('fast', 1.0);
}
});
}
})
};
/* -------------------------------------------------------------
* Horizontal Slider (FAQ)
* ------------------------------------------------------------- */
// Horizontal Slider that shows dynamic FAQ content below the slider on Click
jQuery.fn.horizontalslider = function() {
// Alle vorhandenen Scroller sonderbehandeln
handlescrollerhorizontal("#faqslider");
/* -------------------------- FAQ -------------------------- */
// get "product-*"-classname of one item and show corresponding div
showQuestions = function(selector) {
var faqid = "."+jQuery(selector).attr("class").match(/product-\w*/)[0];
if (jQuery(faqid).length>0) {
jQuery(".faq-questions").hide();
jQuery(faqid).fadeIn();
}
return false;
};
// show faq questions of initially activated item (pageload)
showQuestions(jQuery(".horizontal-slider .active"));
// show content of a clicked item
jQuery(".horizontal-slider .item").click(function() {
jQuery('.horizontal-slider .item').removeClass("active");
jQuery(this).addClass("active");
showQuestions(this);
});
};
// Alle Scroller so umblättern, das sie den aktuell aktivierten (geklickten) Wert anzeigen
function handlescrollerhorizontal(scroller_select) {
jQuery(scroller_select).scrollable({
keyboard: false,
circular: false
});
if(myscrollerhorizontal = jQuery(scroller_select).data("scrollable")) {
var pagenum=0;
jQuery('.horizontal-slider .page').each(function(c1, pagediv) {
jQuery.each(pagediv.children, function(c2, itemdiv) {
var found = itemdiv.className.search(/active/);
if(found != -1) {
pagenum=c1;
}
});
});
myscrollerhorizontal.move(pagenum, 0);
}
};
/* -------------------------------------------------------------
* Generic Horizontal Slider with dynamic Content
* -------------------------------------------------------------
* @param {String} slider_id CSS ID of the slider div
* @param (String) item_class CSS classname of each slider item
* @param (String) items_div CSS classname pattern to match with item detail div
* @param (String) items_div CSS classname of each slider item detail div
* @param (String) customfunc (optional) custom function to be applied after each slider switch
*/
// Generic Horizontal Slider that shows dynamic content below the slider on Click
jQuery.fn.horizontalslider_dynamiccontent = function(slider_id, item_class, items_div, customfunc) {
// Alle vorhandenen Scroller sonderbehandeln
handlescrollerhorizontal(slider_id);
var sliderobj = jQuery(slider_id);
/* -------------------------- Items -------------------------- */
// get classname of one item and show corresponding items div
showItems = function(selector) {
var item_class_regex = new RegExp(item_class+'\\w*');
var item_id = "."+jQuery(selector).attr("class").match(item_class_regex)[0];
/* store active item class via data() */
sliderobj.data('active_class',item_id);
if (jQuery(item_id).length>0) {
/* After hiding the items div... */
jQuery(items_div).hide();
/* Apply custom function */
if (jQuery.isFunction(customfunc)) { customfunc(); }
/* And show it */
jQuery(item_id).fadeIn();
}
return false;
};
// show item-content of initially activated item (pageload)
showItems(jQuery(".horizontal-slider .active"), item_class, items_div);
// show item-content of a clicked item
jQuery(".horizontal-slider .item").click(function() {
jQuery('.horizontal-slider .item').removeClass("active");
jQuery(this).addClass("active");
showItems(this);
});
};
/* -------------------------------------------------------------
* Vorwerk Worldwide: Functions to handle brands and countries
* ------------------------------------------------------------- */
jQuery.fn.handleBrandCountries = function() {
/* Shows/hides a country group (consisting of countries) depending on the number of visible country items */
function toggleCountryGroup(display,activeclass) {
jQuery('.countries'+activeclass).each(function() {
jQuery(this).find('.country-group').each(function() {
var $countrygroup = $(this);
var count_visible_items = $countrygroup.find('li:visible').length;
/* console.log(count_visible_items); */
if (display == 'hide') {
/* console.log($countrygroup); */
if (count_visible_items == 0) {
$countrygroup.slideUp();
}
} else {
$countrygroup.slideDown();
}
});
});
}
/* Shows/hides address items within all lightboxes based on filter (company|distributor) */
function toggleLightboxAdresses(display,itemclass) {
var address_item = jQuery('.worldwide .lightbox .address.'+itemclass);
if (display == 'hide') {
address_item.hide();
} else {
address_item.show();
}
}
jQuery('.filter input:checkbox').click(function() {
var $this = jQuery(this);
var radio_checked = $this.is(':checked');
/* prevent unchecking both checkboxes */
if (jQuery('.filter input:checkbox').not(':checked').length == 2) { return false; }
var activeclass = jQuery('#brandslider').data('active_class'); /* .brand-1 etc. */
/* console.log(jQuery('.countries'+activeclass+' .country-group ul li.'+$this.attr('class'))); */
items = jQuery('.countries'+activeclass+' .country-group ul li').filter(function(index) {
/* only grab items that contain 1 class-value (company|distributor) */
/* console.log('classname='+this.className); */
var regex = new RegExp($this.attr('class'));
if (this.className.match($this.attr('class'))) {
/* console.log(this.className.match(regex)); */
if (this.className.split(" ").length == 1) {
return true;
}
} else { return false; }
});
/* console.log(items); */
if (items.length>0) {
if (radio_checked) {
items.fadeIn(function() {
toggleCountryGroup('show',activeclass);
toggleLightboxAdresses('show',$this.attr('class'));
});
} else {
items.fadeOut(function() {
toggleCountryGroup('hide',activeclass);
toggleLightboxAdresses('hide',$this.attr('class'));
});
}
}
});
}
/* -------------------------------------------------------------
* Vertical Slider
* ------------------------------------------------------------- */
jQuery.fn.verticalslider = function() {
// Alle vorhandenen Scroller sonderbehandeln
handlescrollervertical("#tabnavslider");
// link to href of h4
jQuery('.vertical-slider .item').click(function() {
jQuery('.vertical-slider .item').removeClass("active");
jQuery(this).addClass("active");
location.href = jQuery('h4 a',this).attr("href");
return false;
});
};
// Alle Scroller so umblättern, das sie den aktuell aktivierten (geklickten) Wert anzeigen
function handlescrollervertical(scrollervertical_select) {
jQuery(scrollervertical_select).scrollable({
keyboard: false,
vertical: true,
circular: false
});
if(myscrollervertical = jQuery(scrollervertical_select).data("scrollable")) {
var pagenum=0;
jQuery('.vertical-slider .page').each(function(c1, pagediv) {
jQuery.each(pagediv.children, function(c2, itemdiv) {
var found = itemdiv.className.search(/active/);
if(found != -1) {
pagenum=c1;
}
});
});
myscrollervertical.move(pagenum, 0);
}
};
/* -------------------------------------------------------------
* Scrollable Content
* ------------------------------------------------------------- */
// Horizontal Slider that does not show any content below the Slider on Click
jQuery.fn.horizontalslider_noextracontent = function() {
jQuery(".horizontal-content-slider").scrollable({
keyboard: false,
circular: false
});
};
/* -------------------------------------------------------------
* Javascript IMG
* ------------------------------------------------------------- */
var error="Das Copyright diese Bildes liegt bei Vorwerk. Bitte lesen Sie unseren Copyright-Hinweis im Impressum."
function disableclick(e) {
if (document.all) {
if (event.button==2||event.button==3) {
if (event.srcElement.tagName=="IMG"){
alert(error);
return false;
}
}
}
else if (document.layers) {
if (e.which == 3) {
alert(clickmessage);
return false;
}
}
else if (document.getElementById){
if (e.which==3&&e.target.tagName=="IMG"){
alert(error)
return false
}
}
}
function disqualify(){
for(i=0;i