" + currCaptionStart + options.captionArray[initFotoIndex] + ((options.captionArray[initFotoIndex]!="")?(captionEnd):("")) + "");
var scollablePicsChild = o.globals.scollablePics[0].children[i];
scollablePicsChild.style.backgroundImage="url("+imgLoaded+")";
o.globals.bufferPics.append("" + currCaptionStart + ((options.captionArray[initFotoIndex]!="")?(captionEnd):("")) + "
");
var bufferPicsChild = o.globals.bufferPics[0].children[i];
bufferPicsChild.style.backgroundImage="url("+imgLoaded+")";
}
o.globals.currentArrayIndex = options.imgArray.length - options.showedImages;
if(options.imageSearchIndex && options.imageSearchIndex!=0){
(options.imageSearchIndex<0)?(options.imageSearchIndex=-options.imageSearchIndex):(options.imageSearchIndex);
(options.imageSearchIndex>options.imgArray.length)?(options.imageSearchIndex=options.imgArray.length):(options.imageSearchIndex);
var bufferPics= o.globals.bufferPics;
var scollablePics = o.globals.scollablePics;
if(options.imageSearchIndex>=options.showedImages){
o.globals.currentArrayIndex = options.imageSearchIndex-options.showedImages;
}else{
o.globals.currentArrayIndex = options.imgArray.length-options.showedImages+options.imageSearchIndex;
}
var arrayShift = o.globals.currentArrayIndex;
for (var i = 0; i < options.showedImages * 3; i++) {
var modifiedIndex = i + arrayShift;
if (modifiedIndex >= options.imgArray.length) {
modifiedIndex = modifiedIndex - options.imgArray.length;
if (arrayShift >= options.imgArray.length) {
o.globals.currentArrayIndex = arrayShift - options.imgArray.length;
}
}
if (modifiedIndex < 0) {
modifiedIndex = modifiedIndex + options.imgArray.length;
if (arrayShift < 0) {
o.globals.currentArrayIndex = arrayShift + options.imgArray.length;
}
}
var imgLoaded = options.imgArray[modifiedIndex];
var singleChild = bufferPics[0].children[i];
singleChild.style.backgroundImage = "url(" + imgLoaded + ")";
}
scollablePics.html(bufferPics.html());
options.imageSearchIndex=0;
}
for(i=0; ioptions.showedImages ){
target.css({"cursor":"url("+options.openedCursor+"), default", "overflow": "hidden"})
.bind(o.events.wheel, data, o.wheel)
.bind(o.events.start, data, o.start)
.bind(o.events.end, data, o.stop)
.bind(o.events.ignored, function(){return false;}); // disable proprietary drag handlers
}else{
target.css({"overflow": "hidden"});
try {
$(".scrollable-left-arrow").css({"opacity": 0, "filter" : alpha(opacity=0)});
}
catch(e) {}
try {
$(".scrollable-right-arrow").css({"opacity": 0, "filter" : alpha(opacity=0)});
}
catch(e){}
}
$(".scrollable-left-arrow").bind(o.events.click,data, function(event) {
o.stop(event, 0, 0, "right");
});
$(".scrollable-right-arrow").bind(o.events.click,data, function(event) {
o.stop(event, 0, 0, "left");
});
target.scrollTop(0).scrollLeft(options.imageWidth*options.showedImages);// to ensure correct initialization
if(options.showThumbs) {
data.thumbs = { visible: false };
if(data.sizing.container.scrollWidth > 0) {
data.thumbs.horizontal = $(o.div).css(o.getThumbCss(data.sizing.thumbs.horizontal)).fadeTo(0, 0);
target.prepend(data.thumbs.horizontal);
}
if(data.sizing.container.scrollHeight > 0) {
data.thumbs.vertical = $(o.div).css(o.getThumbCss(data.sizing.thumbs.vertical)).fadeTo(0, 0);
target.prepend(data.thumbs.vertical);
}
data.sizing.relative = data.thumbs.vertical || data.thumbs.horizontal;
target.scrollTop(0).scrollLeft(options.imageWidth*options.showedImages);// to ensure correct initialization
if(data.sizing.relative) {
data.sizing.relative.oldOffset = data.sizing.relative.offset();
target.scrollTop(o.constants.boundingBox).scrollLeft(o.constants.boundingBox);
data.sizing.relative.remove().prependTo(target);
data.sizing.relative.newOffset = data.sizing.relative.offset();
data.sizing.relative =
data.sizing.relative.oldOffset.left != data.sizing.relative.newOffset.left ||
data.sizing.relative.oldOffset.top != data.sizing.relative.newOffset.top;
target.scrollTop(0).scrollLeft(options.imageWidth*options.showedImages);
target.bind(o.events.scroll, data, o.scroll);
}
}
data.target = target;
data.options = options;
},
// handles mouse wheel scroll events
wheel: function(event, delta) {
return false;
},
// starts the drag operation and binds the mouse move handler
start: function(event) {
event.data.target
.css("cursor", "url("+event.data.options.closedCursor+"), default")
.bind(o.events.drag, event.data, o.drag)
.stop(true, true);
event.data.position = {
x: event.pageX,
y: event.pageY
};
event.data.clickPosition = {
x: event.pageX,
y: event.pageY
};
event.data.capture = {};
event.data.isDragging = false;
return false;
},
// updates the current scroll location during a mouse move
drag: function(event) {
this.scrollLeft -= (event.pageX - event.data.position.x);
this.scrollTop -=0;//(event.pageY - event.data.position.y);
event.data.position.x = event.pageX;
event.data.position.y = event.pageY;
if (typeof event.data.capture.index === "undefined" || --event.data.capture.index === 0 ) {
event.data.isDragging = true;
event.data.capture = {
x: event.pageX,
y: event.pageY,
index: o.constants.captureThreshold
};
if(event.data.thumbs && !event.data.thumbs.visible) {
event.data.thumbs.visible = true;
if(event.data.thumbs.vertical) {
event.data.thumbs.vertical.stop(true, true).fadeTo("fast", o.constants.thumbOpacity);
}
if(event.data.thumbs.horizontal) {
event.data.thumbs.horizontal.stop(true, true).fadeTo("fast", o.constants.thumbOpacity);
}
}
}
return true;
},
// called after a scroll event, moves the thumbs
scroll: function(event, ml, mt, left, top) {
left = event.data.target.scrollLeft();
top = event.data.target.scrollTop();
if (event.data.thumbs.horizontal) {
ml = left * event.data.sizing.container.width / event.data.sizing.container.scrollWidth;
mt = event.data.sizing.thumbs.horizontal.top;
if(event.data.sizing.relative) { ml += left; mt += top; }
event.data.thumbs.horizontal.css("margin", mt + "px 0 0 " + ml + "px");
}
if (event.data.thumbs.vertical) {
ml = event.data.sizing.thumbs.vertical.left;
mt = top * event.data.sizing.container.height / event.data.sizing.container.scrollHeight;
if(event.data.sizing.relative) { ml += left; mt += top; }
event.data.thumbs.vertical.css("margin", mt + "px 0 0 " + ml + "px");
}
},
// ends the drag operation and unbinds the mouse move handler
stop: function(event, dx, dy, arrow) {
if( typeof event.data.position !== "undefined" || arrow) {
$(".captionToHide").each(
function() {
hideCaption($(this));
}
);
var delta;
if (typeof event.data.position !== "undefined") {
event.data.target
.css("cursor", "url("+event.data.options.openedCursor+"), default")
.unbind(o.events.drag, o.drag);
delta = event.pageX - event.data.clickPosition.x;
var imgWidth = event.data.options.imageWidth;
}
else {
delta = 0;
var imgWidth = event.data.options.imageWidth;
}
if (delta >0 && delta>imgWidth/3) {
var divisionRemainder = delta%imgWidth;
absoluteImageToSwitch = Math.abs((delta - divisionRemainder)/imgWidth) + 1;
dx = absoluteImageToSwitch*imgWidth - delta;
o.globals.imageToSwitch = -absoluteImageToSwitch;
}else if(delta >= 0 && this.scrollLeft>0){
dx = - delta;
o.globals.imageToSwitch = 0;
}
else if (arrow == "left") {
o.globals.imageToSwitch = 1;
dx = -imgWidth;
}
else if (arrow == "right") {
o.globals.imageToSwitch = -1;
dx = imgWidth;
}
else if (delta < 0 && delta<-imgWidth/3) {
var divisionRemainder = delta%imgWidth;
absoluteImageToSwitch = Math.abs((delta - divisionRemainder)/imgWidth) + 1;
dx = -absoluteImageToSwitch*imgWidth - delta;
o.globals.imageToSwitch = absoluteImageToSwitch;
}else if (delta <= 0 && this.scrollLeft < this.offsetWidth*imgWidth*event.data.options.showedImages -imgWidth){
dx = - delta;
o.globals.imageToSwitch = 0;
}
var bufferPics= o.globals.bufferPics;
o.globals.currentArrayIndex += o.globals.imageToSwitch;
var arrayShift = o.globals.currentArrayIndex;
if (o.globals.imageToSwitch != 0) {
for(var i=0; i= event.data.options.imgArray.length ){
modifiedIndex=modifiedIndex - event.data.options.imgArray.length;
if(arrayShift>= event.data.options.imgArray.length ){
o.globals.currentArrayIndex = arrayShift - event.data.options.imgArray.length;
}
}
if(modifiedIndex < 0){
modifiedIndex= modifiedIndex + event.data.options.imgArray.length ;
if(arrayShift< 0){
o.globals.currentArrayIndex = arrayShift + event.data.options.imgArray.length;
}
}
var imgLoaded = event.data.options.imgArray[modifiedIndex];
var singleChild = bufferPics[0].children[i];
singleChild.style.backgroundImage="url("+imgLoaded+")";
var pathname = window.location.pathname;
//var currCaptionStart = o.globals.captionStart.replace(/{imageLoaded}/g, "http://www.benetton.com/" + escape(imgLoaded));
var currCaptionStart = o.globals.captionStart.replace(/{currentPath}/g, "http://www.benetton.com/" + pathname+escape("?imageIndex=" +modifiedIndex));
currCaptionStart = currCaptionStart.replace(/{title}/g, "www.benetton.com");
singleChild.innerHTML = currCaptionStart + event.data.options.captionArray[modifiedIndex]+ ((event.data.options.captionArray[modifiedIndex]!="")?(o.globals.captionEnd):(""));
}
}
for(i=0; ievent.data.options.imgArray.length)?(o.globals.currentArrayIndex + event.data.options.showedImages*3 +i-event.data.options.imgArray.length-1):(o.globals.currentArrayIndex + event.data.options.showedImages*3 +i-1)];
}
$(".securityBufferChild"+i).css({
'background-image': 'url(' + imgLoaded + ')'
});
}
dy = 0;
$(".scrollable-left-arrow").unbind(o.events.click);
$(".scrollable-right-arrow").unbind(o.events.click);
event.data.target.stop(true, false).animate({
scrollLeft: event.data.target.scrollLeft() - dx,
scrollTop: this.scrollTop - dy
},{
queue: false,
duration: 0.0008*dx*dx-1.72*Math.abs(dx)+1312,
easing: "cubicEaseOut",
complete: function() {
if(event.data.thumbs && event.data.thumbs.visible) {
event.data.thumbs.visible = false;
if(event.data.thumbs.vertical) {
event.data.thumbs.vertical.stop(true, true).fadeTo("fast", 0);
}
if(event.data.thumbs.horizontal) {
event.data.thumbs.horizontal.stop(true, true).fadeTo("fast", 0);
}
}
var scollablePics = o.globals.scollablePics;
var bufferPics= o.globals.bufferPics;
if (o.globals.imageToSwitch != 0) {
scollablePics.html(bufferPics.html());
this.scrollLeft=event.data.options.imageWidth*event.data.options.showedImages;
}else{
this.scrollLeft = event.data.options.imageWidth * event.data.options.showedImages;
}
$(".scrollable-left-arrow").bind(o.events.click,event.data, function(event) {
o.stop(event, 0, 0, "right");
});
$(".scrollable-right-arrow").bind(o.events.click,event.data, function(event) {
o.stop(event, 0, 0, "left");
});
}
});
event.data.capture = event.data.position = undefined;
}
return !event.data.isDragging;
},
// gets sizing for the container and thumbs
getSizing: function(container, sizing) {
sizing = { };
sizing.container = {
width: container.width(),
height: container.height()
};
container.scrollLeft(o.constants.boundingBox).scrollTop(o.constants.boundingBox);
sizing.container.scrollWidth = container.scrollLeft();
sizing.container.scrollHeight = container.scrollTop();
container.scrollTop(0).scrollLeft(0);
sizing.thumbs = {
horizontal: {
width: sizing.container.width * sizing.container.width / sizing.container.scrollWidth,
height: o.constants.thumbThickness,
corner: o.constants.thumbThickness / 2,
left: 0,
top: sizing.container.height - o.constants.thumbThickness
},
vertical: {
width: o.constants.thumbThickness,
height: sizing.container.height * sizing.container.height / sizing.container.scrollHeight,
corner: o.constants.thumbThickness / 2,
left: sizing.container.width - o.constants.thumbThickness,
top: 0
}
};
sizing.container.width -= sizing.thumbs.horizontal.width;
sizing.container.height -= sizing.thumbs.vertical.height;
return sizing;
},
// gets the CSS object for a thumb
getThumbCss: function(size) {
return {
position: "absolute",
"background-color": "black",
width: size.width + "px",
height: size.height + "px",
"margin": size.top + "px 0 0 " + size.left + "px",
"-moz-border-radius": size.corner + "px",
"-webkit-border-radius": size.corner + "px",
"border-radius": size.corner + "px"
};
}
});
// jQuery adapted Penner animation
// created by Jamie Lemon
$.extend($.easing, {
cubicEaseOut: function(p, n, firstNum, diff) {
var c = firstNum + diff;
return c*((p=p/1-1)*p*p + 1) + firstNum;
}
});
})(jQuery);