«
").css({ left: 0, top: 0 });
var right = $("»
").css({ right: 0, top: 0 });
var minLeft = (carouselImages * 118 - 18) * (-1) + $(".carousel_container").width();
$("div.carousel_container").prepend(left).append(right);
left.hide();
// Now set up the events...
left.click(function() {
var carousel = $(this).parent().find("ul");
var currentLeft = carousel.position().left;
var newLeft = (currentLeft + 95) > 0 ? 0 : (currentLeft + 95);
$(this).parent().find("ul").animate({ left: newLeft + "px" }, function() {
right.css({ display: "block" }).animate({ opacity: 0.5 });
});
if (newLeft === 0) {
$(this).fadeOut();
}
});
right.click(function() {
var carousel = $(this).parent().find("ul");
var currentLeft = carousel.position().left;
var newLeft = (currentLeft - 95) < minLeft ? minLeft : (currentLeft - 95);
$(this).parent().find("ul").animate({ left: newLeft + "px" }, function() {
left.css({ display: "block" }).animate({ opacity: 0.5 });
});
if (newLeft === minLeft) {
$(this).fadeOut();
}
});
}
$("#product_image ul.carousel_images a").click(function(e) {
e.preventDefault();
var newsrc = this.href;
var zoomable = $(this).attr("data-zoomImageHref");
var image = $("").addClass("nwoexplanation").append("
", fadeIn: 0, css: { backgroundColor: 'transparent', border: 'none'} });
$("![]()
").bind("load", function() { // Note need to set src after bind :).
$this = $(this);
$parent.unblock({ fadeOut: 0 });
var maxHeight = $(window).height() * 0.9;
var maxWidth = $(window).width() * 0.9;
var imageHeight = this.height;
var imageWidth = this.width;
var containerHeight = maxHeight > imageHeight ? imageHeight : maxHeight;
var containerWidth = maxWidth > imageWidth ? imageWidth : maxWidth;
var modalLeft = ($(window).width() - containerWidth) / 2;
$this.width(containerWidth);
$this.height("auto");
var $controls = $("
" + header + "
").append("" + title + "
").click(function() { $(this).remove(); }); $(this).after(explanation); }); $("#product_image .product_main_image a").live("click", function(e) { e.preventDefault(); var zoomlink = this.href; $parent = $(this).parent(); $parent.block({ message: "", fadeIn: 0, css: { backgroundColor: 'transparent', border: 'none'} });
$("").addClass("zoom_controls");
var $container = $("
").addClass("zoom_container").append($this).append($controls);
$("").text("Zoom In").addClass("control_zoom_in").click(function(e) {
e.preventDefault();
var maxZoom = imageWidth * 3;
var $img = $(this).parent().parent().children("img");
var current = ($img.width() / maxZoom);
var newValue = current + 0.1 > 1 ? 1 : current + 0.1;
var newWidth = maxZoom * newValue;
var newHeight = (newWidth / $img.width()) * $img.height();
var yoffSet = e.pageY - $container.offset().top;
var xoffSet = e.pageX - modalLeft;
var newTop = (yoffSet / containerHeight) * (containerHeight - newHeight);
var newLeft = (xoffSet / containerWidth) * (containerWidth - newWidth);
$img.animate({ top: newTop + "px", left: newLeft + "px", width: newWidth + "px" }, 200);
}).appendTo($controls);
$("").text("Zoom Out").addClass("control_zoom_out").click(function(e) {
e.preventDefault();
var maxZoom = imageWidth * 3;
var $img = $(this).parent().parent().children("img");
var current = ($img.width() / maxZoom);
var lowerLimit = containerWidth / maxZoom;
var newValue = current - 0.1 < lowerLimit ? lowerLimit : current - 0.1;
var newWidth = maxZoom * newValue;
var newHeight = (newWidth / $img.width()) * $img.height();
var yoffSet = e.pageY - $container.offset().top;
var xoffSet = e.pageX - modalLeft;
var newTop = (yoffSet / containerHeight) * (containerHeight - newHeight);
var newLeft = (xoffSet / containerWidth) * (containerWidth - newWidth);
$img.animate({ top: newTop + "px", left: newLeft + "px", width: newWidth + "px" }, 200);
}).appendTo($controls);
$("").text("Close").addClass("control_close").click(function() { $.unblockUI(); }).appendTo($controls);
$controls.css({ position: "absolute", zIndex: 2, backgroundColor: "#000000", opacity: 0.5, bottom: "20px" });
$controls.css({ left: ((containerWidth - 250) / 2.0) + "px" });
$.blockUI({
message: $container,
css: {
top: "25px",
left: modalLeft + 'px',
height: containerHeight,
width: containerWidth,
overflow: "hidden"
}
});
$this.bind("mousemove", function(e) {
var yoffSet = e.pageY - $container.offset().top;
var xoffSet = e.pageX - modalLeft;
var minTop = containerHeight - $this.height();
var newTop = (yoffSet / containerHeight) * minTop;
newTop = newTop < minTop ? minTop : newTop;
var newLeft = (xoffSet / containerWidth) * (containerWidth - $this.width());
$this.css({ top: newTop + "px", left: newLeft + "px", position: "absolute" });
});
$this.bind("mousewheel", function(e, delta) {
e.preventDefault();
var maxZoom = imageWidth * 3;
var newValue;
var current = ($this.width() / maxZoom);
// Zoom in
if (delta > 0) {
newValue = current + 0.05 > 1 ? 1 : current + 0.05;
}
else if (delta < 0) {
var lowerLimit = containerWidth / maxZoom;
newValue = current - 0.05 < lowerLimit ? lowerLimit : current - 0.05;
}
// Need to calculate new tops and lefts for zoomed out images...
var newWidth = maxZoom * newValue;
var newHeight = (newWidth / $this.width()) * $this.height();
var yoffSet = e.pageY - $container.offset().top;
var xoffSet = e.pageX - modalLeft;
var newTop = (yoffSet / containerHeight) * (containerHeight - newHeight);
var newLeft = (xoffSet / containerWidth) * (containerWidth - newWidth);
$this.css({ top: newTop + "px", left: newLeft + "px", width: newWidth + "px", height: "auto" });
});
}).attr("src", zoomlink).attr("alt", "Zoom");
});
});
function BindForm() {
$("#reviews form").fancyvalidate({
submitHandler: function(form) {
$(form).block();
$(form).ajaxSubmit({
success: function(result) {
$(form).unblock();
if ($(result).is(".product_review_list")) {
$("#reviewlist").replaceWith($(result));
$("#reviewform").remove();
}
else if ($(result).is(".review_form")) {
$("#reviewform").replaceWith($(result));
BindForm();
}
}
});
}
});
$("input[name=Rating]").stars();
}
(function($) {
$.fn.stars = function() {
var starcontainer = $("").addClass("review_stars");
var ratingLabel = $("