");
// SET BANNER DIMENSIONS
// --------------------------------------------------------------------
bannergroup.css({
height: bannerheight
});
$('.banneritem a').css({
width: banneritemwidth,
height: bannerheight
});
// BANNER CONTROLS
// --------------------------------------------------------------------------
// SET LEFT/RIGHT DIMENSIONS
bannercontrols_left = $('.bannercontrols .left');
bannercontrols_right = $('.bannercontrols .right');
bannercontrols_left.css({
position: "absolute",
left: '',
top: '',
width: '',
height: '',
"z-index": "10000"
});
bannercontrols_left.css({
position: "absolute",
top: 0,
width: banneroffset,
height: bannerheight,
"z-index": "10000"
});
bannercontrols_left.css({
left: bannergroupwidth - bannercontrols_left[0].clientWidth - 5 // TODO Remove these 5px whereever they come from
})
bannercontrols_right.css({
position: "absolute",
left: 0,
top: 0,
width: banneroffset,
height: bannerheight,
"z-index": "10000"
});
// SET THE BANNERITEMS'POSITIONS
// --------------------------------------------------------------
// LOOP THROUGH ALL ITEMS
for (var $i = 0; $i <= (bannerarraylength); $i++) {
// LOGIC TO POSITION THE IMAGES
$banneritemnr = $i;
$posnr = orderarray[$i];
// Get the item for position $i
$banneritem = $(".banneritem:eq(" + $banneritemnr + ")");
// get the position-offset in Layout
// position 1 is the middle all others are
// aligned around it:
// position 2 is after 1 and the last position
// position n is before it
$posoffset = (activepos - 1) - $posnr;
// calculate the offset based on the position
$left = ($posoffset * banneritemwidth) + banneroffset;
// Set CLASSES for styling
if (activeitem == $i) {
$state = "active";
$removal = "inactive";
}
else if ((activeitem - 1) == $i || activeitem + 1 == $i) {
$state = "inactive visible";
$removal = "active";
}
else if (activeitem == bannerarraylength && $i == 0) {
$state = "inactive visible";
$removal = "active";
}
else if (activeitem == 0 && $i == bannerarraylength) {
$state = "inactive visible";
$removal = "active";
}
else {
$state = "inactive";
$removal = "active visible";
}
// SET THE VALUES CALCULATED IN THE LOGIC
$banneritem.css({
"left": $left,
"width": banneritemwidth,
"height": bannerheight
});
$banneritem.addClass($state);
$banneritem.removeClass($removal);
//
// JUMP CIRCLES
if (bannerarraylength > 0) {
// CONSTRUCT THE JUMP-ICONS
$('.bannerjump-wrapper').prepend(
""
);
// Make the active jumper colored different
if (activeitem == $i) {
$('.bannerjump-' + ($i)).addClass("active");
}
}
} // End for()
//prevent banner iframes from getting too large
var iframes = $('.banneritem iframe');
for (var i = 0; i < iframes.length; i++) {
var iframe = iframes[i];
iframe.removeAttribute('height');
iframe.removeAttribute('width');
}
})(jQuery);
}
function resetcss() {
bannercontrols_left.css({
left: '',
top: '',
width: '',
height: '',
});
bannercontrols_right.css({
left: '',
top: '',
width: '',
height: '',
});
$('.banneritem a').css({
width: '',
height: ''
});
banneritems.css({
left: '',
width: '',
height: ''
});
}
function pause() {
// Pause Button Press
if (typeof bannerautoslide !== 'undefined') {
window.clearInterval(bannerautoslide);
}
}
function play() {
// Play Button Press
scrollR();
start();
}
function start() {
// Pause to avoid multiple Intervals
pause();
// Scroll on Time
bannerautoslide = window.setInterval(function () {
scrollR();
}, 7500);
}
// jump to specific Banneritem
function jump($activeitem) {
(function ($) {
// STOP autoslider
pause();
// JUMP to chosen Item
activeitem = $activeitem;
// Reorder
order(activeitem);
})(jQuery);
}
function buttonL() {
pause();
scrollL();
}
function buttonR() {
pause();
scrollR();
}
// Scroll through the Banneritems
// to the left
function scrollL() {
(function ($) {
// GET Number of Items in the bannergroup
activeitem++;
if (activeitem >= banneritems.length) {
activeitem = activeitem - banneritems.length;
}
order(activeitem);
})(jQuery);
}
// to the Right
function scrollR() {
(function ($) {
// GET Number of Items in the bannergroup
activeitem--;
if (activeitem < 0) {
activeitem = activeitem + banneritems.length;
}
order(activeitem);
})(jQuery);
}
// TODO Set images as background-images
function order($item) {
// Variables
banneritems = $('.banneritem');
orderarray = new Array();
// Calculate the center Position
activepos = Math.round(banneritems.length / 2);
// Get all item Numbers in an Array of the positions
for (i = 0; i < banneritems.length; i++) {
orderarray[i] = i;
}
// Rotate the Array by the Number of the middle position
// plus the number of the active item
for (j = 0; j < activepos + activeitem; j++) {
orderarray.unshift(orderarray.pop());
}
// Execute the maintenance function (Dimensions & Banner arrangement)
maintenance();
}
function notransitions() {
// remove the transitions set in css
// by overwriting them in Element
$('.bannergroup *').css({
transition: "none"
})
}
function yestransitions() {
// remove the transitions set in Element
// to make the ones set in css work again
$('.bannergroup *').css({
transition: ""
})
}
function sg_slider_config($aspect) {
slider_aspect = $aspect;
//TODO make selectors configurable and add original selectors to elements
}