');
sel.show();
$.post('/ajax/personalizelogoonlypopup', {id: $('#id').val()}, function(html) {
$('#personalize_popup div').width(480).html(html);
sel.hide().fadeIn('slow');
});
};
// setup the hover on the letter style page
$(".letter_style_option, .design_style_option, .logo_option, .wrapper_style_option, .sticker_style_option, .swatch_option, .swatch_second_option, .monogram_color_option, .monogram_option_option, .ribbon_style_option, .silhouette_option").livequery(function () {
$(this).hover(function() {$(this).addClass('image_border')}, function() {$(this).removeClass('image_border')});
$(this).click(function() {
if ($(this).hasClass('silhouette_option')) {
if ($(this).hasClass('silhouette_left_option')) {
$('.silhouette_left_option').each(function() {
$(this).removeClass('letter_style_selected');
$(this).removeClass('letter_style_selected_border');
});
} else if ($(this).hasClass('silhouette_right_option')) {
$('.silhouette_right_option').each(function() {
$(this).removeClass('letter_style_selected');
$(this).removeClass('letter_style_selected_border');
});
} else if ($(this).hasClass('silhouette_solo_option')) {
$('.silhouette_solo_option').each(function() {
$(this).removeClass('letter_style_selected');
$(this).removeClass('letter_style_selected_border');
});
} else {
$('.silhouette_bubble_option').each(function() {
$(this).removeClass('letter_style_selected');
$(this).removeClass('letter_style_selected_border');
});
}
} else {
if ($(this).hasClass('swatch_second_option')) {
$('.swatch_second_option').each(function() {
$(this).removeClass('letter_style_selected');
$(this).removeClass('letter_style_selected_border');
});
}else{
$(".letter_style_option, .design_style_option, .logo_option, .wrapper_style_option, .sticker_style_option, .swatch_option, .monogram_color_option, .monogram_option_option, .ribbon_style_option").each(function() {
$(this).removeClass('letter_style_selected');
$(this).removeClass('letter_style_selected_border');
});
}
}
$(this).addClass('letter_style_selected');
$(this).addClass('letter_style_selected_border');
});
}, function() {
$(this).unbind('mouseover').unbind('mouseout').unbind('click');
});
$("#waiver .checkbox").livequery('click', function() {
if ($(this).hasClass('checked')) {
$(this).removeClass('checked');
$('#addtocartpersonalize').attr('src', "/images/button/addtotote_inactive.gif");
} else {
$(this).addClass('checked');
$('#addtocartpersonalize').attr('src', "/images/button/addtotote.gif");
}
});
//Enable "addtobag" when initials are present
$('.rsvp_initial #initial').live('keyup', function(){
if($(this).val() != ''){
$('#addtocartpersonalize').attr('src', "/images/button/addtotote.gif");
}else{
$('#addtocartpersonalize').attr('src', "/images/button/addtotote_inactive.gif");
}
});
$('#addtocartpersonalize').livequery('click', function() {
if ($(this).attr('src') != "/images/button/addtotote.gif") {
return;
}
// show loading image
$('#navigation_buttons img').hide();
$('#personalize-loading').show();
$.post('/ajax/addtototepersonalizeproduct', {hash: $('#hash').val()}, function(json) {
if (json.error) {
alert(json.error);
$('#personalize_div').fadeOut('fast');
if(!$('#shopbymag_popup')){
$('#overlay').fadeOut('fast');
}
}
if (json.added) {
handleCartPopup(json.added);
$('#overlay').fadeOut('fast');
if($('#shopbymag_popup').length > 0){
removeShopByMag();
}
}
if (json.oldCode) {
$('#personalize_div').fadeOut('slow', function () {
$('#overlay').fadeOut('slow', function() {
var row = 'row_' + json.oldCode;
row = document.getElementById(row) || document.getElementById(row.replace( /\:/, '\\:' ));
if (row != null) { //cart page
var targetOffset = $(row).offset().top - 15;
var allow_scroll = true;
$('html,body').animate({scrollTop: targetOffset}, 'slow', function() {
if (allow_scroll) {
allow_scroll = false;
$(row).slideUp('slow', function() {
// remove parent product row
if ($(row).hasClass('free')) {
$(row).prev().remove();
}
$(row).remove();
if (json.updatedCodes) {
if (json.newCodes) {
personalizeUpdatedCode(json.updatedCodes, json.newCodes);
} else {
personalizeUpdatedCode(json.updatedCodes);
}
} else if (json.newCodes) {
personalizeNewCode(json.newCodes);
}
});
}
});
$('#ajax1').fadeOut('fast').html(json.shipping).fadeIn('fast');
}
});
});
} else if (json.multiple) {
loadPersonalizeDiv(json.multiple);
} else { //product page
$('#personalize_div').hide();
if(!$('#shopbymag_popup')){
$('#overlay').hide();
}
$('input[name=quantity]').val('');
$.scrollTo('0', 1000);
}
if (json.tote) {
toteRefresh(json.tote);
}
}, 'json');
});
// allows double clicking on some options rather than selecting and clicking next step
$(".monogram_option_option, .design_style_option , .letter_style_option, .wrapper_style_option").livequery(function() {
$(this).dblclick(function() {
$("#next_step").click();
});
});
// setup the next step button
$("#next_step").livequery(function() {
$(this).click(function() {
var hash = $('#hash').val();
var id = $('#id').val();
var code = $('#code').val();
if ($('#ps_personalize').length) {
id = $('#ps_personalize #id').val();
hash = $('#ps_personalize #hash').val();
code = $('#ps_personalize #code').val();
}
var data = personalizeBuildData($(settings.personalizeElement));
if(data) {
// change buttons to loading image
var prior = $('#navigation_buttons').html();
// show loading image
$('#navigation_buttons img').hide();
$('#personalize-loading').show();
$.post('/ajax/personalize', {id: id, code: code, hash: hash, data: JSON.stringify(data)}, function(json) {
if (json.error) {
$('#personalize_error').text(json.error).slideDown();
$('#personalize_div').height($('#personalize_div').height() + $('#personalize_error').height() + 10);
$('#navigation_buttons').html(prior);
} else {
loadPersonalizeDiv(json.html);
window.location.hash = json.hash;
}
}, 'json');
} else {
$('#personalize_error').text(error).slideDown();
$('#personalize_div').height($('#personalize_div').height() + $('#personalize_error').height() + 10);
}
});
}, function() {
$(this).unbind('click');
});
//previous step button
$("#previous_step").livequery(function() {
$(this).click(function() {
// show loading image
$('#navigation_buttons img').hide();
$('#personalize-loading').show();
$.post('/ajax/personalizePrevious', {id: $('#id').val(), previous: $('#previous').val(), code: $('#code').val(), hash: $('#hash').val()}, function(data) {
loadPersonalizeDiv(data);
});
});
});
//detail popups
$('.personalize_details').livequery(function() {
var sel = '#personalize_popup';
$(this).click(function() {
var id = $(this).attr('id').replace('detail_', '');
var icon = $(this);
if (id == 'logo') {
personalizePopupLogoOnly(icon);
} else {
popupImg = new Image();
popupImg.src = '/images/personalization/alphabets/cropped/' + id.toLowerCase() + '.gif';
popupImg.onload = function() {
$('#personalize_popup div').html(popupImg);
$(sel).css('top', icon.position().top + icon.height());
$(sel).css('left', icon.position().left - ((popupImg.width - icon.width()) / 2));
$(sel).hide().fadeIn('slow');
}
}
});
$(this).hover(function() {
//handled by click instead
}, function() {
$(sel).fadeOut('slow');
});
});
//logo popups
$('#personalize_logos div').livequery(function() {
var sel = '#personalize_popup';
$(this).click(function() {
var id = $(this).attr('id');
var icon = $(this);
popupImg = new Image();
popupImg.src = '/images/personalization/alphabets/cropped/' + id.toLowerCase() + '.jpg';
popupImg.onload = function() {
$('#personalize_popup div').html(popupImg);
$(sel).css('top', icon.position().top - popupImg.height - 40);
$(sel).css('left', icon.position().left - ((popupImg.width - icon.width()) / 2) - 15);
$(sel).hide().fadeIn('slow');
}
});
$(this).hover(function() {
//do nothing
}, function() {
$(sel).fadeOut('slow');
});
}, function() {
$(this).unbind('mouseover').unbind('mouseout');
});
$('#engraving_text #personalize_logo_container').livequery(function()
{
$(this).hover(function()
{
}, function() {
$('#logo_preview').fadeOut('slow');
$('.piece_text, #piece_options').css('visibility', 'visible');
});
}, function()
{
$(this).unbind('mouseover').unbind('mouseout');
});
//breadcrumb navigation
$('#breadcrumbs .active').livequery('click', function() {
$.post('/ajax/personalizebreadcrumb', {id: $('#id').val(), phase: $(this).attr('id'), code: $('#code').val(), hash: $('#hash').val()}, function(json) {
loadPersonalizeDiv(json.html);
window.location.hash = json.hash;
}, 'json');
});
//re-select menu choices
$('.logo input[type=hidden], .swatch input[type=hidden]').livequery(function() {
$(this).siblings('select').val($(this).val());
});
//edit from review
$('.edit').livequery('click', function() {
var itemNum = $(this).attr('id').replace('edit_', '');
$.post('/ajax/personalizereviewedit', {id: $('#id').val(), itemNum: itemNum, code: $('#code').val(), hash: $('#hash').val()}, function(json) {
loadPersonalizeDiv(json.html);
window.location.hash = json.hash;
}, 'json');
});
//adjust review window for scrollbars
$('#review_scroll').livequery(function() {
if ($(this).height() >= 400) {
$(this).height($(this).css('max-height'));
$(this).css('margin-top', '20px');
$('.piece').each(function() {
$(this).width($(this).width() - 10);
});
$(this).css('overflow', 'auto');
}
});
//toggle "same settings"
$('#piece_options .text_line').livequery('click', function() {
var id = '#' + $(this).attr('id').replace('_wrapper', '');
var box = id + '_box';
if ($(id).val() == 1) {
$(box).css('backgroundImage', box_off);
$(id).val(0);
} else {
$(box).css('backgroundImage', box_on);
$(id).val(1);
}
});
//first piece text -> all pieces
$('#same_pieces_wrapper').livequery('click', function() {
var id = $('#same_pieces');
var box = $('#same_pieces_box');
if (id.val() == 1) {
box.css('backgroundImage', box_off);
id.val(0);
} else {
box.css('backgroundImage', box_on);
id.val(1);
personalizeCloneFirst();
}
});
$('.piece_text input[type=text]').livequery('change', function() {
var parent = $(this).parent().parent().parent().attr('id');
var parentIndex = parent.split('_');
parentIndex = parentIndex[parentIndex.length - 1];
if (parentIndex == 0 && ($('#same_pieces').val() == 1)) {
personalizeCloneFirst();
} else {
personalizeHasSameText();
}
});
$('#same_pieces').livequery(function() {
personalizeHasSameText();
});
//this set -> all sets
$('#same_allitems_wrapper').livequery('click', function() {
var qty = 1;
var id = $('#same_allitems');
var box = $('#same_allitems_box');
if (id.val() == 1) {
id.val(0);
box.css('backgroundImage', box_off);
if (itemNum != '') {
$('#item_num').html(itemNum);
} else {
qty = $.trim($('#item_num').html()).substring(0, 1);
$('#item_num').html('Item 1 of ' + qty);
}
} else {
id.val(1);
box.css('backgroundImage', box_on);
itemNum = $.trim($('#item_num').html());
qty = itemNum.substring(itemNum.length - 1);
if (qty == '1')
qty += ' item';
else
qty += ' items';
$('#item_num').html(qty);
}
});
$('#same_allitems').livequery(function() {
itemNum = '';
if ($(this).val() == 1) {
$('#same_allitems_box').css('backgroundImage', box_on);
}
});
//disable line 2 for restricted logos
$('#personalize_div select.text_input').livequery(function() {
personalizeApplyRestrictions($(this).children('option:selected'));
});
$('#personalize_div select.text_input').livequery('change', function() {
personalizeApplyRestrictions($(this).children('option:selected'));
});
//close personalization
$('#personalize_close').livequery('click', function() {
$('#personalize_div').fadeOut();
if(!$('#shopbymag_popup').length > 0){
$('#overlay').fadeOut();
}
});
//Ampersand Engraving Preview (for product 8534)
$('#ampersand_text').livequery(function() {
$(this).click(function() {
$('#ampersand_preview_container').fadeIn('slow', function() {
});
});
});
$('#ampersand_text').livequery(function() {
$(this).hover(function() {
$(this).css('cursor','pointer');
});
});
$('#ampersand_close').livequery(function() {
$(this).hover(function() {
$(this).css('cursor','pointer');
});
});
$('#ampersand_close').livequery(function() {
$(this).click(function() {
$('#ampersand_preview_container').fadeOut('slow', function() {
});
});
});
//Image Enlargement for Invitation and RSVP's
$('#image_preview_link').livequery(function() {
$(this).click(function() {
$('#image_preview_container').fadeIn('slow', function() {
});
});
});
$('#preview_close').livequery(function() {
$(this).click(function() {
$('#image_preview_container').fadeOut('slow', function() {
});
});
});
$('#preview_close').livequery(function() {
$(this).hover(function() {
$(this).css('cursor','pointer');
});
});
$('#image_preview_link').livequery(function() {
$(this).hover(function() {
$(this).css('cursor','pointer');
});
});
//Checkbox (yes/no) for important message acceptance on invites and rsvp's
$('.checkbox_personalize').live('click',function() {
if($('.checkbox_personalize').hasClass('checked_personalize')){
$('.checkbox_personalize').removeClass('checked_personalize');
}else{
$('.checkbox_personalize').addClass('checked_personalize');
}
});
})(jQuery);
function personalizeBuildData(personalizeElement) {
var selected = undefined;
var data = undefined;
var id = $('#id').val();
var error = undefined;
var index = 0;
var swatch = null;
var swatchSecond = null;
var logo = undefined;
var silhouette = undefined;
//$('#personalize_error').text('');
if ($('#silhouettes').length) {
selected = true;
var solo = '';
var left = '';
var right = '';
var bubble = '';
$('.silhouette_solo_option').each(function() {
if ($(this).hasClass('letter_style_selected')) {
solo = $(this).attr('id');
}
});
$('.silhouette_left_option').each(function() {
if ($(this).hasClass('letter_style_selected')) {
left = $(this).attr('id');
}
});
$('.silhouette_right_option').each(function() {
if ($(this).hasClass('letter_style_selected')) {
right = $(this).attr('id');
}
});
$('.silhouette_bubble_option').each(function() {
if ($(this).hasClass('letter_style_selected')) {
bubble = $(this).attr('id');
}
});
silhouette = {solo: solo, left: left, right: right, bubble: bubble};
data = {paramName: "silhouette", silhouette: silhouette};
}
//letter, design, wrapper, sticker, swatch, monogram settings
$('.letter_style_option, .design_style_option, .logo_option, .wrapper_style_option, .sticker_style_option, .swatch_option, .swatch_second_option, .monogram_color_option, .monogram_option_option').each(function() {
if ($(this).hasClass('letter_style_selected')) {
selected = true;
if ($(this).hasClass('design_style_option')) {
data = {paramName: "design", design: $(this).attr('id')};
} else if ($(this).hasClass('wrapper_style_option')) {
data = {paramName: "wrapper", wrapper: $(this).attr('id')};
} else if ($(this).hasClass('sticker_style_option')) {
data = {paramName: "sticker", sticker: $(this).attr('id')};
} else if ($(this).hasClass('swatch_option')) {
swatch = $(this).attr('id').replace('swatch_', '');
} else if ($(this).hasClass('swatch_second_option')) {
swatchSecond = $(this).attr('id').replace('swatch_second_', '');
} else if ($(this).hasClass('monogram_color_option')) {
data = {paramName: "monogramColor", monogramColor: $(this).attr('id')};
} else if ($(this).hasClass('monogram_option_option')) {
data = {paramName: "monogramOption", monogramOption: $(this).attr('id')};
} else {
data = {paramName: "style", style: $(this).attr('id')};
}
} else {
error = 'You must select one of the styles.';
}
});
/**
* detects text section exists.
* must follow swatch detection.
* must precede all other detection so it can be easily overriden.
* persists if only static text is present. (dropdowns and text fields are absent)
*/
if ($('.text_line').length) {
selected = true;
switch ($('#type').val()) {
case 'ribbons':
data = {paramName: "text", swatch: swatch, sameAll: $('#same_allitems').val()};
break;
default:
data = {paramName: "text", sameAll: 1};
}
}
//logo settings
if (personalizeElement.find('li.logo').length > 0) {
selected = true;
index = 0;
logo = new Array();
personalizeElement.find('li.logo select').each(function(i, item) {
if ($(item).val() != 'no icon') {
logo[index] = $(item).val();
index++;
}
});
data = {paramName: "logo", logo: logo, sameAll: $('#same_allitems').val(), type: $('#type').val()};
}
//multi-swatch settings
if (personalizeElement.find('li.swatch').length > 0) {
selected = true;
swatch = new Array();
personalizeElement.find('li.swatch select').each(function(i, item) {
swatch[i] = $(item).val();
index++;
});
}
//text settings
if (personalizeElement.find('input:text, select.list').size() > 0) {
selected = true;
index = 0;
var text = new Array();
personalizeElement.find('input:text, select.list').each(function() {
var id = $(this).attr('name');
//clear values for disabled elements
if ($(this).attr('disabled')) {
$(this).val('');
}
text[index] = id + '_' + $(this).val();
index++;
});
switch ($('#type').val()) {
//different text
case 'candles':
data = {paramName: "text", text: text, sameAll: $('#same_allitems').val()};
break;
//engraving with or w/o logo
case 'engraving':
if (logo === undefined) {
data = {paramName: "text", text: text, sameAll: $('#same_allitems').val()};
} else {
data = {paramName: "text", text: text, logo: logo, sameAll: $('#same_allitems').val()};
}
break;
//different text, with swatch
case 'embroidery':
case 'ribbons':
data = {paramName: "text", text: text, swatch: swatch, sameAll: $('#same_allitems').val()};
break;
//same text, with swatch
case 'bags':
case 'napkins':
case 'coffee':
case 'chocolate_bars':
data = {paramName: "text", text: text, swatch: swatch, swatchSecond: swatchSecond, sameAll: 1};
break;
case 'cards':
data = {paramName: "text", text: text, sameAll: 1, message: "true"};
//same text
default:
data = {paramName: "text", text: text, sameAll: 1};
}
}
//detect invite-rsvp important message
if ($('#important_message').length > 0) {
try{
if($('.checkbox_personalize').hasClass('checked_personalize')){
selected = true;
data = {paramName: 'importantMessage'};
}else{
throw "The checkbox must be selected in order to continue with this personalization.";
}
}catch(error){
if($('#personalize_error').text().length == ""){
$('#personalize_error').text(error).slideDown();
$('#personalize_div').height($('#personalize_div').height() + $('#personalize_error').height() + 10);
return false;
}
}
}
//detect preface
if ($('#personalize_preface').length > 0) {
selected = true;
data = {paramName: 'preface'};
}
if (selected) {
return data;
} else {
return false;
}
};