Click on the "Enlarge" button, on the contact sheet image above, to Enter the "Lightbox". (You may also click directly on the image, to Enter the Lightbox.)
Use the arrow buttons at the lower left corner of the Lightbox window, to view images. (If there are no arrows, there is only one image in the Lightbox.)
When you're finished, click the "X", in the lower right corner, to return to the product page.
");
$('div.instructions ol').hide();
$('div.instructions span').hover(function(){
$('div.instructions ol').stop(true, true).slideDown('slow');
},function(){
$('div.instructions ol').stop(true, true).slideUp('slow');
});
// CSS
slides.css({
'display' : 'inline',
'float' : 'left'
});
slideshow.css({
'width' : slides.width()
});
slider.css({
'overflow' : 'hidden',
'width' : slides.width(),
'position': 'relative'
});
content.css({
'width' : (slideshow.width() * totalSlides)
});
// Mouse Events
slideshow.hover(
function() { pause(); nav.fadeIn();},
function() { play(); nav.fadeOut();}
);
$(window).load(function() {
if(totalSlides > 1){
$('a', nav).click(function(e) {
slideTo($(e.target).parent().index());
e.preventDefault();
this.blur();
});
play();
}
});
// Functions
function slideTo(number) {
currentSlide = number;
slider.stop(true).animate({ scrollLeft: number * slides.width() }, 'slow');
setNavState();
}
function play() {
clearInterval(intervalId);
intervalId = setInterval(nextSlide, delay);
}
function pause() {
clearInterval(intervalId);
}
function nextSlide() {
currentSlide ++;
if(currentSlide == totalSlides) {
currentSlide = 0;
}
slideTo(currentSlide);
}
function setNavState() {
$('li', nav).removeClass('selected');
$('li:eq('+currentSlide+')', nav).addClass('selected');
}
}
//faq
$(document).ready(function() {
$('dl.faq dd').hide();
$('dl.faq dt').click(function(){
$(this).next('dd:visible').slideUp('slow');
$(this).next('dd:hidden').slideDown('slow');
});
});
// Email input field hints
$(document).ready(function() {
addHint('ea');
addHint('es');
});
function clearCheckboxes() {
$('#content > .section > .item > input').attr('checked', false);
selectedItems = new Array();
$('#selectedItemsBar').html('');
$('#selectedItemsBar').slideDown("slow");
$('#footer').attr('style', 'margin-bottom: 0px');
}
// TODO Have 2 and 3 placeholder images to show they're missing them (encourage users to get the free item)
// TODO Add item titles as captions below the image
// TODO Allow page to scroll down to so navbar doesn't cover it up
// TODO Page is slow in IE - see what's causing the slowdown
// # => [name, img, itemId]
selectedItems = new Array();
function updateSelectedItems(e) {
var name = e.target.parentNode.children[0].children[1].innerHTML;
var img = e.target.parentNode.children[0].children[0].getAttribute('src');
var itemId = e.target.parentNode.getAttribute('id');
if (e.target.checked) {
selectedItems.push(new Array(name, img, itemId));
} else {
// Find and remove the item
for (var i = 0, n = selectedItems.length; i < n; i++) {
if (name == selectedItems[i][0]) {
selectedItems.remove(i);
break;
}
}
}
// Display the items
var msg = '';
if (selectedItems.length == 1) {
msg = 'Add another collection from this page and get the 3rd one free';
} else if (selectedItems.length == 2) {
msg = 'Add a third collection for FREE';
} else if (selectedItems.length >= 3) {
msg = "Add these to the shopping cart to complete your purchase";
}
var content = '' + msg + ' ';
var urlItems = '';
for (var i = 0, n = selectedItems.length; i < n; i++) {
content += " ";
urlItems += '&ADD=' + selectedItems[i][2];
}
content += ' Add to shopping cart' +
'';
if (selectedItems.length == 0) {
$('#selectedItemsBar').slideUp("slow");
$('#footer').attr('style', 'margin-bottom: 0px');
return;
}
$('#selectedItemsBar').html(content);
if (selectedItems.length > 0) {
$('#footer').attr('style', 'margin-bottom: 200px');
$('#selectedItemsBar').slideDown("slow");
}
}
// Array Remove - By John Resig (MIT Licensed)
Array.prototype.remove = function(from, to) {
var rest = this.slice((to || from) + 1 || this.length);
this.length = from < 0 ? this.length + from : from;
return this.push.apply(this, rest);
};
var emailInputHint = 'Enter your email address';
// Add hints for email fields (only called when page loads)
function addHint(id) {
$('#' + id).val(emailInputHint);
$('#' + id).css('color', '#999');
}
// Remove hints for email fields (called onfocus)
function removeHint(obj) {
if (obj.value == emailInputHint) {
obj.value = '';
obj.style.color = '#000';
}
}