'+headline+'
'+beschreibung+'
'+this.title+'
'+this.title+'
');
// Overlay aktivieren
flowplayerTrigger.overlay({
target: '#flowplayer_overlay_'+index,
mask: {
color: 'black',
loadSpeed: 200,
opacity: 0.7
},
speed: 200,
closeOnClick: true,
onLoad: function() {
player[index].load();
$('#exposeMask').show();
},
onClose: function() {
player[index].unload();
// Infobox Overlay wieder laden
infoboxOverlayAPI[overlayNo].load();
}
});
});
//
// Klick-Aktionen Infoboxen
//
// Produkt hinzufügen und entfernen + Varianten
globalVars['errorMessageAjax']='Ihre Auswahl konnte nicht gesichert werden. Bitte versuchen Sies es später noch einmal.
' $('.infoboxes .box a.button.add, .infoboxes .box a.button.remove').each(function() { // Parameter bestimmen var button=$(this); var productID=button.attr('rel'); var infobox=button.parents('.box'); var overlay=$('#'+infobox.attr('id').replace('infobox', 'overlay')); var buttonOverlay=overlay.find('.buttons a.add, .buttons a.remove'); var titel=infobox.find('h2.blue_background'); var bildKlein=infobox.find('img.produkt_klein'); var videoIcons=infobox.find('div.video_icons img'); var detailButton=infobox.find('p.buttons a.details'); var variantenBox=infobox.find('.variantenbox'); var variantenSet=variantenBox.find('.varianten_set'); // Typen bestimmen if(infobox.hasClass('praemie')) var infoboxTyp='praemie'; else if(infobox.hasClass('tarif')) var infoboxTyp='tarif'; else if(infobox.hasClass('zubehoer')) var infoboxTyp='zubehoer'; // Klick-Event: Überschrift, Bild und Video-Icons titel.click(function(event) { detailButton.click(); }); bildKlein.click(function(event) { detailButton.click(); }); videoIcons.click(function(event) { detailButton.click(); }); // Klick-Event: Add- / Remove-Button button.click(function(event) { event.preventDefault(); // Varianten if(variantenBox.length && variantenBox.hasClass('disabled')==false && button.hasClass('add')) { // Varianten anzeigen variantenBox.fadeIn('fast'); // Box „Keine Tarif-Optimierung“ ausblenden if(infoboxTyp=='tarif') $('#infobox_kein_tarifwechsel').fadeOut('fast'); } // keine Varianten else toggleButton(); }); // Klick-Event: Varianten abbrechen variantenBox.find('.chancel').click(function(event) { event.preventDefault(); variantenBox.fadeOut('fast'); // Box „Keine Tarif-Optimierung“ einblenden if(infoboxTyp=='tarif') $('#infobox_kein_tarifwechsel').fadeIn('fast'); }); // Klick-Event: Varianten sichern variantenBox.find('.save').click(function(event) { event.preventDefault(); variantenBox.fadeOut('fast'); if(button.hasClass('add')) toggleButton(); }); // Button-Status setzen und Aktionen an den Server senden function toggleButton() { // Button-Status setzen if(button.hasClass('add')) { // Warte-Cursor setzen button.css('cursor', 'wait'); // Varianten zusammenstellen var variantenString=''; variantenSet.each(function() { variantenString=variantenString+$(this).find('input:checked').val()+';'; }); // Menge bestimmen var menge=infobox.find('form.mengenauswahl').eq(1).find(' select').val(); if(!menge) menge=1; // Artikel per Ajax hinzufügen $.get(ajaxURL, { cmd: 'update_cart', action: 'add', type: infoboxTyp, id: productID, menge: menge, varianten: variantenString, time: utcTimeTillNow() }, function(response) { // Bei Erfolg Button aktiv setzen if(response=='ok') { // Bei Prämien und Tarifen alle anderen Buttons zurücksetzen if(infoboxTyp=='praemie' || infoboxTyp=='tarif') $('.infoboxes .box a.remove').removeClass('remove green').addClass('add red'); // Button aktiv setzen button.removeClass('add red').addClass('remove green'); // Button aktiv setzen: Overlay buttonOverlay.removeClass('add red').addClass('remove green'); // Bei den Prämien und Tarifen nächsten Schritt laden if(infoboxTyp=='praemie' || infoboxTyp=='tarif') setTimeout(function() { window.location.href=button.attr('href'); }, 500); // ansonsten Warte-Cursor entfernen else button.css('cursor', 'default'); // Overlay schließen setTimeout(function() { overlay.find('a.button.close').click(); }, 500); } else showMessage('error', globalVars['errorMessageAjax']); }); } else { // Warte-Cursor setzen button.css('cursor', 'wait'); // Artikel per Ajax löschen $.get(ajaxURL, { cmd: 'update_cart', action: 'remove', type: infoboxTyp, id: productID, time: utcTimeTillNow() }, function(response) { // Bei Erfolg Button aktiv setzen if(response=='ok') { // Bei Tarifen alle anderen Buttons zurücksetzen if(infoboxTyp=='tarif') $('.infoboxes .box a.remove').removeClass('remove green').addClass('add red'); // Button zurücksetzen button.removeClass('remove green').addClass('add red'); // Button zurücksetzen: Overlay buttonOverlay.removeClass('remove green').addClass('add red'); // Variantenbox zurücksetzen if(variantenBox.length) variantenBox.removeClass('disabled'); // Bei Tarifen nächsten Schritt laden if(infoboxTyp=='tarif') setTimeout(function() { window.location.href=button.attr('href'); }, 500); // ansonsten Warte-Cursor entfernen else button.css('cursor', 'default'); // Overlay schließen setTimeout(function() { overlay.find('a.button.close').click(); }, 500); } }); } } }); // // Klick-Aktionen Weiter-Buttons // // Prämien var praemienNextbutton=$('#weiter_praemie'); praemienNextbutton.click(function(event) { event.preventDefault(); // Prüfen ob bereits eine Präme gewählt wurde $.get(ajaxURL, { cmd: 'check_cart', type: 'praemie', time: utcTimeTillNow() }, function(response) { // Falls nicht, Meldung ausgeben if(response=='') showMessage('praemien_auswahl', 'Sie haben noch keine Prämie ausgewählt. Bitte wählen Sie zunächst eine Prämie, um zum nächsten Schritt zu gelangen.');
// Ansonsten weiter zum nächsten Schritt
else window.location.href='/'+praemienNextbutton.attr('href');
});
});
// Weiter-Button oben
var nextButtonTop=$('#next_top');
nextButtonTop.click(function(event)
{
event.preventDefault();
// Elemente bestimmen
var nextButton=$('.main .step_nav a.big.red');
// Klick auf den unteren Next-Button auslösen
if(nextButton.attr('href')) window.location.href='/'+nextButton.attr('href');
else nextButton.click();
});
//
// Change-Handle Mengenauswahl Infoboxen
//
$('.infoboxes .box form.mengenauswahl select').change(function()
{
// Parameter bestimmen
var mengenSelectbox=$(this);
var infobox=mengenSelectbox.parents('.box');
var overlay=$('#'+infobox.attr('id').replace('infobox', 'overlay'));
var mengenSelectboxOverlay=overlay.find('form.mengenauswahl select');
var productID=infobox.find('.buttons .add, .buttons .remove').attr('rel');
// Typen bestimmen
if(infobox.hasClass('praemie')) var infoboxTyp='praemie';
else if(infobox.hasClass('tarif')) var infoboxTyp='tarif';
else if(infobox.hasClass('zubehoer')) var infoboxTyp='zubehoer';
// Parameter bestimmen
var menge=mengenSelectbox.val()
// Artikel per Ajax hinzufügen
$.get(ajaxURL, { cmd: 'update_cart', action: 'set_amount', type: infoboxTyp, id: productID, menge: menge, time: utcTimeTillNow() }, function(response)
{
// Menge Overlay aktualisieren
mengenSelectboxOverlay.val(menge);
});
});
//
// Change-Handle Mengenauswahl Overlays
//
$('.overlay form.mengenauswahl select').change(function()
{
// Parameter bestimmen
var mengenSelectbox=$(this);
var overlay=mengenSelectbox.parents('.overlay');
var infobox=$('#'+overlay.attr('id').replace('overlay', 'infobox'));
var mengenSelectboxInfobox=infobox.find('form.mengenauswahl select');
var productID=infobox.find('.buttons .add, .buttons .remove').attr('rel');
// Typen bestimmen
if(infobox.hasClass('praemie')) var infoboxTyp='praemie';
else if(infobox.hasClass('tarif')) var infoboxTyp='tarif';
else if(infobox.hasClass('zubehoer')) var infoboxTyp='zubehoer';
// Parameter bestimmen
var menge=mengenSelectbox.val()
// Artikel per Ajax hinzufügen
$.get(ajaxURL, { cmd: 'update_cart', action: 'set_amount', type: infoboxTyp, id: productID, menge: menge, time: utcTimeTillNow() }, function(response)
{
// Menge Infobox aktualisieren
mengenSelectboxInfobox.val(menge);
});
});
//
// Alle Prämien Selektor
//
var praemienSelektor=$('#praemien_selektor');
var allePraemienBox=$('.infoboxes .alle_praemien');
// Auswahl der aktiven Prämie per Change-Event in der Selectbox
praemienSelektor.change(function()
{
// Vorherige Prämie ausblenden
$('.infoboxes .alle_praemien .active').removeClass('active').slideUp(function() {
// Neue Prämie einblenden
$('#infobox_'+praemienSelektor.val()).slideDown().addClass('active');
});
});
// Initialisierung
$(window).load(function()
{
// Ersten Eintrag im Selektor aktiv setzen und Selektor einblenden
praemienSelektor.fadeIn('slow').find('option:first').attr('selected', true);
// Ladeanzeige entfernen
allePraemienBox.find('.loading_indicator').remove();
// Erste Prämie aktiv setzen und einblenden
var firstPraemienBox=allePraemienBox.find('.box:first');
var firstPraemienBoxElements=firstPraemienBox.find('h2, .produkt_klein, .kurzbeschreibung, .preis, .buttons');
firstPraemienBoxElements.hide();
firstPraemienBox.show().addClass('active');
firstPraemienBoxElements.fadeIn('slow');
});
//
// Bilderwechsel-Parameter prüfen und Bilderwechsel starten: headImages
//
if(typeof(headImages)!='undefined') startImageChange('6000');
//
// E-Mails entschlüsseln
//
// Expression erweitern
$.extend($.expr[':'], {
mailToLink: function (obj) {
return obj.href.match(/^mailto\:/);
}
});
// Mailto-Links anpassen
$('a:mailToLink').each(function() {
this.href=this.href.split("?")[0].replace("ANTI[at]SPAMBOT", "@");
$(this).html($(this).html().replace("TOBMAPS]ta[ITNA", "@"));
});
//
// SmoothScroll
//
$('a[href*=#]').click(function() {
// skip SmoothScroll on links inside sliders or scroll boxes also using anchors or if there is a javascript call
if($(this).parent().attr('class')=='scrollable_navigation' || $(this).attr('href').indexOf('javascript')>-1) return;
// duration in ms
var duration=1000;
// easing values: swing | linear
var easing='swing';
// get / set parameters
var newHash=this.hash;
var oldLocation=window.location.href.replace(window.location.hash, '');
var newLocation=this;
// make sure it's the same location
if(oldLocation+newHash==newLocation)
{
// get target
var target=$(this.hash+', a[name='+this.hash.slice(1)+']').offset().top;
// adjust target for anchors near the bottom of the page
if(target > $(document).height()-$(window).height()) target=$(document).height()-$(window).height();
// set selector
if($.browser.safari) var animationSelector='body:not(:animated)';
else var animationSelector='html:not(:animated)';
// animate to target and set the hash to the window.location after the animation
$(animationSelector).animate({ scrollTop: target }, duration, easing, function() {
// add new hash to the browser location
window.location.href=newLocation;
});
// cancel default click action
return false;
}
});
});
//
// Funktionen Bildwechsel
//
// Funktion zum Start des Bildwechsels
function startImageChange(intervalTime)
{
// Parameter bestimmen
var container='p.head_image';
var type='head';
// Anzahl der Bilder feststellen
var headImagesTotal=0;
$.each(headImages, function() { headImagesTotal++; });
// Bildwechselfunktion mit Intervall aufrufen
setInterval('imageChange("'+type+'", "'+container+'", "'+headImagesTotal+'")', intervalTime);
}
// Funktion für den Bildwechsel
function imageChange(type, container, imagesTotal)
{
// Parameter bestimmen
if(type=='head')
{
var imagesArray=headImages;
var imagePath=headImagePath;
}
// Neues Bild bestimmen
var imageID=globalVars['imageChange'];
while(imageID==globalVars['imageChange'])
{
var imageRand=rnd(imagesTotal);
imageID='gallery_image_'+imageRand;
}
// Neues Bild einfügen
var newImage='';
$(container).append(newImage);
// Neues Bild einblenden
$('#'+imageID).load(function () {
$('#'+imageID).fadeIn(1000, function() {
// Altes Bild löschen und neues Bild merken
$('#'+globalVars['imageChange']).remove();
globalVars['imageChange']=imageID;
});
});
}
//
// Divers
//
// Tag-Name ermitteln
$.fn.tagName=function() {
return this.get(0).tagName.toLowerCase();
}
// Zufallswert ermitteln
function rnd(max)
{
var rndNum = max * Math.random();
rndNum = Math.ceil (rndNum);
return rndNum;
}
// Millisekunen seit dem 01.01.1970 bis jetzt ermitteln
function utcTimeTillNow()
{
var time=new Date();
var year=time.getFullYear();
var month=time.getMonth();
var day=time.getDate();
var hours=time.getHours();
var minutes=time.getMinutes();
var seconds=time.getSeconds();
return Date.UTC(year, month, day, hours, minutes, seconds);
}