// -----------------------------------------------------------------------------------------------------
// Konfiguration
// -----------------------------------------------------------------------------------------------------
var _TWSLIDER_TEXT_LAST = "Weiter"; //
var _TWSLIDER_TEXT_NEXT = "Zurück"; //
var sliderImgNum = "1";
// -----------------------------------------------------------------------------------------------------
// Onready
// -----------------------------------------------------------------------------------------------------
jQuery(document).ready(function()
{
jQuery(".twSlider").each(function(i)
{
// --------------------------------------------------------------------------------------------------
// Slider mit Container versehen
// --------------------------------------------------------------------------------------------------
jQuery(this).wrapInner('');
// --------------------------------------------------------------------------------------------------
// Slider mit Clicks und Track versehen
// --------------------------------------------------------------------------------------------------
jQuery(this).children(".twSliderContainer").each(function(i)
{
var nr = jQuery(this).attr("nr");
var clickLast = '<';
var clickNext = '>';
jQuery(this).before(clickLast).after(clickNext);
// alert("Clicks gesetzt");
var track = '';
jQuery(this).wrapInner(track);
});
// --------------------------------------------------------------------------------------------------
// Slider mit Größen versehen
// --------------------------------------------------------------------------------------------------
jQuery(this).children(".twSliderContainer").each(function(i)
{
var breiteSlider = jQuery(this).parent().css("width");
var breiteSlider = breiteSlider.replace("px","");
// alert("breiteSlider: "+breiteSlider);
var marginSliderLeft = jQuery(this).css("marginLeft");
var marginSliderLeft = marginSliderLeft.replace("px","");
var marginSliderRight = jQuery(this).css("marginRight");
var marginSliderRight = marginSliderRight.replace("px","");
var marginSlider = marginSliderLeft - (marginSliderRight * -1);
// alert("marginSlider: "+marginSlider);
var breiteLast = jQuery(this).prev().css("width");
var breiteLast = breiteLast.replace("px","");
var breiteNext = jQuery(this).prev().css("width");
var breiteNext = breiteNext.replace("px","");
var breiteClick = breiteLast - (breiteNext * -1);
// alert("breiteClick: "+breiteClick);
var breiteContainer = breiteSlider - marginSlider - breiteClick;
jQuery(this).css("width",breiteContainer+"px");
// alert("breiteContainer: "+breiteContainer);
});
// --------------------------------------------------------------------------------------------------
// Bilder mit Link versehen
// --------------------------------------------------------------------------------------------------
jQuery(this).children(".twSliderContainer").children(".twSliderTrack").children("img").each(function(i)
{
// Klasse anhängen
jQuery(this).attr("class","twSliderImg");
// Bildlink-Konfiguration
var url = jQuery(this).attr("url");
var bild = jQuery(this).attr("bild");
var alt = jQuery(this).attr("alt");
if ((url) && (url != ""))
{
var link = '';
}
else if ((bild) && (bild != ""))
{
var link = '';
}
else
{
var link = '';
}
jQuery(this).wrap(link);
});
// --------------------------------------------------------------------------------------------------
// Bilder durchzählen und Steuerungs-Attribute anhängen
// --------------------------------------------------------------------------------------------------
jQuery(this).children(".twSliderContainer").children(".twSliderTrack").children("a").children("img").each(function(i)
{
// Nr. abrufen
var nummer = jQuery(this).parent("a").parent(".twSliderTrack").attr("nr");
// alert(nummer);
// Vorherigen Count abrufen
var count = jQuery(this).parent("a").parent(".twSliderTrack").parent(".twSliderContainer").parent(".twSlider").attr("count");
// Count hochzählen oder Default setzen
if ((count) && (count != ""))
{
var count = count - (-1)
}
else
{
var count = 1;
}
// Vorherige Trackbreite abrufen
var breiteAlt = jQuery(this).parent("a").parent(".twSliderTrack").parent(".twSliderContainer").parent(".twSlider").attr("breite");
// Wenn noch keine Trackbreite, Default setzen
if ((breiteAlt) && (breiteAlt != ""))
{
var breiteAlt = breiteAlt.replace("px","");
}
else
{
var breiteAlt = 0;
}
// Aktuelle Bildbreite abrufen
var breitePlus = jQuery(this).css("width");
var breitePlus = breitePlus.replace("px","");
var breitePlus = breitePlus - (10 * -1);
// alert("breitePlus: "+breitePlus);
// Aktuelle Bildbreite mit Margin zu vorheriger Trackbreite addieren
var breite = (breiteAlt - (breitePlus * -1)) - (10 * -1);
// alert("breite: "+breite);
// Durchschnitts-Bildbreite errechnen
var each = (breite / count) - (10 * 1);
// alert("each: "+each);
// Werte in Attributen des äußersten Divs (.twSlider) speichern
// jQuery(this).parent("a").parent(".twSliderTrack").parent(".twSliderContainer").parent(".twSlider").attr("nr",nr).attr("count",count).attr("each",each).attr("breite",breite);
jQuery(this).parent().parent().parent().parent().attr("nr",nummer).attr("count",count).attr("each",each).attr("breite",breite);
// Track aktualisieren
jQuery(this).parent("a").parent(".twSliderTrack").css("width",breite+"px");
});
// --------------------------------------------------------------------------------------------------
// Links mit Klicks versehen
// --------------------------------------------------------------------------------------------------
jQuery(this).children("a").click(function()
{
// Aktuelle Menge der Bilder auslesen
var nummer = jQuery(this).parent(".twSlider").attr("nr");
// alert("nummer: "+nummer);
// Aktuelle Durchschnitts-Bildbreite auslesen
var each = jQuery(this).parent(".twSlider").attr("each");
// alert("each: "+each);
// Aktuelle Track-Breite auslesen
var breite = jQuery(this).parent(".twSlider").attr("breite");
// alert("breite: "+breite);
// Aktuelle Container-Breite auslesen
var breiteContainer = jQuery(this).parent(".twSlider").children(".twSliderContainer").css("width");
var breiteContainer = breiteContainer.replace("px","");
// alert("breiteContainer: "+breiteContainer);
// Der Richtung entsprechend...
var twSliderDirection = jQuery(this).attr("class");
if (twSliderDirection == "twSliderLast")
{
// Richtung festlegen
var richtung = -1;
// Aktuelles Margin auslesen // aua
var positionAlt = jQuery(this).next(".twSliderContainer").children(".twSliderTrack").css("marginLeft");
}
else if (twSliderDirection == "twSliderNext")
{
// Richtung festlegen
var richtung = 1;
// Aktuelles Margin auslesen // aua
var positionAlt = jQuery(this).prev(".twSliderContainer").children(".twSliderTrack").css("marginLeft");
}
// Default-Margin setzen
var positionAlt = positionAlt.replace("px","");
if ((positionAlt) && (positionAlt != "") && (positionAlt != "auto"))
{
var positionAlt = positionAlt;
}
else
{
var positionAlt = 0;
}
// alert("positionAlt: "+positionAlt);
// Neues Margin errechnen
var positionNeu = positionAlt - (each * richtung * 3);
// alert("positionNeu: "+positionNeu);
// Margin animieren
// if ((positionNeu <= 0) || (positionNeu > breite))
// {
// jQuery(this).parent().children(".twSliderContainer").children(".twSliderTrack").animate({ marginLeft: positionNeu+"px" }, 300, "swing", function(){ jQuery(this).css("marginLeft", positionNeu+"px"); });
// }
// Maximales Margin errechnen
var breiteNegativ = (breite - breiteContainer - (each * -1)) * -1;
// alert("breiteNegativ: "+breiteNegativ+" = "+breite+" * -1\npositionNeu: "+positionNeu+"\nif (("+positionNeu+" <= 0) && ("+positionNeu+" > "+breiteNegativ+"))");
// Margin animieren
if ((positionNeu <= 0) && (positionNeu > breiteNegativ))
{
jQuery(this).parent().children(".twSliderContainer").children(".twSliderTrack").animate({ marginLeft: positionNeu+"px" }, 300, "swing", function(){ jQuery(this).css("marginLeft", positionNeu+"px"); });
}
// Adressleiste blockieren
return false;
});
// --------------------------------------------------------------------------------------------------
// Nach dem Laden Blenden ausblenden
// --------------------------------------------------------------------------------------------------
jQuery(this).children(".twSliderContainer").children(".twSliderTrack").children("a").children("img").fadeIn(500);
// Slider-Each Ende
});
// --------------------------------------------------------------------------------------------------
// Lightbox
// --------------------------------------------------------------------------------------------------
jQuery("[bild]").each(function(i)
{
jQuery(this).css("cursor","pointer");
jQuery(this).click(function()
{
var bild = jQuery(this).attr("bild");
twLightbox(bild);
});
});
// Onready Ende
});
// --------------------------------------------------------------------------------------------------
// Helper: Lightbox
// --------------------------------------------------------------------------------------------------
function twLightbox(url)
{
var hohe = document.getElementById("twBody").offsetHeight;
var hoheInhalt = screen.availHeight - 250;
// alert(hohe);
jQuery("#twLightboxTable, #twLightboxTd").css("height",hoheInhalt);
jQuery("#twLightboxSchatten").css("height",hohe);
jQuery("#twLightboxRahmen").css("height",hohe).fadeIn(1000);
jQuery("#twLightboxRahmen").click(function() { jQuery(this).fadeOut(300); jQuery("#twLightboxInhalt").hide(200).attr("src",""); });
jQuery("#twLightboxInhalt").attr("src",url);
jQuery("#twLightboxInhalt").show(300);
return false;
}