if(!this.JSON){JSON=function(){function f(n){return n<10?'0'+n:n;} Date.prototype.toJSON=function(){return this.getUTCFullYear()+'-'+ f(this.getUTCMonth()+1)+'-'+ f(this.getUTCDate())+'T'+ f(this.getUTCHours())+':'+ f(this.getUTCMinutes())+':'+ f(this.getUTCSeconds())+'Z';};var m={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'};function stringify(value,whitelist){var a,i,k,l,r=/["\\\x00-\x1f\x7f-\x9f]/g,v;switch(typeof value){case'string':return r.test(value)?'"'+value.replace(r,function(a){var c=m[a];if(c){return c;} c=a.charCodeAt();return'\\u00'+Math.floor(c/16).toString(16)+ (c%16).toString(16);})+'"':'"'+value+'"';case'number':return isFinite(value)?String(value):'null';case'boolean':case'null':return String(value);case'object':if(!value){return'null';} if(typeof value.toJSON==='function'){return stringify(value.toJSON());} a=[];if(typeof value.length==='number'&&!(value.propertyIsEnumerable('length'))){l=value.length;for(i=0;i-1&&fromSelect.options[firstSelectedIndex-1]!==undefined){fromSelect.selectedIndex=firstSelectedIndex-1;}else if(fromSelect.options[0]!==undefined){fromSelect.selectedIndex=0;} if(typeof callback==='function'){callback();}},getSelectedIndexes:function(select){var selectedIndexes=[];for(var i=0;i0&&selectedIndex=0&&selectedIndex1){for(var i=1;i';for(var i=0;i';}else{content+=arguments[i];content+=this.spacer;}} this.tpConsoleSpan.update(content);this.showConsole();}},clearConsole:function(){this.tpConsoleDiv.remove();this.setupConsole();},toggleConsole:function(){if(this.tpConsoleSpan.visible()){this.tpConsoleSpan.hide();this.tpConsoleToggle.update('show');}else{this.tpConsoleSpan.show();this.tpConsoleToggle.update('hide');}},addLoadEvent:function(func){var oldonload=window.onload;if(typeof window.onload!='function'){window.onload=func;}else{window.onload=function(){if(oldonload){oldonload();} func();}};}},checkValidDate:function(month,date,year){if(date<=0){return false;} var isValid=true;month=parseInt(month);if(month==1||month==3||month==5||month==7||month==8||month==10||month==12){if(date>31){isValid=false;}}else if(month==4||month==6||month==9||month==11){if(date>30){isValid=false;}}else{if(((year%4==0)&&(year%100!=0))||(year%400==0)){if(date>29){isValid=false;}}else{if(date>28){isValid=false;}}} return isValid;},init:function(){this.ie6=(window.external&&typeof window.XMLHttpRequest=='undefined');this.ie7=((navigator.appVersion.indexOf('MSIE 7.')==-1)?false:true);this.ie8=((navigator.appVersion.indexOf('MSIE 8.')==-1)?false:true);this.safari=(/Safari/.test(navigator.userAgent));if(typeof console!=='object'||typeof console.log!=='function'){window.console=TP.Console;window.console.init();} if(typeof Array.prototype.indexOf==='undefined'){console.log('Needs Array.indexOf');Array.prototype.indexOf=function(obj){for(var i=0;i=3.5){this.supported=true;break;}} else if(TP.BrowserDetect.browser=='Chrome'){if(parseFloat(TP.BrowserDetect.version)>=5){this.supported=true;break;}} if(TP.BrowserDetect.browser==current.browser&&TP.BrowserDetect.OS==current.os&&TP.BrowserDetect.version==current.version){this.supported=true;break;}} TP.cookieCheck();}}};TP.Associator=function(prefix,options){this.prefix=prefix;this.associatedSelect=document.getElementById(this.prefix+'_associated');this.availableSelect=document.getElementById(this.prefix+'_available');this.sortUpElement=document.getElementById(this.prefix+'_sortUp');this.sortDownElement=document.getElementById(this.prefix+'_sortDown');this.associateElement=document.getElementById(this.prefix+'_associate');this.disassociateElement=document.getElementById(this.prefix+'_disassociate');this.associatedIdsElement=document.getElementById(this.prefix+'_associatedIds');this.preAssociate=function(){};this.postAssociate=function(){};this.preDisassociate=function(){};this.postDisassociate=function(){};this.preSortUp=function(){};this.postSortUp=function(){};this.preSortDown=function(){};this.postSortDown=function(){};if(typeof options=='object'){if(typeof options.preAssociate=='function'){this.preAssociate=options.preAssociate;} if(typeof options.postAssociate=='function'){this.postAssociate=options.postAssociate;} if(typeof options.preDisassociate=='function'){this.preDisassociate=options.preDisassociate;} if(typeof options.postDisassociate=='function'){this.postDisassociate=options.postDisassociate;} if(typeof options.preSortUp=='function'){this.preSortUp=options.preSortUp;} if(typeof options.postSortUp=='function'){this.postSortUp=options.postSortUp;} if(typeof options.preSortDown=='function'){this.preSortDown=options.preSortDown;} if(typeof options.postSortDown=='function'){this.postSortDown=options.postSortDown;}} var associator=this;if(this.sortUpElement){this.sortUpElement.onclick=function(){associator.preSortUp();TP.selectSortUp(associator.associatedSelect,function(){associator.updateAssociatedIds();});associator.postSortUp();return false;};} if(this.sortDownElement){this.sortDownElement.onclick=function(){associator.preSortDown();TP.selectSortDown(associator.associatedSelect,function(){associator.updateAssociatedIds();});associator.postSortDown();return false;};} if(this.associatedIdsElement){this.updateAssociatedIds();if(this.associateElement){this.associateElement.onclick=function(){associator.preAssociate();TP.moveBetweenSelects(associator.availableSelect,associator.associatedSelect,function(){associator.updateAssociatedIds();});associator.postAssociate();return false;};} if(this.disassociateElement){this.disassociateElement.onclick=function(){associator.preDisassociate();TP.moveBetweenSelects(associator.associatedSelect,associator.availableSelect,function(){associator.updateAssociatedIds();});associator.postDisassociate();return false;};}}};TP.extendObject(TP.Associator.prototype,{prefix:null,associatedSelect:null,availableSelect:null,sortUpElement:null,sortDownElement:null,associateElement:null,disassociateElement:null,associatedIdsElement:null,updateAssociatedIds:function(){var associated=this.associatedSelect.options;var associatedIdsArray=[];for(var i=0;i0){this.render();}},clearOptions:function(){this.options=[];this.selectedItem=null;this.selectedIndex=-1;this.lastItem=null;this.firstItem=null;},itemOnMouseOver:function(event,item){item.oldClass=item.className;item.className+=" PrettySelectItemHover";},itemOnMouseOut:function(event,item){if(item.oldClass) item.className=item.oldClass;},documentOnClick:function(event){if(typeof event.srcElement!=='undefined'){var target=event.srcElement;}else{var target=event.target;} var ancestors=TP.ancestors(target);for(var idx=0;idx0)){nodeClassName=node.className;if(nodeClassName.indexOf('PrettySelectItemHover')>0){node.className=nodeClassName.replace('PrettySelectItemHover','');} if(node.id==(this.prefix+selectedValue)&&(node.className.indexOf('PrettySelectItemHover')<0)){node.className=node.className+' PrettySelectItemHover';}}}} if(!doNothing){var selectedItem=this.getSelectedItem();if(selectedItem){this.elInput.value=selectedItem.getValue();if(this.selectedIndex!==-1){this.renderSelectedItem();} if(typeof this.postSelect=='function'){this.postSelect(this,selectedValue);}}}}},toggleList:function(){if(this.enabled){if(this.listShown){this.hideList();}else{this.showList();}}},showList:function(){this.listShown=true;var selectedValue=this.getSelectedItem().getValue();this.select(selectedValue);this.elListContainer.style.display='';if(this.ie==true){this.listShim.style.display=this.elListContainer.style.display;this.listShim.style.width=this.elListContainer.offsetWidth;this.listShim.style.height=this.elListContainer.offsetHeight;this.listShim.style.top=this.elListContainer.style.top;this.listShim.style.left=this.elListContainer.style.left;this.listShim.style.zIndex=this.elListContainer.style.zIndex-1;}},hideList:function(){this.listShown=false;this.elListContainer.style.display='none';if(this.ie==true){this.listShim.style.display=this.elListContainer.style.display;this.listShim.style.width=this.elListContainer.offsetWidth;this.listShim.style.height=this.elListContainer.offsetHeight;this.listShim.style.top=this.elListContainer.style.top;this.listShim.style.left=this.elListContainer.style.left;this.listShim.style.zIndex=this.elListContainer.style.zIndex-1;}},listVisible:function(){return this.listShown;},add:function(value,text,renderParameters,asGroup){if(typeof renderParameters=='undefined'){var parameters={};}else{var parameters=renderParameters;} if(asGroup){var item=new PrettySelectGroup(this,{text:text});}else{var item=new PrettySelectItem(this,{value:value,text:text,renderFn:this.renderItemFn,renderParameters:parameters});} var itemValue=item.getValue();if(!this.lastItem){item.setNext(null);item.setPrevious(null);this.lastItem=item;this.firstItem=item;}else if(this.options.length>0){if(typeof position!=='undefined'){var targetItem=this.parameters[position.getValue()];var previousItem=targetItem.getPrevious();targetItem.setPrevious(item);previousItem.setNext(item);item.setNext(targetItem);item.setPrevious(previousItem);}else{item.setNext(null);item.setPrevious(this.getLastItem());this.lastItem=item;item.getPrevious().setNext(item);}} this.options.push(item);},addGroup:function(text){this.add(text,text,{},true);},remove:function(index){var itemToRemove=this.options[index];var previousItem=itemToRemove.getPrevious();var nextItem=itemToRemove.getNext();if(previousItem!==null){previousItem.setNext(nextItem);} if(nextItem!==null){nextItem.setPrevious(previousItem);} this.options.length--;delete this.options[index];},getSelectedItem:function(){if(this.selectedIndex!==-1){return this.options[this.selectedIndex];}else{return false;}},getSelectedIndex:function(selectedValue){var selectedIndex=-1;for(var idxOption=0;idxOption0)if(this.repetitions>=this.options.repetitions)return;this.repetitions++;if(!this.active)return;new Effect.Move(this.obj,{x:-(this.options.distance),y:0,mode:'relative',duration:this.options.pullBackDuration,transition:Effect.Transitions.sinoidal,afterFinish:this.springFwd.bind(this)});},springFwd:function(){try{new Effect.Move(this.obj,{x:this.options.distance,y:0,mode:'relative',duration:this.options.springFwdDuration,transition:Effect.Transitions.spring,afterFinish:this.pullBack.bind(this)});}catch(e){console.log(e);}}} var TPBalloonDartAnimator=function(options){this.obj=null;this.active=false;this.options={distance:300,duration:0.5} this.options=Object.extend(this.options,options);} TPBalloonDartAnimator.prototype={init:function(obj){this.obj=obj;},start:function(){new Effect.Move(this.obj,{x:-(this.options.distance),y:0,mode:'relative',duration:0,afterFinish:this.shootDart.bind(this)});},stop:function(){},shootDart:function(){new Effect.Move(this.obj,{x:(this.options.distance),y:0,mode:'relative',duration:this.options.duration,transition:Effect.Transitions.sinoidal});}} var Personalize=function(){} Personalize.prototype={STEP_STATUS_ACTIVE:'active',STEP_STATUS_INACTIVE:'inactive',STEP_STATUS_CLICKABLE:'clickable',VARIABLE_TYPE_TEXT:1,VARIABLE_TYPE_TEXTBOX:2,VARIABLE_TYPE_DATE:3,VARIABLE_TYPE_TIME:4,VARIABLE_TYPE_WEIGHT:5,VARIABLE_TYPE_LENGTH:6,VARIABLE_TYPE_NAME:7,VARIABLE_TYPE_AGE:8,VARIABLE_CODE_STATE:'_STATE_',VARIABLE_CODE_ADDRESS:'_ADDRESS_',VARIABLE_CODE_ADDRESS_LINE1:'_ALADDRESS1_',VARIABLE_CODE_ADDRESS_LINE2:'_ALADDRESS2_',VARIABLE_CODE_ADDRESS_RECEPTION:'_RCADDRESS_',NON_PREVIEW_WITH_ENVELOPE:4,NON_PREVIEW_WITHOUT_ENVELOPE:5,helpBox:new Array(),regexp:new Array(),giftCardDenominationTextboxName:'giftcard_denomination',giftCardRemoved:false,TEXTBOX_TYPE_PANEL:1,TEXTBOX_TYPE_LAYOUT:2,TEXTBOX_TYPE_DOODLE:3,TEXTBOX_TYPE_SIGNATURE:4,TEXTBOX_TYPE_PERSONALSEAL:5,TEXTBOX_TYPE_MESSAGEBOX:6,TEXTBOX_TYPE_SNAPSHOT:7,TEXTBOX_TYPE_PHOTOGRAPHER:8,DELIVERY_METHOD_ADDRESS:1,DELIVERY_METHOD_EMAIL:2,DELIVERY_USER:1,DELIVERY_RECIPIENT:2,TEXTURE_TYPE_FOLDED:2,baseResolution:null,popupZIndex:50001,maskZIndex:50000,editorZIndex:40000,handleZIndex:10000,borderZIndex:50,photoZIndex:100,textboxZIndex:200,layoutZIndex:300,overlayZIndex:400,separatorZIndex:500,doodleZIndex:900,dynamicTextboxZIndex:1000,trimOptionZIndex:2000,defaultDoodleSize:70,imageEffects:{1:'grayscale',2:'sepia'},IMAGE_EFFECT_NONE:0,IMAGE_EFFECT_GRAYSCALE:1,IMAGE_EFFECT_SEPIA:2,PHOTO_SERVICE_FLICKR:'flickr',PHOTO_SERVICE_SMUGMUG:'smugmug',PHOTO_SERVICE_PICASA:'picasa',MAILING_SERVICE_SHIPNONE:0,MAILING_SERVICE_SHIPALL:1,MAILING_SERVICE_SHIPSOME:2,PANELTYPE_ID_FRONT:1,PANELTYPE_ID_INSIDE:2,PANELTYPE_ID_BACK:3,PANELTYPE_ID_AUTOBACK:4,SERVICE_MYSQL:1,SERVICE_MONGO:2,mainElement:$('pageContainer'),renderingDecimalPrecision:0,maxUserPhotos:30,userPhotos:[],adminPhotos:[],hashStepName:null,returnAddressLabelData:{returnAddressLabel:null,returnAddressLabelProductId:null,returnAddressLabelQuantity:null},digitalServices:{rsvp:1,snapshot:2},ie6:(window.external&&typeof window.XMLHttpRequest=='undefined'),ie7:((navigator.appVersion.indexOf('MSIE 7.')==-1)?false:true),ie8:((navigator.appVersion.indexOf('MSIE 8.')==-1)?false:true),ie9:((navigator.appVersion.indexOf('MSIE 9.')==-1)?false:true),safari:(/Safari/.test(navigator.userAgent)),isIe:function(){return(this.ie6||this.ie7||this.ie8||this.ie9);},environment:null,hosts:{"static":null,images:null,imagesProxy:null},store:null,steps:[],uris:[],eventHandlers:{'changecolor':[],'showbackbutton':[],'changepanel':[],'changelayout':[],'changegiftcard':[],'infoentered':[],'login':[],'personalizestepsave':[],'previewstepsave':[],'envelopestepsave':[],'recipientstepsave':[],'deliverystepsave':[],'userphotosloaded':[],'toggleoutlines':[],'afterchangepanel':[],'changeenvelope':[],'changemailingservice':[],'changepra':[],'changeprafont':[],'changepratext':[],'changeprafontcolor':[],'changestamp':[],'changeextraenvelopesquantity':[],'enteredinfo':[],'changemailforme':[],'changeshiptome':[],'photouploaded':[],'changestep':[],'removephoto':[],'addphototocard':[],'removephotofromcard':[],'changerecipientaddresscheckbox':[],'changequantity':[],'envelopesstepactivate':[],'recipientsstepactivate':[],'changeaddresslabel':[],'changeaddresslabelquantity':[],'textboxclick':[],'changemailingserviceavailable':[],'changedoodle':[],'activaterecipients':[],'changerecipientsloginstate':[],'changerecipientsreturnaddress':[],'clickshiptomestamps':[],'editcontact':[],'deliverymethodchange':[],'requestpaymentupdate':[],'contactsloaded':[],'urlpanelchanged':[],'personalizationsaved':[],'personalizationchanged':[],'enterinfoloaded':[],'changetrimoption':[],'panelimageloaded':[],'importphotographerphoto':[],'memberlogin':[],'mongosaved':[],'snapshoturlchecked':[]},activeStepIndex:null,activeStep:null,preShippedEnvelopes:false,numbersToWords:{0:'zero',1:'one',2:'two',3:'three',4:'four',5:'five',6:'six',7:'seven',8:'eight',9:'nine'},photographerId:null,showLoadingPopup:function(){if(!this.loadingPopup){this.loadingPopup=new PersonalizePopup('Loading ... ','loadingP13n');} var elem=this.loadingPopup.getPopupElement();var loaderDiv=new Element('div',{align:'center','class':'loginLoader'});var loaderText=new Element('div').update('Loading your project ..');var loaderImg=new Image();loaderImg=$(loaderImg);loaderImg.src=Personalize.hosts['static']+'image/tp/personalize/smallSpinner.gif';loaderDiv.insert(loaderText);loaderDiv.insert(loaderImg);elem.update(loaderDiv);this.loadingPopup.showPopup();},hideLoadingPopup:function(){this.loadingPopup.hidePopup();},init:function(){if(!this.errorManager){this.errorManager=new ErrorManager();} if(!Personalize.personalization){Personalize.personalization={};Personalize.personalization.id=null;} this.baseResolution=144;if(window.opera){history.navigationMode='compatible';} Event.observe(window,'unload',function(){Personalize.services.saveSessionPersonalization();});$('saveButton').hide();if(!Personalize.productPhotoEffects){Personalize.productPhotoEffects={};var productEffectsCookie=TP.getCookie("productPhotoEffects_v5");if(productEffectsCookie){Personalize.productPhotoEffects=JSON.parse(TP.getCookie("productPhotoEffects_v5"));}} Personalize.gcEventData={};var gcEventDataCookie=TP.getCookie("gcData");if(gcEventDataCookie){gcEventDataCookie=decodeURIComponent(decodeURIComponent(gcEventDataCookie));Personalize.gcEventData=JSON.parse(gcEventDataCookie);} var digitalServiceCookie=TP.getCookie('TP_DigitalService');if(digitalServiceCookie){digitalServiceCookie=decodeURIComponent(digitalServiceCookie).evalJSON();Personalize.rsvp.url=digitalServiceCookie.url;Personalize.rsvp.optIn=digitalServiceCookie.optIn;}},setStepUrl:function(){var hash=this.steps[this.activeStepIndex].name;if(Personalize.personalization.mongoId){hash+='_'+Personalize.personalization.mongoId;}else if(Personalize.personalization.id){hash+='_'+Personalize.personalization.id;} if(!(window.location.hash==''&&hash=='enterInfo')){window.location.hash=hash;}},registerSteps:function(stepsArray){this.steps=stepsArray;for(var stepId in this.steps){var step=this.steps[stepId];step.id=step.number=stepId;this.steps[stepId].init();} this.activeStepIndex=this.findFirstAvailableStep();this.activeStep=this.steps[this.activeStepIndex];if(this.hashStepName){this.activeStep=this.getStepByName(this.hashStepName);this.activeStepIndex=this.getStepIndexByName(this.hashStepName);}else{if(Personalize.personalization.savedStep&&!this.isRepersonalization()){for(var stepId in this.steps){if(this.steps[stepId].element.id==Personalize.personalization.savedStep){if(this.steps[stepId].available&&this.steps[stepId].firstActivation!=false){this.activeStep=this.steps[stepId];this.activeStepIndex=stepId;}else{this.activeStepIndex=this.findPreviousAvailableStep(stepId);this.activeStep=this.steps[this.activeStepIndex];}}}}} if(Personalize.header){Personalize.header.renderStepNavigation();} this.activeStep.activate();this.renderNavigationTabs();},findFirstAvailableStep:function(){for(var stepId in this.steps){if(this.steps[stepId].available)return stepId;} return false;},findNextAvailableStep:function(){var stepIndex=this.activeStepIndex;var returnNextAvailable=false;for(var currentStepIndex in this.steps){var step=this.steps[currentStepIndex];if(currentStepIndex==stepIndex){returnNextAvailable=true;}else if(returnNextAvailable&&step.available){return currentStepIndex;}} return null;},findPreviousAvailableStep:function(stepIndex){if(!stepIndex){stepIndex=this.activeStepIndex;} var availableStepIndex=null;for(var currentStepIndex in this.steps){var step=this.steps[currentStepIndex];if(currentStepIndex==stepIndex){return availableStepIndex;} if(step.available){availableStepIndex=currentStepIndex;}} return null;},getStepIndexByName:function(stepName){for(var stepId in this.steps){step=this.steps[stepId];if(step.name===stepName)return stepId;}},getStepByName:function(stepName){for(var stepId in this.steps){step=this.steps[stepId];if(step.name===stepName&&step.available)return step;} return null;},next:function(){var newStep=this.findNextAvailableStep();if(newStep){if(this.activeStep.next()){this.trigger('changestep',this.steps[newStep].name);this.activeStep.deactivate();this.activeStepIndex=newStep;this.activeStep=this.steps[this.activeStepIndex];this.activeStep.activate(true);this.updateNavigationTabs();this.setStepUrl();}}else{if(this.activeStep){if(this.activeStep.next()){this.finish();}}else{this.finish();}}},back:function(){var newStep=this.findPreviousAvailableStep();if(newStep){if(this.activeStep.back()){this.trigger('changestep',this.steps[newStep].name);this.activeStep.deactivate();this.activeStepIndex=newStep;this.activeStep=this.steps[this.activeStepIndex];this.activeStep.activate(false);this.updateNavigationTabs();this.setStepUrl();}}else{if(this.activeStep){if(this.activeStep.back){this.activeStep.back();}}}},finishRepersonalization:function(){Personalize.services.savePersonalization(false,function(){try{var destination='/resubmitConfirm.html';var formElement=new Element('form',{action:destination,method:'POST',style:'display: none;'});var personalizationId=Personalize.personalization.id;var parameterElement=new Element('input',{name:'personalizationId',value:personalizationId});formElement.insert(parameterElement);$(document.body).insert(formElement);formElement.submit();}catch(e){}});},finish:function(){if(this.isRepersonalization()){this.finishRepersonalization();return;} Personalize.services.savePersonalization(false,function(){try{var p=Personalize.personalization;var finalEnvelopeId=null;if(p.envelopePairId){var pair=Personalize.envelopesPairs[p.envelopePairId];finalEnvelopeId=pair.outerEnvelopeId;if(p.pairLinedEnvelopeId){finalInnerEnvelopeId=p.pairLinedEnvelopeId;}else{finalInnerEnvelopeId=pair.innerEnvelopeId;}}else{finalEnvelopeId=(p.linedEnvelopeId)?p.linedEnvelopeId:p.envelopeId;finalInnerEnvelopeId=null;} var addToCartParameters={pid:p.productId,quantity:p.quantity,personalizationId:p.id,p13nMongoId:p.mongoId,instructions:p.instructions,envelopeId:finalEnvelopeId,innerEnvelopeId:finalInnerEnvelopeId,additionalEnvelopes:p.additionalEnvelopes,returnAddress:(parseFloat(p.returnAddress)==1)?1:0,returnAddressFontId:p.returnAddressFontId,returnAddressFontColorId:p.returnAddressFontColorId,returnAddressFontSize:p.returnAddressFontSize,returnAddressLeading:p.returnAddressLeading,redirect:'/related.html?pid='+p.productId+Personalize.product.color.number};if(typeof(p.returnAddressText)=='object'&&p.returnAddressText){addToCartParameters.returnAddressLine1=p.returnAddressText.name||null;addToCartParameters.returnAddressLine2=p.returnAddressText.streetAddress||null;addToCartParameters.returnAddressLine3=p.returnAddressText.locality||null;addToCartParameters.returnAddressLine4=p.returnAddressText.region+', '+p.returnAddressText.postalCode;}else{var returnAddressLines=(p.returnAddressText)?p.returnAddressText.split('\n'):[];addToCartParameters.returnAddressLine1=returnAddressLines[0]||null;addToCartParameters.returnAddressLine2=returnAddressLines[1]||null;addToCartParameters.returnAddressLine3=returnAddressLines[2]||null;addToCartParameters.returnAddressLine4=returnAddressLines[3]||null;} var returnAddressLabelData={returnAddressLabel:Personalize.returnAddressLabelData.returnAddressLabel,returnAddressLabelProductId:Personalize.returnAddressLabelData.returnAddressLabelProductId,returnAddressLabelQuantity:Personalize.returnAddressLabelData.returnAddressLabelQuantity};if(Personalize.returnAddressLabelData.returnAddressLabel){TP.extendObject(addToCartParameters,returnAddressLabelData);} if(Personalize.cartItemId){addToCartParameters.ciid=Personalize.cartItemId;} if(Personalize.personalization.primaryProxy.orderId){addToCartParameters.oid=Personalize.personalization.primaryProxy.orderId;} var destination='/addtocart.php';if(Personalize.isGreetingCard()){addToCartParameters.cardAddresses=Object.toJSON(Personalize.getStepByName('Delivery').getAddressesObject());var activePlan=false;if(Personalize.member){try{activePlan=Personalize.member.gcActivePlan.id;}catch(e){}} destination='https://'+window.location.hostname+'/greeting/AddToCart';if(Personalize.personalization.gcRedirect){destination+='?gcRedirect='+Personalize.personalization.gcRedirect;} try{addToCartParameters.fulfillmentInfo=p.fulfillmentInfo;addToCartParameters.deliveryDateType=p.deliveryDateType;}catch(e){}} var addToCartFormElement=new Element('form',{action:destination,method:'POST',style:'display: none;'});for(var parameterName in addToCartParameters){var parameterValue=addToCartParameters[parameterName];var parameterElement=new Element('input',{name:parameterName,value:parameterValue});addToCartFormElement.insert(parameterElement);} $(document.body).insert(addToCartFormElement);addToCartFormElement.submit();}catch(e){console.log(e);}});},activateStep:function(stepName){for(var stepId in this.steps){var step=this.steps[stepId];if(step.name==stepName){this.activeStepIndex=stepId;if(this.activeStep&&this.activeStep!=step){this.trigger('changestep',stepName);this.activeStep.deactivate();this.activeStep=this.steps[this.activeStepIndex];this.activeStep.activate(false);this.updateNavigationTabs();this.setStepUrl();return;}}}},renderNavigationTabs:function(){var tabsListContainer=$("personalizeStepTabsList");if(!tabsListContainer){return;} var stepOrderNum=0;for(var stepId in this.steps){step=this.steps[stepId];if(step.available){stepOrderNum++;if(!$(step.name+"StepTabImage")){var li=new Element('li',{'class':'personalizeStepTab',id:step.name+'StepTab'});tabsListContainer.insert(li);var a=new Element('a',{'style':'text-decoration: none;'});li.insert(a);var stepImg=new Element('div',{id:step.name+"StepTabImage",'class':"stepTabImage sprite-icon-step"+stepOrderNum+"-disabled",style:"float:left"});a.insert(stepImg);var stepTabName=new Element('div',{id:step.name+"StepTabName",'class':"personalizeStepTabName disabled"}).update(step.title.toLowerCase());a.insert(stepTabName);}}} this.updateNavigationTabs();},updateNavigationTabs:function(){for(var stepId in this.steps){var step=this.steps[stepId];if($(step.name+"StepTabImage")){var stepNs={stepName:step.name};activateStep=function(){return Personalize.activateStep(this.stepName);};if(stepIdthis.activeStepIndex){$(step.name+"StepTabName").addClassName('disabled');var stepImg=$(step.name+"StepTabImage");stepImg.className=stepImg.className.sub('enabled','disabled');stepImg.className=stepImg.className.sub('available','disabled');stepImg.parentNode.stopObserving('click');stepImg.parentNode.setStyle({cursor:''});}else{var title=(step.displayName)?step.displayName:step.title;if($("personalizeStepTitle")){$("personalizeStepTitle").update(title);} $(step.name+"StepTabName").removeClassName('disabled');if(step.description!==""&&typeof step.description!=="undefined"&&$("personalizeStepDescription")){$("personalizeStepDescription").update(step.description);} var stepImg=$(step.name+"StepTabImage");stepImg.className=stepImg.className.sub('disabled','enabled');stepImg.className=stepImg.className.sub('available','enabled');stepImg.parentNode.observe('click',activateStep.bind(stepNs));stepImg.parentNode.setStyle({cursor:'pointer'});if(!this.isGreetingCard()){try{var backBtns=document.getElementsByClassName('sprite-btn-back');for(var i=0;i=0;handlerId--){var handlerObject=Personalize.eventHandlers[event][handlerId];var handler=handlerObject[0];var savedIdentifier=handlerObject[1];if(savedIdentifier==identifier){Personalize.eventHandlers[event].splice(handlerId,1);}}}else{Personalize.eventHandlers[event]=[];}},addUriToCache:function(uri){for(var i=0;ibodyElementHeight){var multiplier=this.ghostingResizeX/bodyElementWidth;} else{var multiplier=this.ghostingResizeY/bodyElementHeight;} var bodyElementNewWidth=bodyElementWidth*multiplier;var bodyElementNewHeight=bodyElementHeight*multiplier;this._bodyElement.style.width=bodyElementNewWidth+'px';this._bodyElement.style.height=bodyElementNewHeight+'px';}} if(this.options.scroll){if(this.options.scroll==window){var where=this._getWindowScroll(this.options.scroll);this.originalScrollLeft=where.left;this.originalScrollTop=where.top;}else{this.originalScrollLeft=this.options.scroll.scrollLeft;this.originalScrollTop=this.options.scroll.scrollTop;}} Draggables.notify('onStart',this,event);if(this.options.starteffect)this.options.starteffect(this.element);},finishDrag:function(event,success){this.dragging=false;if(this.options.ghosting){Position.relativize(this.element);Element.remove(this._bodyElement);this._clone.parentNode.insertBefore(this._bodyElement,this._clone);Element.remove(this._clone);this._clone=null;} if(success)Droppables.fire(event,this.element);Draggables.notify('onEnd',this,event);var revert=this.options.revert;if(revert&&typeof revert=='function')revert=revert(this.element);var d=this.currentDelta();if(revert&&this.options.reverteffect){this.options.reverteffect(this.element,d[1]-this.delta[1],d[0]-this.delta[0]);}else{this.delta=d;} if(this.options.zindex) this.element.style.zIndex=this.originalZ;if(this.options.endeffect) this.options.endeffect(this.element);Draggables.deactivate(this);Droppables.reset();},updateDrag:function(event,pointer){if(!this.dragging)this.startDrag(event);if(!this.options.quiet){Position.prepare();Droppables.show(pointer,this.element);} Draggables.notify('onDrag',this,event);this.draw(pointer);this.element.style.top=Personalize.pxToNumber(this.element.style.top)-this.startingScroll.top+'px';if(this.options.change)this.options.change(this);if(this.options.scroll){this.stopScrolling();var p;if(this.options.scroll==window){with(this._getWindowScroll(this.options.scroll)){p=[left,top,left+width,top+height];}}else{p=Position.page(this.options.scroll);p[0]+=this.options.scroll.scrollLeft+Position.deltaX;p[1]+=this.options.scroll.scrollTop+Position.deltaY;p.push(p[0]+this.options.scroll.offsetWidth);p.push(p[1]+this.options.scroll.offsetHeight);} var speed=[0,0];if(pointer[0]<(p[0]+this.options.scrollSensitivity))speed[0]=pointer[0]-(p[0]+this.options.scrollSensitivity);if(pointer[1]<(p[1]+this.options.scrollSensitivity))speed[1]=pointer[1]-(p[1]+this.options.scrollSensitivity);if(pointer[0]>(p[2]-this.options.scrollSensitivity))speed[0]=pointer[0]-(p[2]-this.options.scrollSensitivity);if(pointer[1]>(p[3]-this.options.scrollSensitivity))speed[1]=pointer[1]-(p[3]-this.options.scrollSensitivity);this.startScrolling(speed);} if(Prototype.Browser.WebKit)window.scrollBy(0,0);Event.stop(event);},keyPress:function(event){if(event.keyCode!=Event.KEY_ESC)return;this.finishDrag(event,false);Event.stop(event);}});var FlexUploadApi=Class.create({flexUploadDomId:'flexPhotoUpload',environment:null,flexComponent:null,progressBar:null,totalFileCount:0,failedFileArray:new Array(),overSizedFileArray:new Array(),warningBalloons:new Array(),initialize:function(){this.failedFileArray=new Array();this.uploadedCount=0;this.totalFileCount=0;if(this.warningBalloons.length>0){this.warningBalloons.invoke('hide');} var warningTitle='
Warning
';var warningBalloonMaxPhotos=new WarningPopUp({title:warningTitle,okay:'true',warning:'true',zIndex:60000,right:'true',fixed:'true',outsideClick:false});warningBalloonMaxPhotos.setAnchor(null);this.warningBalloons['warningBalloonMaxPhotos']=warningBalloonMaxPhotos;this.warningBalloons.push(warningBalloonMaxPhotos);var warningBalloonPhotoUpError=new WarningPopUp({title:warningTitle,okay:'true',warning:'true',zIndex:60000,right:'true',fixed:'true',outsideClick:false});warningBalloonPhotoUpError.setAnchor(null);this.warningBalloons['warningBalloonPhotoUpError']=warningBalloonPhotoUpError;this.warningBalloons.push(warningBalloonPhotoUpError);var warningBalloonPhotoOverSized=new WarningPopUp({title:warningTitle,okay:'true',warning:'true',zIndex:60000,right:'true',fixed:'true',outsideClick:false});warningBalloonPhotoOverSized.setAnchor(null);this.warningBalloons['warningBalloonPhotoOverSized']=warningBalloonPhotoOverSized;this.warningBalloons.push(warningBalloonPhotoOverSized);if($(this.flexUploadDomId)){this.flexUploadDom=$(this.flexUploadDomId);} if(this.isSupported()){if($(this.flexUploadDomId)){this.flexComponent=$('wpdfileupload');this.flexUploadDom.insert({top:this.flexComponent});this.flexComponent.width=90;this.flexComponent.height=27;this.flexComponent.setStyle({float:'left'});try{this.flexComponent.show();}catch(e){} this.progressBar=new ProgressBarComp(200,15,"progressBarContainer");}}},getFlexUploadDom:function(){return this.flexUploadDom;},getEnvironmentVars:function(){this.environment=function(){return{url:Personalize.hosts.imagesProxy+'personalize/photo/',curPhotoCount:Personalize.activeStep.getUserPhotos().length,sessionId:TP.getCookie('PHPSESSID'),maxUserPhotos:Personalize.maxUserPhotos};}();return this.environment;},showOverSizePhotoWarning:function(){if(this.overSizedFileArray.length>0){var warningContent="Oops! Some of your photos are too big to upload. We'll have to skip them.

";warningContent+=this.overSizedFileArray.join("
");var anchor=$('progress-bar');var topOffset=0;this.warningBalloons.each(function(item){if(item.shown){topOffset+=parseFloat(item.domElement.getHeight());}});this.warningBalloons['warningBalloonPhotoOverSized'].setAnchor(anchor);this.warningBalloons['warningBalloonPhotoOverSized'].setMainContent(warningContent);this.warningBalloons['warningBalloonPhotoOverSized'].show(topOffset);this.overSizedFileArray.length=0;}},hideAllWarnings:function(){this.warningBalloons.invoke('hide');},showUploadFailedWarning:function(){if(this.totalFileCount==0||this.failedFileArray.length==0)return;if(this.uploadedCount+this.failedFileArray.length==this.totalFileCount){var anchor=$('progress-bar');var topOffset=0;this.warningBalloons.each(function(item){if(item.shown){topOffset+=parseFloat(item.domElement.getHeight());}});this.warningBalloons['warningBalloonPhotoUpError'].setAnchor(anchor);var warningContent="Oops! There was a problem uploading some of your photos. Please try uploading the following files again:

";warningContent+=this.failedFileArray.join("
");warningContent+="

And as always, feel free to contact our stationery specialists by phone, email or Live Chat if you have any questions.";this.warningBalloons['warningBalloonPhotoUpError'].setMainContent(warningContent);if(Personalize.getStepByName('Personalize').photoServices.hidden){Personalize.getStepByName('Personalize').photoServices.addToSuspendedWarnings(this.warningBalloons['warningBalloonPhotoUpError']);}else{this.warningBalloons['warningBalloonPhotoUpError'].show(topOffset);} this.failedFileArray.length=0;this.totalFileCount=0;Personalize.uploading=false;}},updateUploadStatus:function(responseData){switch(responseData.status){case'totalFiles':this.totalFileCount=parseFloat(responseData.message);break;case'complete':var photo=responseData.data.evalJSON();Personalize.activeStep.photoUploaderAddPhoto(photo);Personalize.activeStep.photoUploaderCheckAddToOpener(photo);Personalize.activeStep.addPhotoToTray(photo);this.uploadedCount+=1;this.progressBar.setUploadCount(this.uploadedCount);if(this.totalFileCount==this.uploadedCount){Personalize.uploading=false;if(this.responseDataMax){this.progressBar.setProgress(this.responseDataMax,this.responseDataMax);}else{this.progressBar.setDoneProgress();}} this.showUploadFailedWarning();break;case'updateprogress':Personalize.uploading=true;this.responseDataMax=responseData.max;this.progressBar.setProgress(responseData.min,responseData.max);this.showUploadFailedWarning();break;case'resetprogress':this.progressBar.reset();this.uploadedCount=0;this.hideAllWarnings();break;case'uploadcomplete':Personalize.uploading=false;this.showUploadFailedWarning();break;case'maxallowed':this.warningBalloons['warningBalloonMaxPhotos'].setTitle='
Warning
';this.warningBalloons['warningBalloonMaxPhotos'].setMainContent('Oops! You can only store '+Personalize.maxUserPhotos+' images in your account at a time. We\'ll add as many photos as we can if you click "Okay" below, but in order to add extra photos you\'ll need to delete some existing images first.');var anchor=$('progress-bar');this.warningBalloons['warningBalloonMaxPhotos'].setAnchor(anchor);this.warningBalloons['warningBalloonMaxPhotos'].show();this.showUploadFailedWarning();break;case'ioRetry':console.log(responseData.message);break;case'ioerror':this.failedFileArray.push(responseData.message.name);this.showUploadFailedWarning();break;case'oversize':this.overSizedFileArray.push(responseData.message);this.showOverSizePhotoWarning();this.showUploadFailedWarning();break;case'security':this.failedFileArray.push(responseData.message);this.showUploadFailedWarning();break;case'debug':console.log(responseData.message);this.showUploadFailedWarning();break;default:this.showUploadFailedWarning();break;}},isSupported:function(){return hasProductInstall&&hasRequestedVersion;},testFlex:function(){this.flexComponent.jsBrowseAndUpload();}});var ProgressBarComp=Class.create({label:null,width:100,height:25,containerDom:null,progressBar:null,label:null,uploadedLabel:null,barWidth:10,curDisplayBar:0,initialize:function(width,height,containerDomId){this.width=width;this.height=height;if($(containerDomId)){this.containerDom=$(containerDomId);this.render();}},render:function(){var progressBar=new Element('div',{'id':'progress-bar','class':'progress-bar',style:'width: '+this.width+'px; height:'+this.height+'px'});var label=new Element('div',{'class':'progress-bar-label'});var uploadedLabel=new Element('div',{'class':'progress-bar-uploadedLabel'});this.progressBar=progressBar;this.label=label;this.uploadedLabel=uploadedLabel;this.containerDom.insert(progressBar);this.containerDom.insert(label);this.containerDom.insert(uploadedLabel);},setUploadCount:function(uploadedCount){this.uploadedLabel.update(uploadedCount+" photo(s) uploaded");},setProgress:function(min,max){if(min>max){max=min;} var mb=1000000;var kb=1000;var totalNumBars=parseInt(this.width/this.barWidth);var ratio=parseFloat(min/max);var numberRequiredBar=parseInt(ratio*totalNumBars);for(var i=this.curDisplayBar;imb){this.label.update(this.format(min/mb)+"MB of "+this.format(max/mb)+"MB  -  "+percentage+"%");}else if(max>kb){this.label.update(this.format(min/kb)+"KB of "+this.format(max/kb)+"KB  -  "+percentage+"%");}else{this.label.update(min+"bytes of "+max+"bytes "+percentage+"%");} this.curDisplayBar++;}},setDoneProgress:function(){var totalNumBars=parseInt(this.width/this.barWidth);var numberRequiredBar=parseInt(totalNumBars);for(var i=this.curDisplayBar;i0){new Ajax.Request(url,{parameters:{personalization:JSON.stringify(personalization),rsvp:JSON.stringify(rsvp)},onSuccess:function(transport){Personalize.trigger("mongosaved");var savedPersonalization=transport.responseJSON;if(savedPersonalization){var p=Personalize.personalization;var sp=savedPersonalization;p.timestamp=sp.timestamp;p.primaryProxy.modified=sp.primaryProxy.modified;if(creatingNew){this.copySavedPersonalization(p,sp);} if(sp.mongoId){p.mongoId=sp.mongoId;}else{Personalize.readService=Personalize.SERVICE_MYSQL;Personalize.writeService=Personalize.SERVICE_MYSQL;} if(Personalize.hasDigitalService()){var urlCookieName=(Personalize.hasSnapshot())?'snapshotUrlId':'rsvpUrlId';TP.deleteCookie(urlCookieName,'/');Personalize.services.saveRsvpEvent(Personalize.personalization.templateCodeValues);}} if(typeof callback==='function'){callback();}}.bind(this),onFailure:function(){attempts=attempts-1;if(attempts>0){this.savePersonalizationAjaxCall(url,creatingNew,personalization,rsvp,callback,attempts);}}.bind(this),onException:function(transport,exception){}});}},copySavedPersonalization:function(p,sp){p.primaryProxy.created=sp.primaryProxy.created;p.id=sp.id;p.primaryProxy.id=sp.primaryProxy.id;for(var panelId in p.panels){var pPanel=p.panels[panelId];var spPanel=sp.panels[panelId];if(spPanel){pPanel.id=spPanel.id;for(var textboxId in pPanel.textboxes){var pTextbox=pPanel.textboxes[textboxId];var spTextbox=spPanel.textboxes[textboxId];if(spTextbox){pTextbox.id=spTextbox.id;pTextbox.panelId=spTextbox.panelId;}} for(var photoId in pPanel.photos){var pPhoto=pPanel.photos[photoId];var spPhoto=spPanel.photos[photoId];if(spPhoto){pPhoto.id=spPhoto.id;pPhoto.panelId=spPhoto.panelId;}} for(var overlayId in pPanel.overlays){var pOverlay=pPanel.overlays[overlayId];var spOverlay=spPanel.overlays[overlayId];if(spOverlay){pOverlay.id=spOverlay.id;pOverlay.panelId=spOverlay.panelId;}} for(var separatorId in pPanel.separators){var pSeparator=pPanel.separators[separatorId];var spSeparator=spPanel.separators[separatorId];if(spSeparator){pSeparator.id=spSeparator.id;pSeparator.panelId=spSeparator.panelId;}} for(var dropAreaId in pPanel.dropAreas){var pDropArea=pPanel.dropAreas[dropAreaId];var spDropArea=spPanel.dropAreas[dropAreaId];if(spDropArea){pDropArea.id=spDropArea.id;pDropArea.panelId=spDropArea.panelId;}} for(var layoutTextboxId in pPanel.layoutTextboxes){var pLayoutTextbox=pPanel.layoutTextboxes[layoutTextboxId];var spLayoutTextbox=spPanel.layoutTextboxes[layoutTextboxId];if(spLayoutTextbox){pLayoutTextbox.id=spLayoutTextbox.id;pLayoutTextbox.panelId=spLayoutTextbox.panelId;}} for(var layoutPhotosId in pPanel.layoutPhotos){var pLayoutPhoto=pPanel.layoutPhotos[layoutPhotosId];var spLayoutPhoto=spPanel.layoutPhotos[layoutPhotosId];if(spLayoutPhoto){pLayoutPhoto.id=spLayoutPhoto.id;pLayoutPhoto.panelId=spLayoutPhoto.panelId;}} for(var layoutOverlayId in pPanel.layoutOverlays){var pLayoutOverlay=pPanel.layoutOverlays[layoutOverlayId];var spLayoutOverlay=spPanel.layoutOverlays[layoutOverlayId];if(spLayoutOverlay){pLayoutOverlay.id=spLayoutOverlay.id;pLayoutOverlay.panelId=spLayoutOverlay.panelId;}} for(var layoutDropAreaId in pPanel.layoutDropAreas){var pLayoutDropArea=pPanel.layoutDropAreas[layoutDropAreaId];var spLayoutDropArea=spPanel.layoutDropAreas[layoutDropAreaId];if(spLayoutDropArea){pLayoutDropArea.id=spLayoutDropArea.id;pLayoutDropArea.panelId=spLayoutDropArea.panelId;}}}}},loadPersonalization:function(personalizationId,options){var requestUrl=(Personalize.isMongoId(personalizationId))?'/personalize/mongo/'+personalizationId:'/personalization/'+personalizationId;new Ajax.Request(requestUrl,{method:'get',onSuccess:function(transport){var savedPersonalization=transport.responseJSON;if(savedPersonalization){if(!Personalize.adminUserId){if(savedPersonalization.primaryProxy.orderId&&savedPersonalization.primaryProxy.orderStatusId!=1&&!Personalize.isRepersonalization()){window.location.href=Personalize.hosts.www+'product/'+Personalize.product.id+'/'+Personalize.product.name+'.html';return;}} if(savedPersonalization.mongoFailed){savedPersonalization.mongoId=null;Personalize.readService=Personalize.SERVICE_MYSQL;Personalize.writeService=Personalize.SERVICE_MYSQL;} try{Personalize.personalization.loadJSON(savedPersonalization);}catch(e){} Personalize.personalization.quantity=Personalize.quantity;if(Personalize.hasDigitalService()){Personalize.rsvp.url=Personalize.personalization.rsvp.url;Personalize.rsvp.optIn=Personalize.personalization.rsvp.optIn;Personalize.rsvp.contactInfo=Personalize.personalization.rsvp.contactInfo;Personalize.rsvp.eventId=Personalize.personalization.rsvp.eventId;} Personalize.product.color=Personalize.product.colors[Personalize.personalization.productColorId];for(var panelId in Personalize.personalization.panels){var panel=Personalize.personalization.panels[panelId];for(var layoutTextboxId in panel.layoutTextboxes){var layoutTextbox=panel.layoutTextboxes[layoutTextboxId];var myLayoutId=Personalize.personalization.panels[panelId].layoutId;if(myLayoutId){for(var groupId in Personalize.product.templates.groups){var group=Personalize.product.templates.groups[groupId];for(var templateId in group.templates){var template=group.templates[templateId];for(var layoutId in template.layouts){if(layoutId==myLayoutId){try{var layout=template.layouts[layoutId];var textboxes=layout.textboxes;var productLayoutTextbox=textboxes[layoutTextboxId];layoutTextbox.styleClassId=productLayoutTextbox.styleClassId;}catch(e){}}}}}}} var productPanel=Personalize.product.panels[panelId];for(var textboxId in panel.textboxes){var textbox=panel.textboxes[textboxId];var productTextbox=productPanel.textboxes[textboxId];textbox.styleClassId=this.createStyleClass(panel.panelId,productTextbox.fonts,productTextbox.fontColors,productTextbox.fontSizes);} for(var overlayIndex in productPanel.overlays){var productOverlay=productPanel.overlays[overlayIndex];if(typeof panel.overlays[overlayIndex]=="undefined"){var overlay=new Overlay();overlay.overlayId=productOverlay.id;overlay.x=productOverlay.x;overlay.y=productOverlay.y;overlay.width=productOverlay.width;overlay.height=productOverlay.height;overlay.z=productOverlay.z;overlay.switchedOn=0;overlay.imageId=productOverlay.color.imageId;panel.overlays[overlayIndex]=overlay;} panel.overlays[overlayIndex].editable=productOverlay.editable;}}} if(options){if(typeof options.onSuccess==='function'){options.onSuccess();} if(typeof options.onComplete==='function'){options.onComplete();}}}.bind(this),onFailure:function(){if(options){if(typeof options.onFailure==='function'){options.onFailure();} if(typeof options.onComplete==='function'){options.onComplete();}}},onException:function(transport,exception){if(options){if(typeof options.onFailure==='function'){options.onFailure();} if(typeof options.onComplete==='function'){options.onComplete();}}}});},createPersonalization:function(){var product=Personalize.product;var p13n=new Personalization();for(var colorId in product.colors){if(product.colors[colorId].number==product.productColorNumber){Personalize.product.color=TP.copy(product.colors[colorId]);}} p13n.productId=product.id;p13n.productColorId=product.color.id;p13n.quantity=Personalize.quantity;p13n.priceAtQuantity=Personalize.priceAtQuantity;p13n.returnAddressFront=Personalize.product.returnAddressFront;p13n.paperId=product.paperId;var requestVars=this.getUrlVars();function secretCMYKDecoderAKAEnigmaMachine(val){val-=42;val=(val<0)?101+val:val;return val;} if(typeof requestVars['c']!=='undefined')p13n.colorCyan=secretCMYKDecoderAKAEnigmaMachine(requestVars['c']);if(typeof requestVars['m']!=='undefined')p13n.colorMagenta=secretCMYKDecoderAKAEnigmaMachine(requestVars['m']);if(typeof requestVars['y']!=='undefined')p13n.colorYellow=secretCMYKDecoderAKAEnigmaMachine(requestVars['y']);if(typeof requestVars['k']!=='undefined')p13n.colorBlack=secretCMYKDecoderAKAEnigmaMachine(requestVars['k']);p13n.panels={};for(var productPanelId in product.panels){var productPanel=product.panels[productPanelId];for(var productColorId in productPanel.colors){if(productColorId==product.color.id){productPanel.color=TP.copy(productPanel.colors[productColorId]);}} var panel=new Panel();panel.panelId=productPanel.id;panel.textboxes={};for(var textboxIndex in productPanel.textboxes){var productTextbox=productPanel.textboxes[textboxIndex];var textbox=new Textbox();textbox.textboxId=productTextbox.id;textbox.typeId=productTextbox.typeId;textbox.name=productTextbox.name;textbox.content=productTextbox.content;textbox.x=productTextbox.x;textbox.y=productTextbox.y;textbox.width=productTextbox.width;textbox.height=productTextbox.height;textbox.controlX=productTextbox.controlX;textbox.controlY=productTextbox.controlY;textbox.controlWidth=productTextbox.controlWidth;textbox.controlHeight=productTextbox.controlHeight;textbox.z=productTextbox.z;textbox.leading=productTextbox.leading;textbox.tracking=productTextbox.tracking;textbox.stroke=productTextbox.stroke;textbox.horizontalAlignmentId=productTextbox.horizontalAlignmentId;textbox.verticalAlignmentId=productTextbox.verticalAlignmentId;textbox.angle=productTextbox.angle;textbox.backgroundColorId=productTextbox.backgroundColorId;textbox.frameColorId=productTextbox.frameColorId;textbox.frameWidth=productTextbox.frameWidth;textbox.editable=productTextbox.editable;textbox.styleClassId=this.createStyleClass(panel.panelId,productTextbox.fonts,productTextbox.fontColors,productTextbox.fontSizes);var firstFontId=null;for(var i in productTextbox.fonts){var font=productTextbox.fonts[i];if(!firstFontId){firstFontId=font.fontId;} if(parseFloat(font['default'])===1){textbox.fontId=font.fontId;}} if(!textbox.fontId&&firstFontId){textbox.fontId=firstFontId;} var firstFontSize=null;for(var i in productTextbox.fontSizes){var fontSize=productTextbox.fontSizes[i];if(!firstFontSize){firstFontSize=fontSize.fontSize;} if(parseFloat(fontSize['default'])===1){textbox.fontSize=fontSize.fontSize;}} if(!textbox.fontSize&&firstFontSize){textbox.fontSize=firstFontSize;} var firstFontColorId=null;for(var i in productTextbox.fontColors[product.color.id]){var fontColor=productTextbox.fontColors[product.color.id][i];if(!firstFontColorId){firstFontColorId=fontColor.fontColorId;} if(parseFloat(fontColor['default'])===1){textbox.fontColorId=fontColor.fontColorId;}} if(!textbox.fontColorId&&firstFontColorId){textbox.fontColorId=firstFontColorId;} panel.textboxes[textboxIndex]=textbox;} panel.photos={};for(var photoIndex in productPanel.photos){var productPhoto=productPanel.photos[photoIndex];var photo=new Photo();photo.photoId=productPhoto.id;photo.x=productPhoto.x;photo.y=productPhoto.y;photo.width=productPhoto.width;photo.height=productPhoto.height;photo.z=productPhoto.z;photo.minimumWidth=productPhoto.minimumWidth;photo.minimumHeight=productPhoto.minimumHeight;photo.recommendedWidth=productPhoto.recommendedWidth;photo.recommendedHeight=productPhoto.recommendedHeight;photo.frameWidth=productPhoto.frameWidth;photo.frameStyle=productPhoto.frameStyle;photo.frameColorId=(typeof productPhoto.colors[product.color.id]!="undefined")?productPhoto.colors[product.color.id].frameColorId:null;photo.overlayImageId=(typeof productPhoto.colors[product.color.id]!="undefined")?productPhoto.colors[product.color.id].overlayImageId:null;photo.logo=productPhoto.logo;panel.photos[photoIndex]=photo;} panel.overlays={};for(var overlayIndex in productPanel.overlays){var productOverlay=productPanel.overlays[overlayIndex];var overlay=new Overlay();overlay.overlayId=productOverlay.id;overlay.x=productOverlay.x;overlay.y=productOverlay.y;overlay.width=productOverlay.width;overlay.height=productOverlay.height;overlay.z=productOverlay.z;overlay.editable=productOverlay.editable;overlay.switchedOn=(parseFloat(productPanel.colors[product.color.id].renderWithBorder))?1:0;overlay.imageId=(typeof productOverlay.colors[product.color.id]!="undefined")?productOverlay.colors[product.color.id].imageId:null;panel.overlays[overlayIndex]=overlay;} panel.separators={};for(var separatorIndex in productPanel.separators){var productSeparator=productPanel.separators[separatorIndex];var separator=new Separator();separator.separatorId=productSeparator.id;separator.x=productSeparator.x;separator.y=productSeparator.y;separator.width=productSeparator.width;separator.height=productSeparator.height;panel.separators[separatorIndex]=separator;} panel.dropAreas={};for(var dropAreaIndex in productPanel.dropAreas){var productDropArea=productPanel.dropAreas[dropAreaIndex];var dropArea=new DropArea();dropArea.dropAreaId=productDropArea.id;dropArea.x=productDropArea.x;dropArea.y=productDropArea.y;dropArea.width=productDropArea.width;dropArea.height=productDropArea.height;panel.dropAreas[dropAreaIndex]=dropArea;} panel.designAreas={};for(var designAreaIndex in productPanel.designAreas){var productDesignArea=productPanel.designArea[designAreaIndex];var designArea=new DesignArea();designArea.designAreaId=productDesignArea.id;designArea.x=productDesignArea.x;designArea.y=productDesignArea.y;designArea.width=productDesignArea.width;designArea.height=productDesignArea.height;designArea.alignmentId=productDesignArea.alignmentId;designArea.horizontalDistributionId=productDesignArea.horizontalDistributionId;designArea.verticalDistributionId=productDesignArea.verticalDistributionId;panel.designAreas[designAreaIndex]=designArea;} panel.doodles={};p13n.panels[productPanelId]=panel;} if(Personalize.hasDigitalService()){p13n.rsvp=new Rsvp();p13n.rsvp.urlId=Personalize.rsvp.url.id;p13n.rsvp.optIn=Personalize.rsvp.optIn;p13n.rsvp.contactInfo=Personalize.rsvp.contactInfo;} p13n.sample=Personalize.sample;p13n.photographerId=Personalize.photographerId;return p13n;},addLayoutOverlay:function(panel,overlayIndex,productOverlay){var overlay=new Overlay();overlay.overlayId=productOverlay.id;overlay.x=productOverlay.x;overlay.y=productOverlay.y;overlay.width=productOverlay.width;overlay.height=productOverlay.height;overlay.z=productOverlay.z;overlay.editable=productOverlay.editable;overlay.switchedOn=0;overlay.imageId=productOverlay.imageId;panel.layoutOverlays[overlayIndex]=overlay;},addGiftCardLayoutTextbox:function(panel,layoutTextbox){var textbox=new Textbox();textbox.textboxId=layoutTextbox.id;textbox.typeId=layoutTextbox.typeId;textbox.name=layoutTextbox.name;textbox.content=layoutTextbox.content;textbox.x=layoutTextbox.x;textbox.y=layoutTextbox.y;textbox.width=layoutTextbox.width;textbox.height=layoutTextbox.height;textbox.controlX=layoutTextbox.controlX;textbox.controlY=layoutTextbox.controlY;textbox.controlWidth=layoutTextbox.controlWidth;textbox.controlHeight=layoutTextbox.controlHeight;textbox.z=layoutTextbox.z;textbox.leading=layoutTextbox.leading;textbox.tracking=layoutTextbox.tracking;textbox.stroke=layoutTextbox.stroke;textbox.horizontalAlignmentId=layoutTextbox.horizontalAlignmentId;textbox.verticalAlignmentId=layoutTextbox.verticalAlignmentId;textbox.angle=layoutTextbox.angle;textbox.styleClassId=layoutTextbox.styleClassId;textbox.defaultCasingId=layoutTextbox.defaultCasingId;textbox.backgroundColorId=layoutTextbox.backgroundColorId;textbox.frameColorId=layoutTextbox.frameColorId;textbox.frameWidth=layoutTextbox.frameWidth;var layouts=(Personalize.product.panels[panel.panelId]).layouts;for(var layoutId in layouts){if(layouts[layoutId].layout.layoutTypeId=='3'){var productLayoutTextbox=layouts[layoutId].textboxes[textbox.textboxId];for(var styleId in layouts[layoutId].style){var style=layouts[layoutId].style[styleId];tempArray=new Array();tempArray=productLayoutTextbox.name.split('_');var styleName=layouts[layoutId].layout.name+'_'+tempArray.pop();if(style.name.strip()==styleName.strip()){for(var font in style.font) {if(style.font[font]['default']==1){textbox.fontId=style.font[font].fontId;}} for(var fontColor in style.fontColors) {if(style.fontColors[fontColor]['default']==1){textbox.fontColorId=style.fontColors[fontColor].fontColorId;}} for(var fontSize in style.fontSizes) {if(style.fontSizes[fontSize]['default']==1){textbox.fontSize=style.fontSizes[fontSize].fontSize;}}}}}} if(typeof panel.layoutTextboxes==='undefined')panel.layoutTextboxes=new Object();panel.layoutTextboxes[textbox.textboxId]=textbox;},addLayoutTextbox:function(panel,layoutTextbox){var textbox=new Textbox();textbox.textboxId=layoutTextbox.id;textbox.typeId=layoutTextbox.typeId;textbox.name=layoutTextbox.name;textbox.content=layoutTextbox.content;textbox.x=layoutTextbox.x;textbox.y=layoutTextbox.y;textbox.width=layoutTextbox.width;textbox.height=layoutTextbox.height;textbox.controlX=layoutTextbox.controlX;textbox.controlY=layoutTextbox.controlY;textbox.controlWidth=layoutTextbox.controlWidth;textbox.controlHeight=layoutTextbox.controlHeight;textbox.z=layoutTextbox.z;textbox.leading=layoutTextbox.leading;textbox.tracking=layoutTextbox.tracking;textbox.stroke=layoutTextbox.stroke;textbox.horizontalAlignmentId=layoutTextbox.horizontalAlignmentId;textbox.verticalAlignmentId=layoutTextbox.verticalAlignmentId;textbox.angle=layoutTextbox.angle;textbox.styleClassId=layoutTextbox.styleClassId;textbox.defaultCasingId=layoutTextbox.defaultCasingId;textbox.backgroundColorId=layoutTextbox.backgroundColorId;textbox.frameColorId=layoutTextbox.frameColorId;textbox.frameWidth=layoutTextbox.frameWidth;var firstFontId=null;for(var i in layoutTextbox.fonts){var font=layoutTextbox.fonts[i];if(!firstFontId){firstFontId=font.fontId;} if(parseFloat(font['default'])===1){textbox.fontId=font.fontId;}} if(!textbox.fontId&&firstFontId){textbox.fontId=firstFontId;} var firstFontSize=null;for(var i in layoutTextbox.fontSizes){var fontSize=layoutTextbox.fontSizes[i];if(!firstFontSize){firstFontSize=fontSize.fontSize;} if(parseFloat(fontSize['default'])===1){textbox.fontSize=fontSize.fontSize;}} if(!textbox.fontSize&&firstFontSize){textbox.fontSize=firstFontSize;} if(typeof layoutTextbox.fontColors!="undefined"){var productColorId=Personalize.personalization.productColorId;var firstFontColorId=null;for(var i in layoutTextbox.fontColors[productColorId]){var fontColor=layoutTextbox.fontColors[productColorId][i];if(!firstFontColorId){firstFontColorId=fontColor.fontColorId;} if(parseFloat(fontColor['default'])===1){textbox.fontColorId=fontColor.fontColorId;}}} if(!textbox.fontColorId&&firstFontColorId){textbox.fontColorId=firstFontColorId;} if(typeof panel.layoutTextboxes==='undefined')panel.layoutTextboxes=new Object();panel.layoutTextboxes[textbox.textboxId]=textbox;},createStyleClass:function(panelId,fontStyles,fontColors,fontSizes){var maxId=0;for(styleClassId in Personalize.product.styleClasses){if(parseInt(styleClassId)>parseInt(maxId)){maxId=styleClassId;}} maxId++;Personalize.product.styleClasses[maxId]=new Object();Personalize.product.styleClasses[maxId].panelId=panelId;Personalize.product.styleClasses[maxId].style=new Object;Personalize.product.styleClasses[maxId].style.fonts=fontStyles;Personalize.product.styleClasses[maxId].style.fontColors=new Object();Personalize.product.styleClasses[maxId].style.fontColors=fontColors;Personalize.product.styleClasses[maxId].style.fontSizes=fontSizes;Personalize.product.styleClasses[maxId].styleId=null;Personalize.product.styleClasses[maxId].styleClassId=maxId;return maxId;},addDynamicTextbox:function(){var textbox=new Textbox();textbox.z=600;textbox.width=360;textbox.height=40;textbox.fontId=23;textbox.fontColorId=12;textbox.fontSize=10;textbox.horizontalAlignmentId=2;textbox.verticalAlignmentId=3;textbox.defaultCasingId=2;textbox.typeId=7;return textbox;},addDynamicPhotographerTextbox:function(){var textbox=new Textbox();textbox.z=600;textbox.width=40;textbox.height=360;textbox.fontId=23;textbox.fontColorId=12;textbox.fontSize=10;textbox.horizontalAlignmentId=2;textbox.verticalAlignmentId=3;textbox.defaultCasingId=2;textbox.angle=90;textbox.typeId=8;return textbox;},getTextboxUrl:function(textbox){var textboxImageUrl=Personalize.hosts.text+'personalize/textbox';for(var key in textbox){textboxImageUrl+='/'+key+'/'+parameters[key];} textboxImageUrl+='.png';return textboxImageUrl;},getPhotoUrl:function(photo){},personalizeVarFormat:function(variable,data){},populateTextFromTemplate:function(callback){var productTextboxContents={};for(var panelIndex in Personalize.personalization.panels){var panel=Personalize.personalization.panels[panelIndex];var productPanel=Personalize.product.panels[panel.panelId];for(var textboxIndex in panel.textboxes){var textbox=panel.textboxes[textboxIndex];var productTextbox=productPanel.textboxes[textbox.textboxId];try{productTextboxContents[textbox.textboxId]=productTextbox.content;}catch(e){productTextboxContents[textbox.textboxId]='';}} for(var textboxIndex in panel.layoutTextboxes){var textbox=panel.layoutTextboxes[textboxIndex];try{var productTextbox=productPanel.templateLayouts[Personalize.steps[1].getSelectedVerse()].textboxes[textbox.textboxId];productTextboxContents[textbox.textboxId]=productTextbox.content;}catch(e){productTextboxContents[textbox.textboxId]='';}}} var templateConditionalCodes={};var p13nStep=this.getP13nStep();var templateConditionals=p13nStep.getTemplateConditionals();var templateVariables=p13nStep.getTemplateVariables();var templateCodeValues=p13nStep.getTemplateCodeValues();for(var templateConditionalId in templateConditionals){var templateConditional=templateConditionals[templateConditionalId];var templateConditionalVariable=templateVariables[templateConditional.variableId];var templateConditionalValue=null;for(templateConditionalValueId in templateConditional.values){templateConditionalValue=templateConditional.values[templateConditionalValueId];break;} if(templateConditionalValue){var comparisonValue=(templateConditionalValue.comparison=='BLANK'||templateConditionalValue.comparison=='0'||templateConditionalValue.comparison=='')?'':templateConditionalValue.comparison;var templateCodeValue=templateCodeValues[templateConditionalVariable.code]||null;var notEqual=(parseFloat(templateConditionalValue.notEqual)===1)?true:false;var templateCodeValueString='';switch(parseFloat(templateCodeValue.type)){case Personalize.VARIABLE_TYPE_TEXT:case Personalize.VARIABLE_TYPE_TEXTBOX:templateCodeValueString=templateCodeValue.text||'';break;case Personalize.VARIABLE_TYPE_NAME:templateCodeValueString=templateCodeValue.name||'';break;case Personalize.VARIABLE_TYPE_AGE:templateCodeValueString=templateCodeValue.age||'';break;case Personalize.VARIABLE_TYPE_DATE:templateCodeValueString=(templateCodeValue.year||'')+(templateCodeValue.month||'')+(templateCodeValue.date||'');break;case Personalize.VARIABLE_TYPE_TIME:templateCodeValueString=(templateCodeValue.hour||'')+(templateCodeValue.minute||'')+(templateCodeValue.second||'');break;case Personalize.VARIABLE_TYPE_WEIGHT:templateCodeValueString=(templateCodeValue.weightMajor||'')+(templateCodeValue.weightMajorUnit||'')+(templateCodeValue.weightMinor||'')+(templateCodeValue.weightMinorUnit||'');break;case Personalize.VARIABLE_TYPE_LENGTH:templateCodeValueString=(templateCodeValue.length||'')+(templateCodeValue.unit||'');break;} if((!notEqual&&comparisonValue==templateCodeValueString)||((notEqual&&comparisonValue!=templateCodeValueString))){templateConditionalCodes[templateConditional.code]=templateConditionalValue.value;}else{templateConditionalCodes[templateConditional.code]='';}}} for(productTextboxId in productTextboxContents){var productTextboxContent=productTextboxContents[productTextboxId];for(var templateConditionalCode in templateConditionalCodes){var templateConditionalCodeValue=templateConditionalCodes[templateConditionalCode];productTextboxContents[productTextboxId]=productTextboxContents[productTextboxId].replace(templateConditionalCode,templateConditionalCodeValue);} for(var templateConditionalCode in templateConditionalCodes){var templateConditionalCodeValue=templateConditionalCodes[templateConditionalCode];productTextboxContents[productTextboxId]=productTextboxContents[productTextboxId].replace(templateConditionalCode,templateConditionalCodeValue);}} var formatRequestsData=[];var formatRequests=[];var templateVariablesRegex=/_([^_]+)_(?:\{([^}]+)\})?/g;var templateVariableRegex=/_([^_]+)_(?:\{([^}]+)\})?/;for(var panelIndex in Personalize.personalization.panels){var panel=Personalize.personalization.panels[panelIndex];var productPanel=Personalize.product.panels[panel.panelId];for(var textboxIndex in panel.textboxes){var textbox=panel.textboxes[textboxIndex];var productTextbox=productPanel.textboxes[textbox.textboxId];var productTextboxContent=productTextboxContents[textbox.textboxId];var templateVariableMatches=productTextboxContent.match(templateVariablesRegex);if(templateVariableMatches){for(var i=0;imaxCookieSize){sessionPersonalizations.shift();sessionPersonalizationsJsonString=encodeURIComponent(JSON.stringify(sessionPersonalizations));}} Personalize.setLocalVariable('sessionPersonalizations',sessionPersonalizationsJsonString);},loadSessionPersonalization:function(){if(Personalize.isResetCookie())return;var sessionPersonalizations=Personalize.getLocalVariable('sessionPersonalizations');if(sessionPersonalizations){var parsedSessionPersonalizations=JSON.parse(JSON.parse(decodeURIComponent(sessionPersonalizations)));for(var i=(parsedSessionPersonalizations.length-1);i>=0;i--){var parsedSessionPersonalization=parsedSessionPersonalizations[i];if(parsedSessionPersonalization.productId==Personalize.personalization.productId&&parsedSessionPersonalization.productColorId==Personalize.personalization.productColorId&&typeof parsedSessionPersonalization.panels!=='undefined'&&parsedSessionPersonalization.sessionId==TP.getCookie('PHPSESSID')){for(var panelId in parsedSessionPersonalization.panels){var panel=parsedSessionPersonalization.panels[panelId];if(typeof Personalize.personalization.panels[panelId]!=='undefined'){if(typeof panel.textboxes!=='undefined'){for(var textboxId in panel.textboxes){if(typeof Personalize.personalization.panels[panelId].textboxes[textboxId]!=='undefined'){TP.extendObject(Personalize.personalization.panels[panelId].textboxes[textboxId],panel.textboxes[textboxId]);}}} if(typeof panel.photos!=='undefined'){for(var photoId in panel.photos){if(typeof Personalize.personalization.panels[panelId].photos[photoId]!=='undefined'){TP.extendObject(Personalize.personalization.panels[panelId].photos[photoId],panel.photos[photoId]);}}}}}}}}},getUrlVars:function(){var vars=[],hash;var variables=window.location.href.slice(window.location.href.indexOf('?')+1);if(window.location.href.indexOf('#')>0)variables=variables.slice(0,window.location.href.indexOf('#'));var hashes=variables.split('&');for(var i=0;i0)?'0000-00-00':rsvpEvent[eventName];break;}}else if(templateCode=='_HOST_'){var host=templateCodeValues[templateCode].name.split(' ');rsvpEvent.hostFirstName=host[0];rsvpEvent.hostLastName='';for(var i=1;iparseFloat(b.y)){return 1;}else if(parseFloat(a.x)parseFloat(b.x)){return 1;} return 0;});var result='';var text='';for(var i=0;i
';} result=result.replace(/\n/g,'
');return result;},createVerseList:function(){if(!this.selectedGroup||!this.selectedTemplate){$(this.verseSelectBoxId).hide();return;} $(this.verseSelectBoxId).show();var group=Personalize.product.templates.groups[this.selectedGroup];var template=group.templates[this.selectedTemplate];var globalVerseContainer=new Element('div');var layoutCount=0;var tabOrder=200;for(var templateLayoutId in template.layouts){var layout=this.layoutPanel.templateLayouts[templateLayoutId];if(typeof layout!=='undefined'){var elementId='radio_layoutId_'+templateLayoutId;var container=new Element('div',{id:'verse_container_layoutId_'+templateLayoutId});var titleContainer=new Element('div');if(++layoutCount>this.minVerseShown){container.hide();} var radioBtnContainer=new Element('div',{style:'float: right; line-height: 22px'});var radioBtnLabel=new Element('label',{'for':elementId}).update('select this option');radioBtnContainer.insert(radioBtnLabel);var radioBtn=new Element('input',{tabindex:tabOrder++,type:'radio',id:elementId,'class':'radio-layout',value:templateLayoutId,name:'layoutGroup',style:'line-height: 22px'});radioBtn.stepHandle=this;radioBtnContainer.insert(radioBtn);titleContainer.insert(radioBtnContainer);var title=new Element('div').insert(new Element('div',{style:'float: left;margin-right: 5px;'}).update(layout.layout.displayName));var helpIcon=new Element('div',{'class':'sprite-icon-help',id:'help_'+layout.layout.displayName,'style':'display: inline-block;'});title.insert(helpIcon);var description=new Element('div').update(layout.layout.description);container.layoutId=templateLayoutId;container.stepHandle=this;container.radio=radioBtn;var displayText=this.createVersePreview(layout.textboxes,this.layoutPanel.textboxes);var text=new Element('div').update(displayText);titleContainer.insert(title);titleContainer.insert(description);container.insert(titleContainer);container.insert(new Element('div',{style:'clear:both'}));container.insert(text);container.addClassName('verseContainer');title.addClassName("verseTitle");description.addClassName("verseDescription");titleContainer.addClassName('verseTitleContainer');text.addClassName('verseText');Event.observe(helpIcon,'click',this.popupHelp.bindAsEventListener(this,layout.layout.displayName));Event.observe(container,'mouseover',function(ev){this.addClassName('verseContainerOver');this.removeClassName('verseContainer');});Event.observe(container,'mouseout',function(ev){this.removeClassName('verseContainerOver');this.addClassName('verseContainer');});Event.observe(container,'click',function(ev,el){this.setSelectedVerse(el.layoutId);el.radio.checked=true;this.enableNextButtons();}.bindAsEventListener(this,container));globalVerseContainer.insert(container);}} if(layoutCount>this.minVerseShown){globalVerseContainer.insert(new Element('div',{style:'height: 1px; width: 100%; background-color: #e9e9e9;'}));var moreOption=new Element('a',{href:'#','class':'more-link'}).update('> more options');moreOption.clickHandle=this;Event.observe(moreOption,'click',function(ev){this.clickHandle.showMoreOptions()});globalVerseContainer.insert(new Element('div',{id:'moreOption',style:'text-align: right; width: 97%;'}).update(moreOption));} if($(this.verseSelectElementId).firstDescendant()){new Effect.Fade($(this.verseSelectElementId).firstDescendant(),{duration:0.3,from:1,to:0,afterFinish:function(el){el.element.remove();globalVerseContainer.setOpacity(0);$(this.verseSelectElementId).insert({bottom:globalVerseContainer});new Effect.Fade(globalVerseContainer,{duration:0.3,from:0,to:1});}.bind(this)});}else{globalVerseContainer.setOpacity(0);$(this.verseSelectElementId).insert(globalVerseContainer);new Effect.Fade(globalVerseContainer,{duration:0.3,from:0,to:1});}},showMoreOptions:function(){var group=Personalize.product.templates.groups[this.selectedGroup];var template=group.templates[this.selectedTemplate];var layoutCount=0;for(var templateLayoutId in template.layouts){var layout=this.layoutPanel.templateLayouts[templateLayoutId];if(++layoutCount>this.minVerseShown){if(typeof layout!=='undefined'){new Effect.Parallel([new Effect.SlideDown($('verse_container_layoutId_'+templateLayoutId),{duration:0.3}),new Effect.Opacity($('verse_container_layoutId_'+templateLayoutId),{sync:true,from:0,to:1})],{duration:0.3});}}} $('moreOption').hide();$('moreOption').previousSiblings()[0].hide();},createTemplateSelection:function(){this.layoutPanel=Personalize.product.panels[this.findFirstTemplateLayoutPanel()];var templateTree=this.templateTree;for(var groupId in Personalize.product.templates.groups){var group=Personalize.product.templates.groups[groupId];for(var templateId in group.templates){var groupTemplate=group.templates[templateId];for(var layoutId in this.layoutPanel.templateLayouts){if(typeof groupTemplate.layouts[layoutId]!=='undefined'){if(typeof templateTree[groupId]==='undefined'){templateTree[groupId]={};} if(typeof templateTree[groupId][templateId]==='undefined'){templateTree[groupId][templateId]={};} if(typeof templateTree[groupId][templateId]==='undefined'){templateTree[groupId][templateId][layoutId]=1;}else{templateTree[groupId][templateId][layoutId]+=1;}}}}} var orderedGroups=[];var tabOrder=100;var defaultTemplateGroupSet=false for(var i in templateTree){var treeGroup=templateTree[i];var group=Personalize.product.templates.groups[i];if(group.templates){var elementId=this.templateSelectElementId+"_group_"+group.id+"_radio";var templateContainerId=this.templateSelectElementId+"_group_"+group.id+"_radio_container";var groupRadio=new Element('input',{type:'radio',id:elementId,value:group.id,name:'templateGroup',style:'display: none'});var radioLabel=new Element('span',{'for':elementId,value:group.id,style:'color: #3992b4; font-weight: bold; cursor: pointer',tabindex:tabOrder++}).update(group.name);groupRadio.templateContainer=new Element('div',{id:templateContainerId,'class':'templateContainer',style:'display:none'});this.groupTemplateContainers[group.id]=groupRadio.templateContainer;groupRadio.templateContainerContainer=new Element('div');groupRadio.templateContainer.insert(groupRadio.templateContainerContainer);var indicator=new Element('div',{id:elementId+'_indicator','class':'sprite-icon-arrow-right clickable',style:'margin-left: 25px; margin-right: 4px; float: left'});$(this.templateSelectElementId).insert(indicator);$(this.templateSelectElementId).insert(groupRadio);$(this.templateSelectElementId).insert(radioLabel);$(this.templateSelectElementId).insert(new Element('div',{style:'clear:both'}));$(this.templateSelectElementId).insert(groupRadio.templateContainer);for(var i in treeGroup){template=group.templates[i];templateElementId=this.templateSelectElementId+"_group_"+group.id+"_template_"+template.id+"_radio";var templateRadio=new Element('input',{tabindex:tabOrder++,type:'radio',id:templateElementId,value:template.id,name:'group_'+group.id+'_template',style:'margin-left: 40px;'});var templateLabel=new Element('label',{'for':templateElementId}).update(template.name);groupRadio.templateContainerContainer.insert(templateRadio);groupRadio.templateContainerContainer.insert(templateLabel);groupRadio.templateContainerContainer.insert(new Element('div',{style:'clear:both'})) templateRadio.observe('click',this.templateChange.bindAsEventListener(this,templateRadio));} indicator.observe('click',this.templateGroupChange.bindAsEventListener(this,groupRadio));radioLabel.observe('click',this.templateGroupChange.bindAsEventListener(this,groupRadio));if(!defaultTemplateGroupSet&&(group['default']==1)){defaultTemplateGroupSet=true;this.setDefaultTemplateGroup(groupRadio);}}}},templateGroupChange:function(event,clickedRadio){if(this.openContainer){if(this.openContainer==clickedRadio.templateContainer)return;new Effect.Parallel([new Effect.SlideUp(this.openContainer,{duration:0.3}),new Effect.Opacity(this.openContainer,{sync:true,from:1,to:0})],{duration:0.3});} this.chosenGroup=this.selectedGroup;this.selectedGroup=clickedRadio.value;this.setTemplateGroup(this.selectedGroup);},setGroupSelectionIndicator:function(){var indicatorId=this.templateSelectElementId+"_group_"+this.getTemplateGroup()+"_radio"+"_indicator";var indicatorArr=$(this.templateSelectElementId).getElementsByClassName('sprite-icon-arrow-down');for(var i=0;iYou\'ll be able to edit your card later in the process.

First, select your hosting scenario and style on the right so we can help you choose the appropriate wording.

Then you can enter your information and edit the card as needed.

');this.balloon=new TPBalloon({width:300,height:130,fadeTime:0.5,contentClass:'toolTipContent',anchor:'templateSelectBox',content:this.balloonContent,stemPosition:'rightMiddle',imageBase:Personalize.hosts['static']+'/image/balloon/'});} this.balloon.show();$('rightColumn').observe('click',this.balloonCloseHandler);},hidePopupBalloon:function(ev){$('rightColumn').stopObserving('click',this.balloonCloseHandler);this.balloon.hide();},disableNextButtons:function(){if(this.selectedVerse){return;} var nextButtons=$$('div.sprite-btn-next');nextButtons.each(function(button){button.removeClassName('sprite-btn-next');button.addClassName('sprite-btn-next-disabled');});},enableNextButtons:function(){var nextButtons=$$('div.sprite-btn-next-disabled');nextButtons.each(function(button){button.removeClassName('sprite-btn-next-disabled');button.addClassName('sprite-btn-next');});}});var personalizeEnterInfo=new Step('enterInfo','Enter Info');TP.extendObject(personalizeEnterInfo,{selectedGroupId:null,selectedTemplateId:null,selectedVerseId:null,groupList:null,wizard:null,wizardStepTabsDomId:'enterInfo_enterInfo',activeWizardStepId:null,templateVariables:null,templateConditionals:null,templateCodeValues:{},tabOrder:1100,init:function(){this.name='personalizeEnterInfo';this.description='Enter the details you would like included on your invitations. You can go back to change hosts or style anytime.';this.available=true;this.avatarWizardId=this.element.id+"_avatarWizardContainer";this.templateSelectElementId=this.element.id+"_templateAccess";this.verseSelectElementId=this.element.id+"_verseAccess";this.enterInfoElementId=this.element.id+"_enterInfo";this.sampleImageElementId="enterInfo_sampleImageContainer";this.zoomBtn=$('enterInfoStep_zoomBtn');if(this.zoomBtn){this.zoomBtn.observe('click',this.showZoom.bind(this));$('enterInfoStep_zoomBtn_sprite').observe('click',this.showZoom.bind(this));} this.requiredVariables=[];this.verseStep=Personalize.getStepByName('personalizeVerseSelect');if(!this.verseStep){this.description='Enter the details you would like included on your invitations.';} this.recentViewsContainer=$("enterInfoStep_seeMore");if(this.recentViewsContainer){this.recentViewsContainer.observe('click',this.showRecentViews.bind(this));} Personalize.calendars={};this.loadCookieTemplateCodeValues();},activate:function(){if(this.verseStep){if(!this.verseStep.getSelectedVerse()){Personalize.back();return;}} $(this.element.id).show();this.selectedGroupId=this.getTemplateGroupSelection();this.selectedTemplateId=this.getTemplateSelection();if(typeof Personalize.product.template==='undefined'){if(this.selectedGroupId&&this.selectedTemplateId){var template=Personalize.product.templates.groups[this.selectedGroupId].templates[this.selectedTemplateId] if(template.templateConditionals&&template.templateVariables){this.templateConditionals=template.templateConditionals;this.templateVariables=template.templateVariables;}}}else{this.templateConditionals=Personalize.product.template.templateConditionals;this.templateVariables=Personalize.product.template.templateVariables;} this.showEnterInfoBox();this.renderCurrentSelections();if(this.verseStep&&this.isTemplateLayoutOnFirstPanel()){$(this.sampleImageElementId).update(new Element('img',{src:Personalize.hosts.images+'image/product/'+this.getSampleImageId()+'/width/450/height/450/shadow/1.jpg'}));}else{$(this.sampleImageElementId).update(new Element('img',{src:Personalize.hosts.images+'product/'+Personalize.product.id+'/panel/1/color/'+Personalize.product.color.number+'/width/450/height/450.jpg'}));} $('saveButton').hide();if(!this.templateVariables){$('wpdBoxHeader').hide();$(this.enterInfoElementId).hide();$('enterInfoBox').setStyle({borderWidth:'0px'});}else{$('wpdBoxHeader').show();$(this.enterInfoElementId).show();$('enterInfoBox').setStyle({borderWidth:'1px 2px 2px 1px'});} Personalize.trackPageview('/personalize/EnterInfo');},deactivate:function(){$(this.element.id).hide();try{this.next();}catch(e){} return true;},next:function(){if(this.activeWizardStepId){var wizardStepIdToActivate=null;var activateNextWizardStep=false;for(var i in this.wizard.steps){var currentStep=this.wizard.steps[i];if(activateNextWizardStep){wizardStepIdToActivate=currentStep.id;break;}else if(currentStep.id==this.activeWizardStepId){activateNextWizardStep=true;}} if(wizardStepIdToActivate){this.deactivateWizardStep(this.activeWizardStepId);this.activateWizardStep(wizardStepIdToActivate);Personalize.writeButtons(true,true);return false;}} this.loadTemplateCodeValuesFromForm();if(!Personalize.personalization.id){this.setCookieTemplateCodeValues();} return true;},setCookieTemplateCodeValues:function(){var cookieValue=encodeURIComponent(JSON.stringify(this.templateCodeValues));Personalize.setLocalVariable('templateCodeValues',cookieValue,1536);},loadCookieTemplateCodeValues:function(){var cookieTemplateCodeValues=Personalize.getLocalVariable('templateCodeValues');if(cookieTemplateCodeValues){try{var parsedCookie=JSON.parse(decodeURIComponent(cookieTemplateCodeValues));}catch(e){} if(parsedCookie){this.templateCodeValues=parsedCookie;}}},loadPersonalizationTemplateCodeValues:function(){if(Personalize.personalization.id){this.templateCodeValues=Personalize.personalization.templateCodeValues;this.updateFormWithTemplateCodeValues();}},layoutTextboxesToPersonalization:function(){if(!this.verseStep)return;var textboxes=Personalize.product.templates.groups[this.selectedGroupId].templates[this.selectedTemplateId].layouts[this.verseStep.getSelectedVerse()].textboxes;for(var panelId in Personalize.personalization.panels){var panel=Personalize.personalization.panels[panelId];panel.layoutTextboxes={};} for(panelId in Personalize.product.panels){var panel=Personalize.product.panels[panelId];for(layoutId in panel.templateLayouts){if(layoutId==this.verseStep.getSelectedVerse()){for(var textboxId in textboxes){Personalize.services.addLayoutTextbox(Personalize.personalization.panels[panelId],textboxes[textboxId]);} return true;}}} return false;},showEnterInfoBox:function(){this.renderWizard();this.updateFormWithTemplateCodeValues();},showZoom:function(){if(this.getSampleImageId()){var uri=Personalize.hosts.images+'image/product/'+this.getSampleImageId()+'/width/740/height/560/shadow/1.jpg';}else{var uri=Personalize.hosts.images+'product/'+Personalize.product.id+'/panel/1/color/'+Personalize.product.color.number+'/width/740/height/560.jpg';} this.zoomBox=new PersonalizeZoomBox("Zoomed Image",uri);this.zoomBox.showZoom();},getTemplateGroupList:function(){if(!this.verseStep)return false;return this.verseStep.getTemplateGroupList();},getTemplateGroupSelection:function(){if(!this.verseStep)return false;return this.verseStep.getTemplateGroup();},setTemplateGroupSelection:function(groupId){if(!this.verseStep)return false;this.verseStep.setTemplateGroup(groupId);},getTemplateSelection:function(){if(!this.verseStep)return false;return this.verseStep.getTemplate();},setTemplateSelection:function(templateId){if(!this.verseStep)return false;this.verseStep.setTemplate(templateId);},getTemplateList:function(groupId){if(!this.verseStep)return false;return this.verseStep.getTemplateList(groupId);},getSampleImageId:function(){if(!this.verseStep)return false;return this.verseStep.getSampleImageId();},getVerseSelection:function(){if(!this.verseStep)return false;return this.verseStep.getSelectedVerse();},getVerseList:function(selectedGroupId,selectedTemplateId){if(!this.verseStep)return false;return this.verseStep.getVerseList(selectedGroupId,selectedTemplateId);},isTemplateLayoutOnFirstPanel:function(){if(!this.verseStep)return false;return this.verseStep.isTemplateLayoutOnFirstPanel();},getWizard:function(){if(typeof Personalize.product.templates!=='undefined'&&this.selectedGroupId&&this.selectedTemplateId){this.wizard=Personalize.product.templates.groups[this.selectedGroupId].templates[this.selectedTemplateId].wizard;}else if(Personalize.product.templateId){this.wizard=Personalize.product.template.wizard;}else{this.wizard=null;} return this.wizard;},getWizardStepTabDomId:function(stepId){return'wizardStepTab_'+stepId;},getWizardStepDomId:function(stepId){return'wizardStep_'+stepId;},renderCurrentSelections:function(){if(!this.verseStep)return false;if(this.selectedTemplateId){$('enterInfo_avatarWizardHeading').update('Thanks! Now let\'s
fill in the details!');var avatarWizard=$('enterInfo_avatarWizard');avatarWizard.update('');avatarWizard.insert('

On the previous page, you chose:

');avatarWizard.insert('
'+Personalize.product.templates.groups[this.selectedGroupId].name+'
');avatarWizard.insert('
'+Personalize.product.templates.groups[this.selectedGroupId].templates[this.selectedTemplateId].layouts[this.verseStep.getSelectedVerse()].displayName+' wording
');$('enterInfo_avatarImageContainer').removeClassName('sprite-avatar-step4');$('enterInfo_avatarImageContainer').addClassName('sprite-avatar-step2');}else if(Personalize.product.templateId){$(this.avatarWizardId).hide();}},renderWizard:function(){var wizard=this.getWizard();if(!wizard){return;} var container=$(this.wizardStepTabsDomId);container.update(new Element('div',{'class':'instruction',style:'position: relative;'}).insert('Enter the details you would like to include on your '+Personalize.product.categoryName.toLowerCase()+'. We will use your information to generate an online preview of your personalized design.'));var usedVariables=[];for(var stepId in wizard.steps){var step=wizard.steps[stepId];this.renderWizardStep(step,container,usedVariables);} if(Personalize.isSample()){this.templateIterator(this.renderWizardStep.bind(this),[container,usedVariables]);}},renderWizardStep:function(step,container,usedVariables){var newTab=new Element('div',{id:"wizardStep_"+step.id,style:'clear: both;'});container.insert(newTab);for(var elementId in step.elements){var element=step.elements[elementId];var requiredElements=element.required==1?true:false;if(typeof element.question!=='undefined'){}else if(typeof element.variable!=='undefined'){var currentVariable=element.variable;var currentVariableCode=currentVariable.code;if(typeof usedVariables[currentVariable.id]==='undefined'){usedVariables[currentVariable.id]=currentVariableCode;}else{continue;} var tabOrder=this.tabOrder++;var namespace='wizardStepVariable_'+currentVariable.id.toString();newTab.insert(new Element('input',{id:namespace+'_code',name:namespace+'_code',type:'hidden',value:currentVariableCode}));newTab.insert(new Element('input',{id:namespace+'_type',name:namespace+'_type',type:'hidden',value:currentVariable.type}));if(currentVariable.type==Personalize.VARIABLE_TYPE_TEXT||currentVariable.type==Personalize.VARIABLE_TYPE_NAME||currentVariable.type==Personalize.VARIABLE_TYPE_AGE){newTab.insert(new Element('div',{'class':'enterInfoLabel',style:'float:left; clear: left;'}).update(currentVariable.name));if(requiredElements){newTab.insert(new Element('span',{'class':'required',style:'float:left'}).update('*'));} var inputContainer=new Element('div',{'class':'enterInfofield',style:'clear:both;'});if(currentVariable.help&&(currentVariable.code.indexOf('ENTREE')==-1)){var helpIcon=new Element('div',{'class':'sprite-icon-help clickable enterInfoHelpIcon'});inputContainer.insert(helpIcon);helpIcon.observe('click',this.popupHelp.bindAsEventListener(this,currentVariable.help,currentVariable.name));} if(currentVariable.help&&(currentVariable.code.indexOf('ENTREE')>0)){inputContainer.insert(new Element('div',{'class':'enterInfoHelp'}).update(currentVariable.help));} var textInput;if(currentVariableCode==Personalize.VARIABLE_CODE_STATE){var stateDropDown=new Element('select',{tabindex:tabOrder++,id:namespace+'_stateAbbr',name:namespace+'_stateAbbr',style:'width: 175px'});stateDropDown.observe('change',function(){var ids=(this.id).split('_');updateFullStateName('wizardStepVariable_'+ids[1]);}.bind(stateDropDown));inputContainer.insert(stateDropDown);stateDropDown.insert(new Element('option',{value:''}).update('Select one...'));stateDropDown.insert(new Element('option',{value:'Others'}).update('Others / province'));var usStates=Personalize.stateList['US States'];for(var key in usStates){stateDropDown.insert(new Element('option',{value:usStates[key]}).update(key+' - '+usStates[key]));} textInput=new Element('input',{tabindex:tabOrder++,id:namespace,name:namespace,onkeyup:"enterKeyNext(event)",style:'display : none; width: 140px;'});}else{textInput=new Element('input',{tabindex:tabOrder++,id:namespace,name:namespace,'class':'textInput',onkeyup:"enterKeyNext(event)"})} inputContainer.insert(textInput);if(currentVariable.code==Personalize.VARIABLE_CODE_ADDRESS||currentVariable.code==Personalize.VARIABLE_CODE_ADDRESS_LINE1||currentVariable.code==Personalize.VARIABLE_CODE_ADDRESS_LINE2){textInput.observe('change',function(){for(var addressAbbreviation in Personalize.addressAbbreviations){addrAbbr=Personalize.addressAbbreviations[addressAbbreviation];tempPattern=new RegExp('[.]','ig');var tempAbbr=addrAbbr['abbreviation'].replace(tempPattern,'[.]');var pattern=new RegExp(' '+tempAbbr+' ','ig');var tempString=this.value.replace(pattern,' '+addrAbbr['fullName']+' ');pattern=new RegExp(' '+tempAbbr+'$','ig');tempString=tempString.replace(pattern,' '+addrAbbr['fullName']);pattern=new RegExp('^'+tempAbbr+'$','ig');tempString=tempString.replace(pattern,addrAbbr['fullName']);pattern=new RegExp('^'+tempAbbr+' ','ig');this.value=tempString.replace(pattern,addrAbbr['fullName']+' ');}}.bind(textInput));} newTab.insert(inputContainer);}else if(currentVariable.type==Personalize.VARIABLE_TYPE_TEXTBOX){newTab.insert(new Element('div',{'class':'enterInfoLabel',style:'float:left; clear: left'}).update(currentVariable.name));if(requiredElements){newTab.insert(new Element('span',{'class':'required',style:'float:left'}).update('*'));} var inputContainer=new Element('div',{'class':'enterInfofield',style:'clear:both; margin-left:10px'});if(currentVariable.help){var helpIcon=new Element('div',{'class':'sprite-icon-help clickable enterInfoHelpIcon'});inputContainer.insert(helpIcon);helpIcon.observe('click',this.popupHelp.bindAsEventListener(this,currentVariable.help,currentVariable.name));} inputContainer.insert(new Element('textarea',{tabindex:tabOrder++,id:namespace,name:namespace,rows:8,cols:35}));newTab.insert(inputContainer);}else if(currentVariable.type==Personalize.VARIABLE_TYPE_DATE){newTab.insert(new Element('div',{'class':'enterInfoLabel',style:'float:left; clear: left'}).update(currentVariable.name));if(requiredElements){newTab.insert(new Element('span',{'class':'required',style:'float:left'}).update('*'));} var enterInfofield=new Element('div',{'class':'enterInfofield',style:'clear:both'});if(currentVariable.help){var helpIcon=new Element('div',{'class':'sprite-icon-help clickable enterInfoHelpIcon'});enterInfofield.insert(helpIcon);helpIcon.observe('click',this.popupHelp.bindAsEventListener(this,currentVariable.help,currentVariable.name));} newTab.insert(enterInfofield);var monthSelect=new Element('select',{tabindex:tabOrder++,id:namespace+'_month',name:namespace+'_month',onchange:"updateDateStringField('"+namespace+"');",style:"float: left; margin-left: 10px"});enterInfofield.insert(monthSelect);monthSelect.insert(new Element('option',{value:''}).update('month'));var months=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];for(var i=1;i<13;i++){monthSelect.insert(new Element('option',{value:i}).update(months[i-1]));} enterInfofield.insert(new Element('span',{style:'float: left; margin-left:4px'}).update(' '));var daySelect=new Element('select',{tabindex:tabOrder++,id:namespace+'_date',name:namespace+'_date',onchange:"updateDateStringField('"+namespace+"');",style:'float: left'}) enterInfofield.insert(daySelect);daySelect.insert(new Element('option',{value:''}).update('day'));for(var i=1;i<32;i++){daySelect.insert(new Element('option',{value:i}).update(i));} enterInfofield.insert(new Element('span',{style:'float: left; margin-left:4px'}).update(' '));var yearSelect=new Element('select',{tabindex:tabOrder++,id:namespace+'_year',name:namespace+'_year',onchange:"updateDateStringField('"+namespace+"');",style:'float: left'});enterInfofield.insert(yearSelect);yearSelect.insert(new Element('option',{value:''}).update('year'));var d=new Date();var curYear=d.getFullYear();for(var i=(curYear-1);i<(curYear+8);i++){yearSelect.insert(new Element('option',{value:i}).update(i));} enterInfofield.insert(new Element('span',{style:'float: left; margin-left:4px'}).update(' '));enterInfofield.insert(new Element('span',{tabindex:tabOrder++,id:namespace+'_calendarButton','class':'sprite-btn-calendar',style:'float:left; margin-left: 5px; margin-top: 5px; cursor: pointer;'}));enterInfofield.insert(new Element('input',{id:namespace+'_dateString',name:namespace+'_dateString',type:'hidden'}));var calendarNamespace=new String(namespace);var fnNs={calendarNamespace:namespace};calendarDateStatusFunc=function(date){return checkDate(this.calendarNamespace,date);};calendarOnUpdate=function(){updateDateInputs(this.calendarNamespace);};Personalize.calendars[calendarNamespace]=Calendar.setup({inputField:calendarNamespace+'_dateString',ifFormat:"%Y-%m-%d",button:calendarNamespace+'_calendarButton',weekNumbers:false,dateStatusFunc:calendarDateStatusFunc.bind(fnNs),onUpdate:calendarOnUpdate.bind(fnNs)});newTab.insert(new Element('div',{style:'clear:both; height: 1px'}));}else if(currentVariable.type==Personalize.VARIABLE_TYPE_TIME){newTab.insert(new Element('div',{'class':'enterInfoLabel',style:'float:left; clear: left'}).update(currentVariable.name));if(requiredElements){newTab.insert(new Element('span',{'class':'required',style:'float:left'}).update('*'));} var enterInfofield=new Element('div',{'class':'enterInfofield',style:'clear:both'});if(currentVariable.help){var helpIcon=new Element('div',{'class':'sprite-icon-help clickable enterInfoHelpIcon'});enterInfofield.insert(helpIcon);helpIcon.observe('click',this.popupHelp.bindAsEventListener(this,currentVariable.help,currentVariable.name));} newTab.insert(enterInfofield);var hourSelect=new Element('select',{tabindex:tabOrder++,id:namespace+'_hour',name:namespace+'_hour',style:'margin-left: 10px'});enterInfofield.insert(hourSelect);hourSelect.insert(new Element('option',{value:''}).update('hour'));for(var i=1;i<13;i++){hourSelect.insert(new Element('option',{value:i}).update(i));} enterInfofield.insert(new Element('span',{style:'margin-left:4px; margin-right:4px'}).update(':'));var minuteSelect=new Element('select',{tabindex:tabOrder++,id:namespace+'_minute',name:namespace+'_minute'});enterInfofield.insert(minuteSelect);minuteSelect.insert(new Element('option',{value:''}).update('minute'));for(var i=0;i<60;i++){minuteSelect.insert(new Element('option',{value:i}).update(i<=9?'0'+i:i));} enterInfofield.insert(new Element('span',{style:'margin-left:4px'}).update(' '));var meridiemSelect=new Element('select',{tabindex:tabOrder++,id:namespace+'_meridiem',name:namespace+'_meridiem'});enterInfofield.insert(meridiemSelect);meridiemSelect.insert(new Element('option',{value:'am'}).update('am'));meridiemSelect.insert(new Element('option',{value:'pm'}).update('pm'));newTab.insert(new Element('div',{style:'clear:both; height: 1px'}));}else if(currentVariable.type==Personalize.VARIABLE_TYPE_WEIGHT){}else if(currentVariable.type==Personalize.VARIABLE_TYPE_LENGTH){}}}},updateFormWithTemplateCodeValues:function(){var wizard=this.getWizard();if(!wizard){return;} for(var stepIndex in wizard.steps){var step=wizard.steps[stepIndex];this.updateFormWithTemplateCodeValuesFromStep(step);} if(Personalize.isSample()){this.templateIterator(this.updateFormWithTemplateCodeValuesFromStep.bind(this));}},updateFormWithTemplateCodeValuesFromStep:function(step){if(!step)return;for(var elementIndex in step.elements){var element=step.elements[elementIndex];if(element.question){var question=element.question;var questionCode=question.code;var questionDomPrefix='wizardStepQuestion_'+variable.id;var questionCodeValue=this.templateCodeValues[questionCode];}else if(element.variable){var variable=element.variable;var variableCode=variable.code;var variableDomPrefix='wizardStepVariable_'+variable.id;var variableCodeValue=this.templateCodeValues[variableCode];switch(parseFloat(variable.type)){case Personalize.VARIABLE_TYPE_TEXT:case Personalize.VARIABLE_TYPE_TEXTBOX:var codeField=document.getElementById(variableDomPrefix+'_code');var code=codeField.value;var codeValue=this.templateCodeValues[code];if(codeValue){var textField=document.getElementById(variableDomPrefix);textField.value=codeValue.text;if(code==Personalize.VARIABLE_CODE_STATE){var stateAbbr=document.getElementById(variableDomPrefix+'_stateAbbr');if(stateAbbr){var checkIfOthersSelected=true;$$('select#'+variableDomPrefix+'_stateAbbr option').each(function(o){if(o.value==textField.value){o.selected=true;checkIfOthersSelected=false;if(textField.getStyle('display')!='none'){textField.setStyle({display:'none'});} $break;}});if(checkIfOthersSelected==true){stateAbbr.selectedIndex='1';if(textField.getStyle('display')=='none'){textField.setStyle({display:'inline'});}}}}} break;case Personalize.VARIABLE_TYPE_NAME:var codeField=document.getElementById(variableDomPrefix+'_code');var code=codeField.value;var codeValue=this.templateCodeValues[code];if(codeValue){var nameField=document.getElementById(variableDomPrefix);nameField.value=codeValue.name;} break;case Personalize.VARIABLE_TYPE_AGE:var codeField=document.getElementById(variableDomPrefix+'_code');var code=codeField.value;var codeValue=this.templateCodeValues[code];if(codeValue){var ageField=document.getElementById(variableDomPrefix);ageField.value=codeValue.age;} break;case Personalize.VARIABLE_TYPE_DATE:var codeField=document.getElementById(variableDomPrefix+'_code');var code=codeField.value;var codeValue=this.templateCodeValues[code];if(codeValue){var monthSelect=document.getElementById(variableDomPrefix+'_month');var dateSelect=document.getElementById(variableDomPrefix+'_date');var yearSelect=document.getElementById(variableDomPrefix+'_year');for(var i=0;i12){hour-=12;var meridiem='pm';}else{var meridiem='am';} if(hour==0){hour=12;} for(var i=0;iA professional designer will adjust layout, sizing and spacing, then send you a proof before any printing begins.';this.textboxEditors=[];this.photos=[];this.overlays=[];this.textboxes=[];this.separators=[];this.dropAreas=[];this.layoutTextboxes=[];this.layoutPhotos=[];this.layoutOverlays=[];this.layoutSavedData={textboxes:[],photos:[],overlays:[]};this.available=true;this.currentPanel=null;this.styleEditorElementId=this.element.id+'_textStyles';this.textEditorElementId=this.element.id+'_textBoxes';this.imageViewElementId=this.element.id+'_imageView';this.verseStep=Personalize.getStepByName('personalizeVerseSelect');this.photoTrayElementId=this.element.id+'_photoTray';this.panelSwitcherElementId=this.element.id+'_panelSwitcher';this.colorSwitcherElementId=this.element.id+'_colorSwitcher';this.editorInformationElementId=this.element.id+'_editorInfo';this.imageScaling=0;this.maxPreviewWidth=550;this.maxPreviewHeight=500;if(Personalize.ie6)this.maxPreviewWidth=549;this.panelSwitcher=new PersonalizePanelSwitcher();this.colorSwitcher=new PersonalizeColorSwitcher();this.panelSwitcher.clickCallback=this.changePanel.bind(this);this.colorSwitcher.clickCallback=this.changeColor.bind(this);this.colorSwitcher.beforeSwitchCallback=this.beforeChangeColorCheck.bind(this);this.layoutTray=new personalizeLayoutTray();this.borderTray=new PersonalizeBorderTray();if(!Personalize.isSample()){this.photoTray=new PersonalizePhotoTray();if(!loadedPhotos){this.photoTray.requestPhotos();}else{this.photoTray.loaded=true;this.photoTray.photos=loadedPhotos;}}else{this.photoTray=new SamplePhotoTray();this.photoTray.loaded=true;this.photoTray.photos=Personalize.adminPhotos;} this.photoUploader=new PersonalizePhotoUploader();this.panelNameElement=$('panelNameElement');this.error=false;this.saveDialog=null;this.photoTrayRendered=false;this.rendered=false;this.errorViewer=$('personalizeErrorViewer');this.errorViewer.hide();this.specialInstructions=$('personalizeSpecialInstructions');this.specialInstructions.observe('change',this.saveSpecialInstructions.bind(this));this.tabIndex=3000;Personalize.observe('changelayout',this.layoutChange.bind(this));this.tabController=null;this.dropAreasVisible=false;this.lastPanelDoodleId=0;this.optimalResolution=null;this.resolution=null;this.maxOptimalWidth=550;this.maxOptimalHeight=500;},getTemplateCodeValues:function(){return Personalize.getStepByName('personalizeEnterInfo').templateCodeValues;},loadPersonalizationTemplateCodeValues:function(){Personalize.getStepByName('personalizeEnterInfo').loadPersonalizationTemplateCodeValues();},getTemplateConditionals:function(){return Personalize.getStepByName('personalizeEnterInfo').templateConditionals;},getTemplateVariables:function(){return Personalize.getStepByName('personalizeEnterInfo').templateVariables;},save:function(){if(this.saveDialog){this.saveDialog.destroy();this.saveDialog=null;} if(!this.saveDialog){this.saveDialog=new PersonalizePopup('Save Project','saveProject');var content=this.saveDialog.getPopupElement();content.setStyle({padding:'12px',textAlign:'left',width:'320px',fontSize:'12px',fontFamily:'Helvetica'});var currentInputElement=null;var textelem=new Element('input',{type:'text',style:'width:200px; border: 1px solid #d9d9d9'});var textElemId=textelem.identify();if(Personalize.personalization.id){currentInputElement=new Element('input',{type:'radio',name:'saveTo',id:'saveToExisting'});this.saveDialog.currentInputElement=currentInputElement;setTimeout(function(){currentInputElement.checked=true;},1);var currentLabelElement=new Element('label',{"for":'saveToExisting'}).update('Save changes to current project:
'+Personalize.getProjectDisplayName()+'
');var newInputElement=new Element('input',{type:'radio',name:'saveTo',id:'saveToNew',value:'1'});newInputElement.onchange=function(){if(this.checked){$(textElemId).focus();}else{$(textElemId).blur();}};var newLabelElement=new Element('label',{"for":'saveToNew'}).update('Save changes as a new project:');textelem.onfocus=function(){if(!$('saveToNew').checked){$('saveToNew').checked=true;}};content.update(currentInputElement);content.insert(currentLabelElement);content.insert(new Element('div',{style:'clear:both'}));content.insert(newInputElement);content.insert(newLabelElement);content.insert('
');}else{content.insert(new Element('div',{style:'font-family: Helvetica; font-size:12px; margin:10px;'}).update('What would you like to name your project?'));} content.insert(textelem);var apply=new Element('div',{'class':'projectSave cmdApply clickable',style:'float:right; margin-left:8px;margin-bottom:10px;'}).update('
');apply.onclick=this.doSave.bindAsEventListener(this,textelem,currentInputElement);this.saveDialog.apply=apply;var cancel=new Element('div',{'class':'projectSave cmdCancel clickable',style:'float:right;margin-bottom:10px;'}).update('
');cancel.onclick=this.cancelSave.bind(this);buttoncont=new Element('div',{style:'padding:6px;margin-top:8px;margin-bottom:10px;'});buttoncont.insert(apply);buttoncont.insert(cancel);content.insert(new Element('div',{style:'clear:both'}));content.insert(buttoncont);} this.saveDialog.showPopup();return true;},doSave:function(ev,elem,createNewElem){var createNew=(createNewElem!=null)?!createNewElem.checked:true;Personalize.personalization.primaryProxy.project=1;if(createNew){var name=elem.getValue();if(name.length==0){alert('Please enter a name');return;}}else{var name=Personalize.getProjectDisplayName();} elem.replace(new Element('img',{src:Personalize.hosts['static']+'image/wpd/loading-bar.gif'}));Personalize.personalization.savedStep=this.element.id;if(!Personalize.member){this.login(true,name,createNew);return;}else{Personalize.services.savePersonalization(name,this.saveComplete.bind(this),createNew);}},cancelSave:function(){if(this.saveDialog) this.saveDialog.hidePopup();},login:function(showSave,title,createNew){Personalize.services.savePersonalization(title,function(){var savedUrl='personalize/'+Personalize.product.id+Personalize.product.color.number+'/'+Personalize.product.displayName.replace('/ /g','-')+'/saved/'+Personalize.personalization.primaryProxy.id+'.html'+((showSave)?'?saveLogin=1':'');var loginUrl='/signin.php?ref='+encodeURIComponent(savedUrl);window.location=loginUrl;},createNew);},saveComplete:function(){Personalize.setStepUrl();var content=this.saveDialog.getPopupElement();content.update('');content.insert(new Element('div',{style:'margin-bottom:25px;'}).update('Project "'+Personalize.getProjectDisplayName()+'" saved.
You can access your projects through your account.'));var accept=new Element('div',{'class':'sprite-btn_close clickable'});content.insert(new Element('div',{align:'right'}).update(accept));accept.observe('click',this.closeSavePopup.bind(this));if(this.dlgTimeout){clearTimeout(this.dlgTimeout);this.dlgTimeout=null;} this.dlgTimeout=setTimeout(this.closeSavePopup.bind(this),10000);},closeSavePopup:function(){if(this.dlgTimeout){clearTimeout(this.dlgTimeout);this.dlgTimeout=null;} this.saveDialog.hidePopup();this.saveDialog.destroy();this.saveDialog=null;},renderPanelSelect:function(){this.panelSwitcher.render($(this.panelSwitcherElementId));},renderColorSwitcher:function(){this.colorSwitcher.render($(this.colorSwitcherElementId));},renderEditPanel:function(){$(this.styleEditorElementId).update('');$(this.textEditorElementId).update('');if(!Personalize.ie6){$(this.styleEditorElementId).style.position='relative';$(this.textEditorElementId).style.position='relative';} this.styleEditors.sort(function(a,b){return(parseFloat(a.styleClass.styleClassId)-parseFloat(b.styleClass.styleClassId));});this.textboxEditors.sort(function(a,b){var dY=(parseFloat(a.textbox.y)-parseFloat(b.textbox.y));if(dY!=0)return dY;var dX=(parseFloat(a.textbox.x)-parseFloat(b.textbox.x));return dX;});if(this.styleEditors.length==this.textboxEditors.length){$(this.editorInformationElementId).update('Click on the text areas of the card to open the text boxes below, or click directly into the boxes below to make changes');for(var i=0;ithis.maxPreviewWidth){setByHeight=false;newWidth=this.maxPreviewWidth;imageScaling=newWidth/previewImageInfo.width;newHeight=previewImageInfo.height*imageScaling;} if(newWidth>previewImageInfo.width||newHeight>previewImageInfo.height){newWidth=previewImageInfo.width;newHeight=previewImageInfo.height;imageScaling=newWidth/newHeight;} this.calcResolution();if(setByHeight){var sizeString='/height/'+newHeight;var shadowSizeString='/height/'+(parseFloat(newHeight)+11);}else{var sizeString='/width/'+newWidth;var shadowSizeString='/width/'+(parseFloat(newWidth)+11);} var personalizeShadowUrl='';if(parseFloat(productPanel.backPanel)==1){var sizeConstrained=(parseFloat(newHeight)+11);if(newWidth>newHeight){sizeConstrained=(parseFloat(newWidth)+11);} var personalizeImageUrl=Personalize.hosts.images+'product/'+Personalize.product.id+'/panel/'+productPanel.number+'/paper/'+Personalize.product.paperId+'/type/personalize/shadow/0/width/'+sizeConstrained+'/height/'+sizeConstrained+'.jpg';}else{var personalizeImageUrl=Personalize.hosts.images+'product/'+Personalize.product.id+'/color/'+Personalize.product.color.number+'/panel/'+productPanel.number+'/type/personalize'+sizeString+'.png';var personalizeShadowUrl=Personalize.hosts.images+'product/'+Personalize.product.id+'/color/'+Personalize.product.color.number+'/panel/'+productPanel.number+'/type/shadow'+shadowSizeString+'.png';} var result=new Object();result.width=newWidth;result.height=newHeight;result.personalizeImageUrl=personalizeImageUrl;result.personalizeShadowUrl=personalizeShadowUrl;return result;},calcResolution:function(){var productPanel=Personalize.product.panels[this.currentPanel.panelId];var imageWidth=0;var imageHeight=0;if(parseFloat(productPanel.backPanel)==1){var image=productPanel.backPanelImages.paperTypes[Personalize.product.paperId];image.height=parseFloat(image.height);image.width=parseFloat(image.width);imageWidth=image.width+parseFloat(0.250*image.resolution);imageHeight=image.height+parseFloat(0.250*image.resolution);}else{var image=productPanel.color.personalizeImage;imageWidth=image.width;imageHeight=image.height;} var aspectRatio=imageWidth/imageHeight;var possibleAspect=this.maxOptimalWidth/this.maxOptimalHeight;if(aspectRatioimageHeight){this.optimalResolution=image.resolution;}}else{this.optimalResolution=image.resolution*(this.maxOptimalWidth/imageWidth);if(this.maxOptimalWidth>imageWidth){this.optimalResolution=image.resolution;}} this.resolution=this.optimalResolution;},changePreviewImage:function(){var imageInfo=this.getPreviewImageInfo();var tmpImg=new Image();tmpImg.onload=this.previewImageLoaded.bindAsEventListener(this,imageInfo.personalizeImageUrl,tmpImg);tmpImg.src=imageInfo.personalizeImageUrl;},changeDoodleTrayColors:function(){this.renderDoodleTray();if(!$('personalizeStep_monogramTray')){for(var panelId in Personalize.personalization.panels){for(var doodle in Personalize.personalization.panels[panelId].doodles){if(Personalize.personalization.panels[panelId].doodles[doodle].type==2){var dropArea=Personalize.personalization.panels[panelId].doodles[doodle].dropArea;var productPanel=Personalize.product.panels[panelId];var doodleFound=false;for(var availableDoodleId in productPanel.availableDoodles){var associatedDoodle=productPanel.availableDoodles[availableDoodleId];var doodleId=associatedDoodle.doodleColorImage.doodleId;var productDoodle=Personalize.product.doodles[doodleId];if(productDoodle.type==0){continue;} if(associatedDoodle.productPanelColorId==Personalize.product.color.id){var trayDoodle=TP.extendObject(new TrayDoodle(associatedDoodle),new TrayMonogram());personalizePersonalize.doodleTray.imageSpace.addItem(trayDoodle);if(doodleId==Personalize.personalization.panels[panelId].doodles[doodle].doodleId){delete Personalize.personalization.panels[panelId].doodles[doodle];dropArea.removeDoodle();dropArea.addDoodle(trayDoodle,0,0,true);doodleFound=true;break;}}} if(!doodleFound){delete Personalize.personalization.panels[panelId].doodles[doodle];} break;}}}} for(var i=0;i');$('bottomTabsHelp').observe('click',this.popupHelp.bindAsEventListener(this,this.bottomTabsHelp));} if($('doodleTab')){$('doodleTab').observe('click',function(){this.bottomTabsHelp='doodle';}.bind(this));} if($('photoTab')){$('photoTab').observe('click',function(){this.bottomTabsHelp='photo';}.bind(this));}},previewImageLoaded:function(ev,url,tmpImage){this.previewImageHandle.setStyle({background:'url('+url+')',backgroundRepeat:'no-repeat'});delete tmpImage;},renderPreviewPanel:function(){var previewPaneContainer=$(this.imageViewElementId);previewPaneContainer.setStyle({position:'relative'});var previewPane=new Element('div',{id:'personalizeImagePreviewPane',style:'position:absolute; top:4px; left:4px;'});previewPaneContainer.update(previewPane);var productPanel=Personalize.product.panels[this.currentPanel.panelId];var imageInfo=this.getPreviewImageInfo();previewPane.setStyle({width:imageInfo.width+'px',height:imageInfo.height+'px',position:'absolute',overflow:'hidden'});previewPaneContainer.setStyle({width:(parseFloat(imageInfo.width)+11)+'px',height:(parseFloat(imageInfo.height)+11)+'px',position:'relative',overflow:'hidden'});if(!(Personalize.product.isMintTin||Personalize.product.isMagnet||Personalize.isCircularCard()||parseFloat(productPanel.noShadow)==1)){if(imageInfo.personalizeShadowUrl){previewPaneContainer.setStyle({background:'url('+imageInfo.personalizeShadowUrl+')',backgroundRepeat:'no-repeat'});}} previewPane.setStyle({background:'url('+imageInfo.personalizeImageUrl+')',backgroundRepeat:'no-repeat'});this.previewImageHandle=previewPane;for(var textboxId in this.currentPanel.textboxes){var textbox=this.currentPanel.textboxes[textboxId];var productTextbox=Personalize.product.panels[this.currentPanel.panelId].textboxes[textboxId];var panelId=this.currentPanel.panelId;if(panelId){var layoutId=Personalize.personalization.panels[this.currentPanel.panelId].layoutId;if(layoutId){try{var productLayoutTextboxes=Personalize.product.panels[panelId].templateLayouts[layoutId].textboxes;}catch(e){var productLayoutTextboxes=[];}}} if(productTextbox.layoutTextboxId){if(productLayoutTextboxes[productTextbox.layoutTextboxId]){try{delete this.currentPanel.layoutTextboxes[productTextbox.layoutTextboxId];}catch(e){}}else{delete this.currentPanel.textboxes[textboxId];continue;}} var panelTextbox=new PersonalizeTextbox(textbox,this.resolution);panelTextbox.findEditorAndAttach();panelTextbox.render(previewPane);this.textboxes.push(panelTextbox);} for(var textboxId in this.currentPanel.layoutTextboxes){var textbox=this.currentPanel.layoutTextboxes[textboxId];var panelTextbox=new PersonalizeTextbox(textbox,this.resolution);panelTextbox.findEditorAndAttach();panelTextbox.render(previewPane);this.layoutTextboxes.push(panelTextbox);} for(var photoId in this.currentPanel.photos){var photo=this.currentPanel.photos[photoId];var productPhoto=Personalize.product.panels[this.currentPanel.panelId].photos[photo.photoId];var panelPhoto=new PersonalizePhoto(photo,productPhoto,this.resolution);panelPhoto.render(previewPane);this.photos.push(panelPhoto);} var hasBorder=false;for(var overlayId in this.currentPanel.overlays){var overlay=this.currentPanel.overlays[overlayId];var panelOverlay=new PersonalizeOverlay(overlay,this.resolution);if(overlay.editable=='1'){hasBorder=true;this.borderTray.render(panelOverlay);if(overlay.switchedOn==1){panelOverlay.render(previewPane);}}else{panelOverlay.render(previewPane);} this.overlays.push(panelOverlay);} for(var separatorId in this.currentPanel.separators){var separator=this.currentPanel.separators[separatorId];var panelSeparator=new PersonalizeSeparator(separator,this.resolution);panelSeparator.render(previewPane);this.separators.push(panelSeparator);} this.dropAreas=[];for(var dropAreaId in this.currentPanel.dropAreas){var dropArea=this.currentPanel.dropAreas[dropAreaId];var panelDropArea=new PersonalizeDropArea(dropArea,this.resolution);panelDropArea.render(previewPane);this.dropAreas.push(panelDropArea);} this.globalDropArea=null;if(!this.dropAreas.length){this.globalDropArea=TP.extendObject(new PersonalizeDropArea(null,this.resolution),new PersonalizeGlobalDropArea());this.globalDropArea.render(previewPane);} if(this.currentPanel.panelLayoutId){for(var panelLayoutPhotoId in this.currentPanel.layoutPhotos){var layoutPhoto=this.currentPanel.layoutPhotos[panelLayoutPhotoId];var productLayoutPhoto=productPanel.layouts[this.currentPanel.panelLayoutId].photos[panelLayoutPhotoId];var personalizationLayoutPhoto=new PersonalizePhoto(layoutPhoto,productLayoutPhoto,this.resolution);personalizationLayoutPhoto.render(previewPane);this.layoutPhotos.push(personalizationLayoutPhoto);} for(var panelLayoutOverlayId in this.currentPanel.layoutOverlays){var layoutOverlay=this.currentPanel.layoutOverlays[panelLayoutOverlayId];var personalizationLayoutOverlay=new PersonalizeOverlay(layoutOverlay,this.resolution);if(!hasBorder&&layoutOverlay.editable=='1'){this.borderTray.render(personalizationLayoutOverlay);hasBorder=true;if(layoutOverlay.switchedOn==1){personalizationLayoutOverlay.render(previewPane);}}else{personalizationLayoutOverlay.render(previewPane);} this.layoutOverlays.push(personalizationLayoutOverlay);}} if(!hasBorder){this.borderTray.remove();}},activatePanelLayout:function(){if(!this.currentPanel.panelLayoutId||this.currentPanel.panelLayoutRendered[this.currentPanel.panelLayoutId]){return;} var productPanel=Personalize.product.panels[this.currentPanel.panelId];var layout=productPanel.layouts[this.currentPanel.panelLayoutId];this.currentPanel.layoutPhotos={};for(var photoId in layout.photos){var productLayoutPhoto=layout.photos[photoId];var layoutPhoto=TP.extendObject(new LayoutPhoto(),productLayoutPhoto);layoutPhoto.photoId=productLayoutPhoto.id;this.currentPanel.layoutPhotos[productLayoutPhoto.id]=layoutPhoto;} this.currentPanel.layoutTextboxes={};for(var textboxId in layout.textboxes){Personalize.services.addLayoutTextbox(this.currentPanel,layout.textboxes[textboxId]);} this.currentPanel.layoutOverlays={};for(var overlayId in layout.overlays){var productLayoutOverlay=layout.overlays[overlayId];var layoutOverlay=TP.extendObject(new LayoutOverlay(),productLayoutOverlay);layoutOverlay.overlayId=productLayoutOverlay.id;layoutOverlay.id=null;this.currentPanel.layoutOverlays[productLayoutOverlay.id]=layoutOverlay;} this.currentPanel.panelLayoutRendered[layout.layoutId]=true;},layoutChange:function(layoutId){try{var splicedStyleClassId=null;for(var i=0;imaxStyleClassId){maxStyleClassId=styleClassId;} siblingEditor=this.findEditorForStyleClassId(styleClassId);styleEditor=null;var styleEditor=new PersonalizeStyleEditor('Text Style');if(siblingEditor){styleEditor.addSibling(siblingEditor);siblingEditor.addSibling(styleEditor);} styleEditor.setStyleClass(Personalize.product.styleClasses[styleClassId]);this.styleEditors.push(styleEditor);styleEditor.attachTextEditor(editor);this.textboxEditors.push(editor);}} for(var j=0;jmaxStyleClassId){maxStyleClassId=styleClassId;} siblingEditors=this.findEditorForStyleClassId(styleClassId);styleEditor=null;var styleEditor=new PersonalizeStyleEditor('Text Style');for(var k=0;k0;},hasMonogram:function(){var productPanel=Personalize.product.panels[this.currentPanel.panelId];var monogramCount=0;for(var availableDoodleId in productPanel.availableDoodles){var availableDoodle=productPanel.availableDoodles[availableDoodleId];var doodleId=availableDoodle.doodleColorImage.doodleId;var productDoodle=Personalize.product.doodles[doodleId];if(productDoodle.type>0){monogramCount++;}} return monogramCount>0;},hasPhotos:function(){for(var panelId in Personalize.product.panels){var panel=Personalize.product.panels[panelId];for(var photoId in panel.photos){return true;} for(var photoId in panel.layouts[this.currentPanel.panelLayoutId]){return true;}} return false;},completeActivation:function(fromNext){if(!this.rendered){this.currentPanel=this.getFirstPanel();} try{var productPanel=Personalize.product.panels[this.currentPanel.panelId];this.currentLayout=(this.verseStep)?this.verseStep.getSelectedVerse():this.currentLayout=null this.panelNameElement.update('Personalize Your Card');if(!this.rendered){if(Personalize.isIe()||Personalize.ie8){Droppables.drops=[];} this.setPanelLayoutId();this.activatePanelLayout();this.createEditors();this.renderPanelSelect();this.renderColorSwitcher();this.renderEditPanel();this.renderDoodleTray();this.renderPreviewPanel();this.renderTabController();if(this.hasPhotos()){this.renderPhotoTray();this.photoTray.updateUsedThumbs();} this.clearError();this.layoutTray.populate();this.convertPrettySelects();this.enableNextButtons();this.rendered=true;}else{}}catch(e){} $(this.element.id).show();this.selectFirstTextbox();if(Personalize.saveLogin){Personalize.saveLogin=0;setTimeout(function(){if(Personalize.activeStep.save()){Personalize.activeStep.saveComplete();}},1000);}},next:function(){if(this.isLastPanel()){return true;}else{var nextPanel=this.getNextPanel();this.changePanel(nextPanel);this.panelSwitcher.setActivePanel(nextPanel);return false;}},back:function(){if(this.isFirstPanel()){return true;}else{var prevPanel=this.getPrevPanel();this.changePanel(prevPanel);this.panelSwitcher.setActivePanel(prevPanel);return false;}},isFirstPanel:function(){for(var panelId in Personalize.personalization.panels){if(Personalize.personalization.panels[panelId]==this.currentPanel){return true;} return false;}},isLastPanel:function(){var panel=null;for(var panelId in Personalize.personalization.panels){panel=Personalize.personalization.panels[panelId];} if(Personalize.personalization.panels[panelId]==this.currentPanel){return true;} return false;},getNextPanel:function(){var getNext=false;for(var panelId in Personalize.personalization.panels){if(getNext){return Personalize.personalization.panels[panelId];} if(Personalize.personalization.panels[panelId]==this.currentPanel){getNext=true;}} return false;},getPrevPanel:function(){var prev=null;for(var panelId in Personalize.personalization.panels){if(Personalize.personalization.panels[panelId]==this.currentPanel){return prev;} prev=Personalize.personalization.panels[panelId];}},changePanel:function(newPanel){if(Personalize.isIe()||Personalize.ie8){Droppables.drops=[];} this.cleanupEditors();this.currentPanel=newPanel;this.textboxes=[];this.layoutTextboxes=[];this.layoutPhotos=[];this.layoutOverlays=[];this.dropAreas=[];var productPanel=Personalize.product.panels[this.currentPanel.panelId];this.panelNameElement.update('Personalize Your Card');this.setPanelLayoutId();this.activatePanelLayout();this.createEditors();this.renderEditPanel();this.renderDoodleTray();this.renderPreviewPanel();this.renderTabController();this.renderPhotoTray();this.layoutTray.populate();this.convertPrettySelects();this.selectFirstTextbox();},beforeChangeColorCheck:function(fnHandler,targetColorId){var productPanel=Personalize.product.panels[this.currentPanel.panelId];var associateDoodles=[];for(var availableDoodleId in productPanel.availableDoodles){var availableDoodle=productPanel.availableDoodles[availableDoodleId];if(availableDoodle.productPanelColorId==targetColorId){associateDoodles.push(availableDoodle);}} var doodleCount=0;var doodleFound=0;for(var doodleId in this.currentPanel.doodles){var personalizationDoodle=this.currentPanel.doodles[doodleId];doodleCount++;for(var i=0;iColor Options (click to change color)');if(this.hasCustomColors()){var ccEl=new Element('span',{'class':'clickable',style:'color:#3c95b4; font-size:11px;'}).update('    Custom Colors');ccEl.observe('click',this.showCustomColors.bind(this));title.insert(ccEl);} this.container=new Element('div');parent.update(title);for(var colorId in Personalize.product.colors){var color=Personalize.product.colors[colorId].color;var colorElementSelector=new Element('div',{'class':'colorElementSelector'});if(colorId==Personalize.product.color.id){colorElementSelector.addClassName('selectedColorElementSelector');this.currentSelector=colorElementSelector;} var colorName=(color.displayName.length>0)?color.displayName:color.name;var colorElement=new Element('img',{title:colorName,src:Personalize.hosts.static+'image/blank.gif','class':'colorElement clickable',style:'background-color:#'+color.rgb});this.container.insert(colorElementSelector.insert(colorElement));colorElement.observe('click',this.beforeSwitch.bindAsEventListener(this,colorId,colorElement));} this.customColorWarning=new Element('div',{'class':'customColorWarning',align:'left'}).update(this.getCustomColorWarningText());this.customColorWarning.observe('click',this.showCustomColorHelp.bind(this));this.container.insert(new Element('div',{style:'clear:both'}));this.container.insert(this.customColorWarning);if(!this.hasCustomColor()){this.customColorWarning.hide();} parent.insert(this.container);},beforeSwitch:function(ev,colorId,colorElement){if(typeof this.beforeSwitchCallback==='function'){this.beforeSwitchCallback(this.handleColorSwitch.bind(this,ev,colorId,colorElement),colorId);}},handleColorSwitch:function(ev,colorId,colorElement){if(this.currentSelector){this.currentSelector.removeClassName('selectedColorElementSelector');} var selector=colorElement.up();selector.addClassName('selectedColorElementSelector');this.currentSelector=selector;Personalize.personalization.colorCyan=null;Personalize.personalization.colorMagenta=null;Personalize.personalization.colorYellow=null;Personalize.personalization.colorBlack=null;this.customColorWarning.hide();if(typeof this.clickCallback==='function'){this.clickCallback(colorId);}},customColorSelected:function(){Personalize.personalization.colorCyan=this.customColorSelector.cyan;Personalize.personalization.colorMagenta=this.customColorSelector.magenta;Personalize.personalization.colorYellow=this.customColorSelector.yellow;Personalize.personalization.colorBlack=this.customColorSelector.black;this.customColorWarning.update(this.getCustomColorWarningText());this.customColorWarning.show();},showCustomColors:function(){if(!this.customColorSelector){this.customColorSelector=new PersonalizeCustomColors(this.getCustomColor());} this.customColorSelector.show(this.customColorSelected.bind(this));},hasCustomColor:function(){return((Personalize.personalization.colorCyan!=null)&&(Personalize.personalization.colorMagenta!=null)&&(Personalize.personalization.colorYellow!=null)&&(Personalize.personalization.colorBlack!=null));},getCustomColorWarningText:function(){var customColor=this.getCustomColor();var colorName='custom CMYK';if(customColor){if(customColor.displayName.length>0){colorName=customColor.displayName;}else{colorName=customColor.name;}} return'
The '+colorName+' color you\'ve selected will not preview. Please continue to personalize your card.
';},getCustomColor:function(){for(var colorId in Personalize.product.customColors){var customColor=Personalize.product.customColors[colorId];if(Personalize.personalization.colorCyan==customColor.cyan&&Personalize.personalization.colorMagenta==customColor.magenta&&Personalize.personalization.colorYellow==customColor.yellow&&Personalize.personalization.colorBlack==customColor.black) {return customColor;}} return false;},showCustomColorHelp:function(){if(!this.customColorHelpDlg){this.customColorHelpDlg=new PersonalizePopup('Custom Color Help','customColorHelp');} var customColor=this.getCustomColor();this.ccDlgElem=this.customColorHelpDlg.getPopupElement();if(customColor){var colorName=customColor.name;if(customColor.displayName.length>0)colorName=customColor.displayName;}else{var colorName='CMYK';} var textElem=new Element('div',{style:'margin:16px;width:340px;font-family:helvetica; font-size:12px; ',align:'left'}).update('The '+colorName+' custom color you\'ve selected will not instantly preview on the personalization page. Please continue to personalize the card as usual, and complete your order. One of our professional designers will contact you to discuss your customization needs after you have placed your order, and we will send you a complimentary digital proof so you can see your customized cards before we print them. Please use the Special Instructions box to specify any special requests, and our Design Specialists will contact you if they have any questions or concerns about your order.');var buttonElem=new Element('div',{align:'right',style:'margin:8px;'}).update(new Element('div',{'class':'sprite-btn_close clickable'}));buttonElem.observe('click',this.customColorHelpDlg.hidePopup.bind(this.customColorHelpDlg));this.ccDlgElem.update(textElem);this.ccDlgElem.insert(buttonElem);this.ccDlgElem.setStyle({width:'356px'});this.customColorHelpDlg.showPopup();}};var PersonalizePanelSwitcher=function(){this.domElement=null;this.clickCallback=null;this.selectedBorderColor='#55381a';this.selectedThumb=null;this.thumbs=[];};PersonalizePanelSwitcher.prototype={render:function(container){container.update('');var title=new Element('div',{align:'left','class':'panelSwitchTitle'}).update('Panel (click to preview)');var thumber=new Element('div',{align:'left','class':'panelSwitchThumbContainer'});for(var panelId in Personalize.personalization.panels){var panel=Personalize.personalization.panels[panelId];var productPanel=Personalize.product.panels[panelId];var thumb=new Element('div',{'class':'panelThumbnail clickable'});var thumbContainer=new Element('div',{'class':'panelThumbnailContainer'});var thumbUrl=this.getPanelThumbUrl(panel,productPanel);var img=new Element('img',{'src':thumbUrl});var thumbTitle=new Element('div',{'align':'center'}).update(productPanel.name);thumb.identify();thumb.panelId=panelId;thumb.insert(img);thumb.img=img;thumbContainer.update(thumb);thumbContainer.insert(new Element('div',{style:'clear: both'}));thumbContainer.insert(thumbTitle);thumber.insert(thumbContainer);thumb.stopObserving('click');thumb.observe('click',this.handleClick.bindAsEventListener(this,panel,thumb));this.thumbs.push(thumb);if(panel==Personalize.activeStep.currentPanel){this.selectedThumb=thumb;thumb.setStyle({border:'2px solid '+this.selectedBorderColor});}} container.insert(title);container.insert(thumber);container.insert(new Element('div',{style:'clear:both'}));},changeColor:function(){for(var i=0;i0){try{this.tooltip=new TPBalloon({anchor:mainElement.identify(),width:200,height:40,fadeTime:0.3,imageBase:Personalize.hosts['static']+'/image/balloon/',stemPosition:'rightMiddle',content:'Changing this text style will affect all highlighted text boxes',contentClass:'toolTipContent',animator:new TPBalloonPointerAnimator({repetitions:2,distance:5,delay:0})});}catch(e){}} return this.domElement;},fontChangeHandler:function(){this.renderFontSizeSelect();this.styleChangeHandler(null,this.fontSelect);},renderFontSizeSelect:function(){var fontId=this.getSelectedFontId();var font=Personalize.masterFontList[fontId];var minimumSize=parseFloat(font.minimumSize);var selectedFontSize=this.getSelectedFontSize();selectedFontSize=(selectedFontSize>minimumSize)?selectedFontSize:minimumSize;try{this.fontSizeSelect.clearOptions();for(var size in this.styleClass.style.fontSizes){if(size>=minimumSize){this.fontSizeSelect.add(size,size);}} this.fontSizeSelect.render();}catch(e){} this.fontSizeRestore(selectedFontSize);},styleChangeHandler:function(event,element,colorId){if(colorId){this.fontColorSelect.colorValue=colorId;} for(var i=0;i0){this.fontSizeSelect.select(selectedFontSize);this.fontSizeSelect.selectedIndex=selectedIndex;}}catch(e){}},mouseOver:function(ev){try{if(ev.target.hasClassName('sprite-icon-prettyselectarrow')||$(ev.target.id).descendantOf(this.domElement)||(ev.target==this.domElement)){for(var i=0;iWarning: Your text does not fit in the text area. Please remove some text or reduce the size. To edit or add text, click on the text box below.';};PersonalizeTextbox.prototype={findEditorAndAttach:function(){for(var i=0;i0||parseFloat(this.textbox.controlY)>0||parseFloat(this.textbox.controlWidth)>0||parseFloat(this.textbox.controlHeight)>0)){bounds.top=Personalize.resolutionConvert(this.textbox.controlY,144,this.resolution);bounds.left=Personalize.resolutionConvert(this.textbox.controlX,144,this.resolution);bounds.width=Personalize.resolutionConvert(this.textbox.controlWidth,144,this.resolution);bounds.height=Personalize.resolutionConvert(this.textbox.controlHeight,144,this.resolution);}else{bounds.top=Personalize.resolutionConvert(this.textbox.y,144,this.resolution);bounds.left=Personalize.resolutionConvert(this.textbox.x,144,this.resolution);bounds.width=Personalize.resolutionConvert(this.textbox.width,144,this.resolution);bounds.height=Personalize.resolutionConvert(this.textbox.height,144,this.resolution);} return bounds;},getMargins:function(){var margins=Object();if((parseFloat(this.textbox.controlX)>0||parseFloat(this.textbox.controlY)>0||parseFloat(this.textbox.controlWidth)>0||parseFloat(this.textbox.controlHeight)>0)){margins.top=Personalize.resolutionConvert(parseFloat(this.textbox.y)-parseFloat(this.textbox.controlY),144,this.resolution);margins.left=Personalize.resolutionConvert(parseFloat(this.textbox.x)-parseFloat(this.textbox.controlX),144,this.resolution);margins.right=Personalize.resolutionConvert((parseFloat(this.textbox.controlX)+parseFloat(this.textbox.controlWidth))-(parseFloat(this.textbox.x)+parseFloat(this.textbox.width)),144,this.resolution);margins.bottom=Personalize.resolutionConvert((parseFloat(this.textbox.controlY)+parseFloat(this.textbox.controlHeight))-(parseFloat(this.textbox.y)+parseFloat(this.textbox.height)),144,this.resolution);}else{return false;} return margins;},render:function(parentElement){var firstRender=false;var bounds=this.getBounds();this.realY=Personalize.roundForRendering(bounds.top);this.realX=Personalize.roundForRendering(bounds.left);this.width=Personalize.roundForRendering(bounds.width);this.height=Personalize.roundForRendering(bounds.height);if(!this.domElement){firstRender=true;this.domElement=new Element('div',{id:'panel_Textbox_'+this.textbox.textboxId,'class':'clickable'});this.domElement.setStyle({border:'0px solid #000',padding:'0px',overflow:'hidden',position:'absolute',zIndex:parseFloat(Personalize.textboxZIndex)+parseFloat(this.textbox.z),top:this.realY+'px',left:this.realX+'px',width:this.width+'px',height:this.height+'px'});parentElement.insert(this.domElement);var top=this.realY+8;var height=Math.max(this.height-16,5);this.stripeElementOfs=0;this.stripeElement=new Element('div',{id:'panel_Textbox_'+this.textbox.textboxId+'_Stripes'});this.stripeElement.setStyle({border:'0px solid #000',padding:'0px',overflow:'hidden',position:'absolute',zIndex:parseFloat(Personalize.textboxZIndex)+parseFloat(this.textbox.z)-1,backgroundImage:'url('+Personalize.hosts['static']+'image/wpd/stripe-tile-green.png)',top:top+'px',left:this.realX+'px',width:this.width+'px',height:height+'px'});this.stripeElement.setOpacity(0);parentElement.insert(this.stripeElement);} this.domElement.update('');var uri=this.getTextboxUrl(this.textbox);if(this.image)delete this.image;this.image=new Image();this.image.onload=this.imgLoadCheck.bind(this);this.domElement.insert(this.loader);if(firstRender){this.domElement.observe('mouseover',this.overHandler.bind(this));this.domElement.observe('mouseout',this.outHandler.bind(this));this.domElement.observe('click',this.clickHandler.bind(this));} this.image.src=uri;if(!firstRender&&this.stripeElement){if(!this.loadingTimer) this.loadingTimer=setInterval(this.scrollStripes.bind(this),100);this.stripeElement.fade({duration:0.3,from:this.stripeElement.getOpacity(),to:0.2});var fooDate=new Date();this.loadingTimerStartTime=parseInt(fooDate.getTime());} return;},scrollStripes:function(){this.stripeElementOfs=(this.stripeElementOfs+2)%64;this.stripeElement.setStyle({backgroundPosition:this.stripeElementOfs+'px'});},clickHandler:function(){this.lightUp();this.editor.setFocus();setTimeout(this.editor.showToolTip.bind(this.editor),500);},overHandler:function(){this.lightUp();this.editor.lightUp();},outHandler:function(){this.lightDown();this.editor.lightDown();},imgLoadCheck:function(ev,el,loader){try{var fooDate=new Date();var removeIn=2000-Math.max(0,(fooDate.getTime()-this.loadingTimerStartTime));setTimeout(this.removeLoader.bind(this),removeIn);}catch(e){}},removeLoader:function(){if(this.stripeElement)this.stripeElement.fade({duration:0.3,from:this.stripeElement.getOpacity(),to:0.00});clearInterval(this.loadingTimer);this.loadingTimer=null;if(this.height!=0&&this.width!=0){var width=this.image.naturalWidth?this.image.naturalWidth:this.image.width;var height=this.image.naturalHeight?this.image.naturalHeight:this.image.height;if(height>this.height||width>this.width){this.setError(this.errorString);}else{this.clearError();}} if(Personalize.ie6){this.domElement.setStyle({background:'',filter:'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="'+encodeURI(this.image.src).replace(/\)/g,'%29')+'",sizingMethod="crop")'});}else{this.domElement.setStyle({background:'transparent url("'+this.image.src+'") no-repeat top left'});}},getTextboxUrl:function(textbox){this.textbox.content=this.editor.textArea.getValue();this.textbox.fontId=this.editor.myStyleEditor.getSelectedFontId();this.textbox.fontColorId=this.editor.myStyleEditor.getSelectedFontColorId();this.textbox.fontSize=this.editor.myStyleEditor.getSelectedFontSize();var bounds=this.getBounds();var imageWidth=bounds.width;var imageHeight=bounds.height;if(this.textbox.angle%90==0&&this.textbox.angle%180!=0){imageWidth=bounds.height;imageHeight=bounds.width;} var parameters={width:imageWidth,height:imageHeight,resolution:this.resolution,fontName:this.editor.myStyleEditor.getSelectedFont(),fontSize:this.editor.myStyleEditor.getSelectedFontSize(),fontColor:this.editor.myStyleEditor.getSelectedFontColor(),stroke:this.textbox.stroke,tracking:this.textbox.tracking,verticalAlignment:'center',horizontalAlignment:'center',angle:this.textbox.angle,text:encodeURIComponent(encodeURIComponent(JSON.stringify(this.textbox.content)))};switch(parseFloat(this.textbox.horizontalAlignmentId)){case 1:parameters.horizontalAlignment='left';break;case 2:parameters.horizontalAlignment='center';break;case 3:parameters.horizontalAlignment='right';break;} switch(parseFloat(this.textbox.verticalAlignmentId)){case 2:parameters.verticalAlignment='top';break;case 3:parameters.verticalAlignment='center';break;case 4:parameters.verticalAlignment='bottom';break;case 5:parameters.verticalAlignment='illustrator';break;} if(this.textbox.leading)parameters.leading=this.textbox.leading;var margins=this.getMargins();if(margins){parameters.marginTop=margins.top;parameters.marginLeft=margins.left;parameters.marginRight=margins.right;parameters.marginBottom=margins.bottom;} var url=Personalize.hosts.text+'personalize/textbox/restrictSize/0';for(var key in parameters){url+='/'+key+'/'+parameters[key];} return url+'.png';},setError:function(text){this.error=true;this.editor.setError(text);Personalize.activeStep.setError();this.domElement.setStyle({border:'2px solid #F00',padding:'0px'});},clearError:function(text){if(this.error){this.editor.clearError(text);this.error=false;Personalize.activeStep.clearError();if(this.lit){this.lightUp();}else{this.lightDown();}}},hasError:function(){return this.error;},lightUp:function(){this.lit=true;if(this.error)return;this.tempY=this.realY-2;this.tempX=this.realX-2;this.domElement.setStyle({border:'2px solid #b8b8b8',top:this.tempY+'px',left:this.tempX+'px',padding:'0px'});},lightDown:function(){this.lit=false;if(this.error)return;this.domElement.setStyle({border:'0px solid #b8b8b8',top:this.realY+'px',left:this.realX+'px',padding:'0px'});},remove:function(){this.stripeElement.remove();this.domElement.remove();}};var PersonalizeTextboxEditor=function(){this.textbox=null;this.productTextbox=null;this.domElement=null;this.previewDomElement=null;this.panelTextbox=null;this.fontId=null;this.fontSize=null;this.errorElement=null;this.errorText=null;this.myStyleEditor=null;this.fontColor=null;this.textArea=null;this.textAreaSmallHeight=20;this.textAreaLargeHeight=80;this.title='Text Box';this.lit=false;this.error=false;this.hasFocus=false;this.titleElement=null;this.inlineStyle=false;this.internalBlur=false;this.expanded=false;this.toolTipRendered=false;};PersonalizeTextboxEditor.prototype={attachTextbox:function(panelTextbox){this.panelTextbox=panelTextbox;},hasLocalStyle:function(){var colors=false;var sizes=false;var fonts=false;if(typeof this.productTextbox!=='undefined'){for(var i in this.productTextbox.fontColors[Personalize.personalization.productColorId]){colors=true;continue;} for(var i in this.productTextbox.fontSizes){sizes=true;continue;} for(var i in this.productTextbox.fonts){fonts=true;continue;}} return(colors&&sizes&&fonts);},getStyleObject:function(){var obj={};obj.style={};obj.style.fontColors=this.productTextbox.fontColors;obj.style.fontSizes=this.productTextbox.fontSizes;obj.style.fonts=this.productTextbox.fonts;return obj;},setStyleClassId:function(styleClassId){return this.textbox.styleClassId=styleClassId;},getStyleClassId:function(){return this.textbox.styleClassId;},setStyleEditor:function(styleEditor){this.myStyleEditor=styleEditor;},doLeftAlign:function(){this.textbox.horizontalAlignmentId=1;this.leftAlign.addClassName('textAlignIconSelected');this.centerAlign.removeClassName('textAlignIconSelected');this.rightAlign.removeClassName('textAlignIconSelected');this.panelTextbox.render();},doRightAlign:function(){this.textbox.horizontalAlignmentId=3;this.rightAlign.addClassName('textAlignIconSelected');this.centerAlign.removeClassName('textAlignIconSelected');this.leftAlign.removeClassName('textAlignIconSelected');this.panelTextbox.render();},doCenterAlign:function(){this.textbox.horizontalAlignmentId=2;this.centerAlign.addClassName('textAlignIconSelected');this.rightAlign.removeClassName('textAlignIconSelected');this.leftAlign.removeClassName('textAlignIconSelected');this.panelTextbox.render();},initialTextAlign:function(){var alignmentId=(this.textbox.horizontalAlignmentId)?this.textbox.horizontalAlignmentId:this.productTextbox.horizontalAlignmentId;switch(parseFloat(alignmentId)){case 1:this.leftAlign.addClassName('textAlignIconSelected');this.centerAlign.removeClassName('textAlignIconSelected');this.rightAlign.removeClassName('textAlignIconSelected');break;case 2:this.centerAlign.addClassName('textAlignIconSelected');this.rightAlign.removeClassName('textAlignIconSelected');this.leftAlign.removeClassName('textAlignIconSelected');break;case 3:this.rightAlign.addClassName('textAlignIconSelected');this.centerAlign.removeClassName('textAlignIconSelected');this.leftAlign.removeClassName('textAlignIconSelected');break;default:this.leftAlign.addClassName('textAlignIconSelected');this.centerAlign.removeClassName('textAlignIconSelected');this.rightAlign.removeClassName('textAlignIconSelected');}},render:function(styleElement){var idPostfix=this.title.replace(/ /g,'_');if(styleElement){this.inlineStyle=true;this.inlineStyleElement=styleElement;} var mainElement=new Element('div',{style:'padding:4px; margin:4px;'});this.titleElement=new Element('div',{align:'right'});var titleString='
'+this.title+'
';if(!this.inlineStyle){titleString+='
'+this.myStyleEditor.title+'
'} if(this.title.indexOf('1')>0){titleString+='
';} titleString+='
';this.titleElement.update(titleString);this.titleElement.insert(new Element('div',{id:'moreDivison_'+idPostfix,style:'clear: both'}));if(this.inlineStyle){this.titleElement.insert(new Element('div',{align:"left"}).update(styleElement));styleElement.style.border='1px solid #b8b8b8';styleElement.hide();} this.bottomElement=new Element('div',{id:'error_'+idPostfix,align:'right',style:'height:24px; position:relative;margin: 2px 0px;'});this.leftAlign=new Element('div',{id:'leftAlign_'+idPostfix,style:'float: left','class':'sprite-btn-align-left clickable textAlignIcon'});this.centerAlign=new Element('div',{id:'centerAlign_'+idPostfix,style:'float: left','class':'sprite-btn-align-center clickable textAlignIcon'});this.rightAlign=new Element('div',{id:'rightAlign_'+idPostfix,style:'float: left','class':'sprite-btn-align-right clickable textAlignIcon'});var applyButton=new Element('div',{id:'applyButton_'+idPostfix,'class':'sprite-btn-apply clickable'});this.leftAlign.observe('click',this.doLeftAlign.bind(this));this.centerAlign.observe('click',this.doCenterAlign.bind(this));this.rightAlign.observe('click',this.doRightAlign.bind(this));this.errorElement=new Element('div',{id:'error_'+idPostfix,'class':'textErrorWarning',style:'position:relative'});var errorIcon=new Element('div',{id:'errorIcon_'+idPostfix,'class':'sprite-icon-warning-small-red',style:'float: left; margin-right:8px;'});this.errorText=new Element('div',{id:'errorText_'+idPostfix,'class':'textErrorWarningText'}).update('(Error: 42)');this.errorElement.insert(errorIcon);this.errorElement.insert(this.errorText);this.errorElement.hide();var alignable=false;if(this.productTextbox){if(this.productTextbox.horizontalAlignmentEnabled==null){if(parseFloat(Personalize.product.fulfillmentItemType.limitedFonts)){alignable=false;}else{alignable=true;}}else if(parseFloat(this.productTextbox.horizontalAlignmentEnabled)==0){alignable=false;}else{alignable=true;}} if(alignable){this.bottomElement.insert(this.leftAlign);this.bottomElement.insert(this.centerAlign);this.bottomElement.insert(this.rightAlign);this.initialTextAlign();} this.bottomElement.insert(applyButton);this.bottomElement.insert(new Element('div',{style:'clear:both'}));this.bottomElement.hide();this.textArea=new Element('textarea',{id:'textArea_'+idPostfix,'class':'textEditorArea'}).update('');this.textArea.value=this.textbox.content;this.textArea.identify();if(Personalize.ie6){this.textArea.setStyle({width:'330px'});} this.setHeightByLines(null,true);this.textArea.observe('change',this.textChange.bindAsEventListener(this));this.textArea.observe('keyup',this.setHeightByLines.bind(this));this.textArea.observe('focus',this.getFocus.bindAsEventListener(this));this.textArea.observe('blur',this.loseFocus.bindAsEventListener(this));this.textArea.observe('mouseover',this.overHandler.bindAsEventListener(this));this.textArea.observe('mouseout',this.outHandler.bindAsEventListener(this));mainElement.insert(this.titleElement);mainElement.insert(this.errorElement);mainElement.insert(this.textArea);mainElement.insert(new Element('div',{style:'position:relative'}).update(this.bottomElement));mainElement.insert(new Element('div',{style:'display:none'}));this.domElement=mainElement;return this.domElement;},setHeightByLines:function(ev,instantaneous){var text=this.textArea.value;var split=text.split("\n");var lines=Math.min(6,split.length);var newHeight=((lines)*16)+6;if(instantaneous!=null){this.textAreaSmallHeight=this.textAreaLargeHeight=newHeight;this.textArea.setStyle({height:newHeight+'px'});}else{if(newHeight!=this.textAreaSmallHeight){this.textAreaSmallHeight=this.textAreaLargeHeight=newHeight;new Effect.Morph(this.textArea,{style:{height:newHeight+'px'},duration:0.2});}} this.hideToolTip();},textChange:function(){this.textbox.content=this.textArea.getValue();this.setHeightByLines();this.updatePreview();},getFocus:function(){this.hasFocus=true;if(!this.lit) this.lightUp();if(!this.expanded) this.expand();Personalize.activeStep.blurUnfocusedEditors();},setFocus:function(){this.textArea.focus();},loseFocus:function(ev){this.hasFocus=false;if(!ev){return;} if(Personalize.safari){return;}else{var target=ev.explicitOriginalTarget||document.activeElement;} if(target){if(target.id){if($(target).hasClassName('sprite-btn-next')||$(target).hasClassName('sprite-btn-back')||target.id==this.textArea.id||$(target.id).descendantOf(this.domElement)||target.id==this.panelTextbox.domElement.id||$(target.id).descendantOf(this.panelTextbox.domElement)){if(this.focusLoserCache){$(document).stopObserving('click',this.focusLoserCache);} this.focusLoserCache=this.focusLoser.bindAsEventListener(this);$(document).observe('click',this.focusLoserCache);return;}}else if($(target).hasClassName('sprite-btn-next')||$(target).hasClassName('sprite-btn-back')||$(target).hasClassName('panelThumbnailContainer')||$(target).hasClassName('panelThumbnail')){return;}else if($(target).descendantOf('personalizeLayoutTray_tray')){if(Personalize.isIe()){this.lightDown();this.expanded=false;return;}}else if(target.parentNode&&target.parentNode!=window.document){if($(target.parentNode).descendantOf(this.domElement)){if(this.focusLoserCache){$(document).stopObserving('click',this.focusLoserCache);} this.focusLoserCache=this.focusLoser.bindAsEventListener(this);$(document).observe('click',this.focusLoserCache);return;}}} this.realBlur();},focusLoser:function(ev){if(ev.target){if(ev.target.id){if(ev.target.id==this.textArea.id||$(ev.target.id).descendantOf(this.domElement)||$(ev.target.id).descendantOf(this.panelTextbox.domElement)||ev.target.id==this.panelTextbox.domElement.id){return;}}else if(ev.target.parentNode){if($(ev.target.parentNode).descendantOf(this.domElement)){return;}}} $(document).stopObserving('click',this.focusLoserCache);this.focusLoserCache=null;this.internalBlur=true;this.loseFocus();},realBlur:function(){this.lightDown();this.shrink();},shrink:function(){if(this.expanded){if(Personalize.isIe()){if(this.inlineStyle){this.inlineStyleElement.hide();} new Effect.SlideUp(this.bottomElement,{duration:0.3});this.textArea.style.height=this.textAreaSmallHeight+'px';}else{if(this.inlineStyle){new Effect.SlideUp(this.inlineStyleElement,{duration:0.3});} new Effect.SlideUp(this.bottomElement,{duration:0.3});new Effect.Morph(this.textArea,{style:'height: '+this.textAreaSmallHeight+'px',duration:0.3});} this.expanded=false;}},expand:function(){if(!this.expanded){if(Personalize.isIe()){if(this.inlineStyle){this.inlineStyleElement.show();} new Effect.SlideDown(this.bottomElement,{duration:0.3});this.textArea.style.height=this.textAreaLargeHeight+'px';}else{if(this.inlineStyle){new Effect.SlideDown(this.inlineStyleElement,{duration:0.3});} new Effect.SlideDown(this.bottomElement,{duration:0.3});new Effect.Morph(this.textArea,{style:'height: '+this.textAreaLargeHeight+'px',duration:0.3});} this.expanded=true;}},overHandler:function(){this.lightUp();},outHandler:function(){if(this.hasFocus)return;this.lightDown();},updatePreview:function(){this.panelTextbox.render();},setError:function(text){this.error=true;this.errorElement.show();this.errorText.update(text);this.domElement.setStyle({background:'#FF0000'});if(this.inlineStyle){this.inlineStyleElement.style.border='1px solid #ff0000';}},clearError:function(text){this.error=false;this.errorElement.hide();this.titleElement.setStyle({color:'#533519'});if(this.lit){this.lightUp(true);}else{this.lightDown(true);} if(this.inlineStyle){this.inlineStyleElement.style.border='1px solid #b8b8b8';}},hasError:function(){return this.error;},lightUp:function(force){if(typeof force==='udefined')force=false;if(!force){if(this.lit)return;if(this.error)return;} this.lit=true;if(Personalize.isIe()){this.domElement.setStyle({backgroundColor:'#b8b8b8'});}else{new Effect.Morph(this.domElement,{style:'background: #b8b8b8',duration:0.5});} this.panelTextbox.lightUp();},lightDown:function(force){if(typeof force==='udefined')force=false;if(!force){if(!this.lit)return;if(this.error)return;} this.lit=false;if(this.hasFocus)return;if(Personalize.isIe()){this.domElement.setStyle({backgroundColor:'#EFF9FE'});}else{this.currentEffect=new Effect.Morph(this.domElement,{style:'background: #EFF9FE',duration:0.5});} this.panelTextbox.lightDown();},showToolTip:function(){try{if(!this.toolTipRendered){this.toolTipRendered=true;this.toolTip=new TPBalloon({anchor:this.textArea.identify(),width:200,height:40,fadeTime:0.3,imageBase:Personalize.hosts['static']+'/image/balloon/',stemPosition:'rightMiddle',content:'Choose your text and font options here.',contentClass:'toolTipContent',animator:new TPBalloonPointerAnimator({repetitions:2,distance:5,delay:0})});}}catch(e){} this.toolTip.show();setTimeout(this.hideToolTip.bind(this),5000);},hideToolTip:function(){if(this.toolTip){this.toolTip.hide();}},remove:function(){this.domElement.remove();}};var PersonalizePhotoTray=function(){this.domElement=null;this.photos=[];this.photoElements=[];this.mainElement=null;this.trayArea=null;this.trayAreaContainer=null;this.trayWidth=0;this.trayPosition=0;this.width=576;this.loading=false;this.loaded=false;this.populateOnLoad=false;this.containerElement=null;this.headerElement=null;this.footerElement=null;this.countElement=null;this.addElement=null;this.reflections=false;this.height=(this.reflections)?100:70;};PersonalizePhotoTray.prototype={removePhoto:function(photo){for(var i=0;iPhoto Tray | '+this.photos.length+' photo'+((this.photos.length>1||this.photos.length==0)?'s':'')+' uploaded');for(var i=0;iPhoto Tray | Loading photos..');this.addElement=new Element('div',{'class':'clickable wpdBlueFont'});var addButton=new Element('div',{'class':'sprite-btn-plus',style:'float:left; margin-right:4px;'});this.addElement.observe('click',this.uploadPhoto.bind(this));var addText=new Element('div').update('Add or Remove Photos');this.addElement.insert(addButton);this.addElement.insert(addText);this.headerElement.insert(this.countElement);this.headerElement.insert(this.addElement);this.countElement.setStyle({width:(this.width-160)+'px'});this.footerElement=new Element('div',{'class':'photoTrayFooter'});this.containerElement.insert(this.headerElement);this.containerElement.insert(this.mainElement);this.containerElement.insert(this.footerElement);this.populate();parentElement.insert(this.containerElement);this.imageSpace=new PhotoTrayImageSpace('PhotoTrayArea');this.imageSpace.parent=this;this.imageSpace.photos=(!Personalize.isSample())?this.photos:Personalize.adminPhotos;this.imageSpace.render();},uploadPhoto:function(){Personalize.activeStep.uploadPhotos();},addPhoto:function(photo){this.photos.push(photo);this.addThumb(photo);this.imageSpace.addItem();},renderThumbs:function(){this.countElement.update('Photo Tray');this.trayArea.update('');for(var i=0;iPhoto Tray | '+this.photos.length+' photo'+((this.photos.length>1)?'s':'')+' uploaded');this.trayArea.insert(thumb);},getReflectedElement:function(image){var d=document.createElement('div');var p=image;var options={"height":0.5,"opacity":0.5} var classes=p.className.split(' ');var newClasses='';for(j=0;j0){return;} this.trayPosition=(availableWidth-this.trayWidth);new Effect.Morph(this.trayArea,{style:'left:'+this.trayPosition+'px',duration:0.5});},populate:function(){if(!this.loaded){this.requestPhotos();} if(this.loading){this.populateOnLoad=true;return;} this.renderThumbs();},preloadThumbs:function(){for(var i=0;iPhoto Tray');this.trayArea.update('');for(var photoIndex=0;photoIndex=0){return;} this.parent.setScrollRightAvailable();var moveLeftAmount=-offSet;var numberOfItemsToScroll=Math.abs(offSet)/this.unitWidth;var duration=numberOfItemsToScroll*this.scrollDuration;this.scrollLeftEffect=new Effect.Move(this.domId,{x:moveLeftAmount,duration:duration,mode:'relative',transition:Effect.Transitions.linear,beforeUpdate:this.scrollLeftUpdate.bind(this),afterFinish:this.scrollLeftFinish.bind(this)});},scrollRight:function(){this.scrollRightFlag=true;var parent=this.containerDom.up();var parentOffset=parent.positionedOffset();var offSet=Personalize.pxToNumber(this.containerDom.style.left);var containerWidth=Personalize.pxToNumber(this.containerDom.style.width);if(!offSet){offSet=0;} this.maxRightTo=-(containerWidth-parent.getWidth());if(offSet<=this.maxRightTo){return;} this.parent.setScrollLeftAvailable();var numberOfItemsToScroll=this.photos.length-((Math.abs(offSet)+parent.getWidth())/this.unitWidth);var duration=numberOfItemsToScroll*this.scrollDuration;this.scrollRightEffect=new Effect.Move(this.domId,{x:this.maxRightTo-offSet,duration:duration,mode:'relative',transition:Effect.Transitions.linear,beforeUpdate:this.scrollRightUpdate.bind(this),afterFinish:this.scrollRightFinish.bind(this)});},scrollLeftRightCheck:function(){var parent=this.containerDom.up();var parentOffset=parent.positionedOffset();var offSet=Personalize.pxToNumber(this.containerDom.style.left);var containerWidth=Personalize.pxToNumber(this.containerDom.style.width);if(!offSet){offSet=0;} if(offSet>=0){this.parent.scrollLeftFinish();} if(containerWidth This photo is low resolution and may not print well for this product.';};PersonalizePhoto.prototype={render:function(parentElement){this.displayX=Personalize.roundForRendering(Personalize.resolutionConvert(this.photo.x,144,this.resolution));this.displayY=Personalize.roundForRendering(Personalize.resolutionConvert(this.photo.y,144,this.resolution));this.displayWidth=Personalize.roundForRendering(Personalize.resolutionConvert(this.photo.width,144,this.resolution));this.displayHeight=Personalize.roundForRendering(Personalize.resolutionConvert(this.photo.height,144,this.resolution));if(typeof this.photo.scaledWidth==='undefined'&&typeof this.photo.scaledHeight==='undefined'){this.photo.scaledWidth=this.displayWidth;this.photo.scaledHeight=this.displayHeight;} if(this.photo.rotation==90||this.photo.rotation==270){var t=this.photo.scaledWidth;this.photo.scaledWidth=this.photo.scaledHeight;this.photo.scaledHeight=t;} var borderSize=0;if(this.photo.frameColorId){var border='border:'+Personalize.roundForRendering(Personalize.resolutionConvert(this.photo.frameWidth,144,this.resolution))+'px '+this.photo.frameStyle+' #'+Personalize.product.fontColors[this.photo.frameColorId].rgb;var borderSize=Personalize.roundForRendering(Personalize.resolutionConvert(this.photo.frameWidth,144,this.resolution));} this.domElement=new Element('div',{style:'z-index: '+((++Personalize.photoZIndex)+parseFloat(this.photo.z))+'; background:#FFF; overflow:hidden; position: absolute; top: '+this.displayY+'px; left: '+this.displayX+'px; width:'+this.displayWidth+'px; height: '+this.displayHeight+'px;'});this.borderX=this.displayX-(borderSize/2);this.borderY=this.displayY-(borderSize/2);this.borderWidth=this.displayWidth-borderSize;this.borderHeight=this.displayHeight-borderSize;this.borderElement=new Element('div',{style:'z-index: '+((++Personalize.photoZIndex)+parseFloat(this.photo.z))+'; '+border+' ; overflow:hidden; position: absolute; top: '+this.borderY+'px; left: '+this.borderX+'px; width:'+this.borderWidth+'px; height: '+this.borderHeight+'px;'});this.handleX=(this.displayX<0)?0:this.displayX;this.handleY=(this.displayY<0)?0:this.displayY;this.handleWidth=(this.displayX<0)?this.displayWidth+this.displayX:this.displayWidth+1;this.handleHeight=(this.displayY<0)?this.displayHeight+this.displayY:this.displayHeight+1;var handleId='handle_'+(++Personalize.handleZIndex);this.handleElement=new Element('div',{id:handleId,style:'background: url('+Personalize.hosts['static']+'image/blank.gif) repeat; overflow:hidden; z-index: '+(++Personalize.handleZIndex)+'; position: absolute; top: '+this.handleY+'px; left: '+this.handleX+'px; width:'+this.handleWidth+'px; height: '+this.handleHeight+'px;','class':'clickable'});this.errorView=new Element('div',{style:'position: absolute; top:0px;left:0px;border:2px solid red; width:'+Math.floor(this.handleWidth-4)+'px; height:'+Math.floor(this.handleHeight-4)+'px'});this.errorView.identify();this.errorFader=new Element('div',{style:'padding-left:3px; padding-right:3px; position:absolute;top:0px;left:0px;width:'+Math.floor(this.handleWidth-8)+'px;height:45px;background-color:red;font-family:Helvetica;font-size:12px;font-weight:bold;color:white'}).update(this.errorString);this.errorFader.identify();this.errorFader.hide();this.errorView.hide();this.errorView.insert(this.errorFader);this.hintButton=new Element('div',{align:'center'}).update('
');this.hintButton.setStyle({position:'relative',top:(this.handleHeight-40)+'px',left:'0px',width:'100%'});this.hintButton.hide();this.handleElement.observe('mouseover',this.errorOverlayOn.bindAsEventListener(this));this.handleElement.observe('mouseout',this.errorOverlayOff.bindAsEventListener(this));this.orientation=(this.displayWidth/this.displayHeight);this.checkErrors();this.renderPhoto();Droppables.add(this.handleElement,{accept:'imageDraggable',hoverClass:'dropTarget',onDrop:function(element){if(element.photo){this.swapPhoto(element.photo);}else if(Personalize.isSample()&&element.fileId){new Ajax.Request('/personalize/sampleImage',{method:'post',parameters:{fileId:element.fileId},onSuccess:function(transport){this.swapPhoto(transport.responseJSON);this.photo.sampleImageId=element.fileId;}.bind(this),onFailure:function(){alert('Error adding PMS photo.');}});}}.bind(this)});parentElement.insert(this.domElement);parentElement.insert(this.borderElement);parentElement.insert(this.handleElement);},changeColor:function(newColor){try{this.productPhoto.color=this.productPhoto.colors[newColor];this.photo.frameColorId=this.productPhoto.color.frameColorId;this.photo.overlayImageId=this.productPhoto.color.overlayImageId;if(this.photo.frameColorId){var border=Personalize.roundForRendering(Personalize.resolutionConvert(this.photo.frameWidth,144,this.resolution))+'px '+this.photo.frameStyle+' #'+Personalize.product.fontColors[this.photo.frameColorId].rgb;var borderSize=Personalize.roundForRendering(Personalize.resolutionConvert(this.photo.frameWidth,144,this.resolution));this.borderElement.setStyle({'border':border});}}catch(e){}},errorOverlayOn:function(ev){if(this.photo.contentPhotoId) this.hintButton.show();if(this.error){this.errorFader.setStyle({display:'block'});this.errorFader.update(this.errorString);}},errorOverlayOff:function(ev){if(this.photo.contentPhotoId) this.hintButton.hide();if(this.error){this.errorFader.setStyle({display:'none'});}},renderPhoto:function(){this.domElement.update('');var domWidth=parseInt(this.domElement.style.width);var domHeight=parseInt(this.domElement.style.height);this.handleElement.insert(this.hintButton);this.handleElement.insert(this.errorFader);this.handleElement.insert(this.errorView);if(this.photo.contentPhotoId){this.imgElement=new Element('img',{width:domWidth,height:domHeight,src:this.getPhotoUrl()});this.handleElement.stopObserving('click');this.handleElement.observe('click',this.openEditor.bindAsEventListener(this));}else{var numPhotos=0;try{numPhotos=Personalize.activeStep.photoTray.getPhotoCount()}catch(e){} var text=(numPhotos>0)?"Drag and drop photos here":"Click here to add photos";this.imgElement=new Element('img',{src:this.getNoPhotoUrl(text)});this.handleElement.stopObserving('click');this.handleElement.observe('click',this.requestUpload.bindAsEventListener(this));this.clearError();} this.imgElement.observe('load',this.imgLoad.bind(this));this.domElement.insert(this.imgElement);},imgLoad:function(){},swapPhoto:function(photo){if(!photo){this.photo.contentPhotoId=null;this.photo.scaledHeight=null;this.photo.scaledWidth=null;this.photo.cropX=null;this.photo.cropY=null;this.photo.cropWidth=null;this.photo.cropHeight=null;this.photo.effectId=null;this.photo.rotation=null;this.checkErrors();this.renderPhoto();Personalize.activeStep.photoTray.updateUsedThumbs();return;} this.userPhoto=photo;this.photo.contentPhotoId=photo.id;var photoOrientation=photo.width/photo.height;if(this.orientation>photoOrientation){this.photo.scaledWidth=this.displayWidth;this.photo.scaledHeight=0;var photoScaling=this.userPhoto.width/this.photo.scaledWidth;this.photo.cropHeight=this.displayHeight*(photoScaling);this.photo.cropY=(this.userPhoto.height-this.photo.cropHeight)/2;this.photo.cropX=0;this.photo.cropWidth=this.displayWidth*(photoScaling);this.photo.effectId=null;this.photo.rotation=null;}else{this.photo.scaledHeight=(this.displayHeight);this.photo.scaledWidth=0;var photoScaling=this.userPhoto.height/this.photo.scaledHeight;this.photo.cropWidth=this.displayWidth*(photoScaling);this.photo.cropX=(this.userPhoto.width-this.photo.cropWidth)/2;this.photo.cropY=0;this.photo.cropHeight=this.displayHeight*(photoScaling);this.photo.effectId=null;this.photo.rotation=null;} this.checkErrors();this.renderPhoto();Personalize.activeStep.photoTray.updateUsedThumbs();},openEditor:function(){if(this.editor){delete this.editor;} if(!this.userPhoto){try{if(this.photo.contentPhotoId){var photos=Personalize.activeStep.photoTray.getPhotoList();var comparisonId=(!Personalize.isSample())?this.photo.contentPhotoId:this.photo.sampleImageId;for(var i=0;i1){var contentWidth=this.thumbContainerWidth*count;this.contentElement.setStyle({width:contentWidth+'px',height:'120px'});this.domElement.show();}else{this.domElement.hide();} this.count=count;},addThumb:function(layout,selected){var layoutElementContainer=new Element('div',{'class':'personalizeLayoutTrayThumbContainer clickable'});var layoutElement=new Element('div',{'class':'personalizeLayoutTrayThumb'});var layoutImg=new Element('img',{'class':'layoutImage ',title:layout.layout.displayName});var title=layout.layout.displayName.replace(/\s(\d)/g,"
$1");var layoutTitle=new Element('div',{'class':'personalizeLayoutTrayThumbName'}).update(title);layoutImg.onload=function(){var parentHeight=70;var parentWidth=70;var marginTop=(parentHeight-this.height)/2;var marginLeft=(parentWidth-this.width)/2;$(this).setStyle({marginTop:marginTop+'px',marginLeft:marginLeft+'px'});} layoutElementContainer.observe('click',this.selectLayout.bind(this,layout,layoutElement));layoutImg.src=Personalize.hosts.images+'image/layout/'+layout.layout.imageId+'/width/70/height/70/shadow/1.png';if(selected){this.selectedLayoutElement=layoutElement;this.selectedLayoutId=layout.id;this.selectedLayoutElement.addClassName('selected');} layoutElementContainer.insert(layoutElement.insert(layoutImg));layoutElementContainer.insert(layoutTitle);this.contentElement.insert(layoutElementContainer);},selectLayout:function(layout,element){if(layout.layoutId==this.selectedLayoutId)return;element.addClassName('selected');if(this.selectedLayoutElement)this.selectedLayoutElement.removeClassName('selected');this.selectedLayoutElement=element;this.selectedLayoutId=layout.layoutId;Personalize.trigger('changelayout',layout.layoutId,Personalize.activeStep.currentPanel.panelId);}};var PersonalizeOverlay=function(overlay,resolution){this.overlay=overlay;this.productOverlay=Personalize.product.panels[Personalize.activeStep.currentPanel.panelId].overlays[overlay.overlayId];this.domElement=null;this.resolution=resolution;};PersonalizeOverlay.prototype={changeColor:function(newColor){try{this.overlay.imageId=this.productOverlay.colors[newColor].imageId;this.setOverlayImage();}catch(e){}},render:function(parentElement){this.width=Personalize.roundForRendering(Personalize.resolutionConvert(parseFloat(this.overlay.width),144,this.resolution))-1;this.height=Personalize.roundForRendering(Personalize.resolutionConvert(parseFloat(this.overlay.height),144,this.resolution))-1;this.domElement=new Element('div',{'class':'personalizeOverlay'});var zIndex=(this.overlay.editable==1)?(++Personalize.borderZIndex):(++Personalize.overlayZIndex+parseFloat(this.overlay.z));this.domElement.setStyle({position:'absolute',top:Personalize.roundForRendering(Personalize.resolutionConvert(this.overlay.y,144,this.resolution))+1+'px',left:Personalize.roundForRendering(Personalize.resolutionConvert(this.overlay.x,144,this.resolution))+'px',width:this.width+'px',height:this.height+'px',zIndex:zIndex});this.setOverlayImage();parentElement.insert(this.domElement);},setOverlayImage:function(){var overlayImageUrl=Personalize.hosts.images+'image/overlay/'+this.overlay.imageId+'/resolution/'+this.resolution+'/width/'+this.width+'/height/'+this.height+'.png';if(Personalize.ie6){this.domElement.setStyle({background:'',filter:'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="'+encodeURI(overlayImageUrl)+'", sizingMethod="crop")'});}else{this.domElement.setStyle({background:'transparent url('+overlayImageUrl+') no-repeat left top'});}},editHandler:function(ev){var checkbox=Event.element(ev);if(!checkbox.checked){this.overlay.switchedOn=0;this.remove();}else{this.overlay.switchedOn=1;this.render($('personalizeImagePreviewPane'));}},getBorderImageUrl:function(){var width=Personalize.roundForRendering(Personalize.resolutionConvert(parseFloat(this.overlay.width),144,this.resolution))-1;var height=Personalize.roundForRendering(Personalize.resolutionConvert(parseFloat(this.overlay.height),144,this.resolution))-1;var cropY=0;var cropHeight=15;var cropX=15;var cropWidth=100;var borderImageUrl=Personalize.hosts.images+'image/overlay/'+this.overlay.imageId+'/resolution/'+this.resolution+'/cropY/'+cropY+'/cropHeight/'+cropHeight+'/cropX/'+cropX+'/cropWidth/'+cropWidth+'/width/'+width+'/height/'+height+'.png';return borderImageUrl;},remove:function(){this.domElement.remove();}};var PersonalizeBorderTray=function(){this.domElement=null;this.overlay=null;this.checked=null;};PersonalizeBorderTray.prototype={render:function(overlay){$('personalizeStep_designOptions').update('');this.overlay=overlay;this.domElement=new Element('div',{'id':'borderTray'});this.domElement.insert(new Element('div').update('Borders'));this.checkBox=new Element('input',{'type':'checkbox','id':'borderCheck','class':'clickable'});var newDiv=new Element('div',{'style':'float: left;'});newDiv.insert(this.checkBox);if(overlay.overlay.switchedOn==1){this.checkBox.checked=true;} this.checkBox.observe('click',overlay.editHandler.bindAsEventListener(overlay));newDiv.insert(new Element('span').update('Turn Borders On'));this.domElement.insert(newDiv);$('personalizeStep_designOptions').insert(this.domElement);},remove:function(){if(this.domElement){this.domElement.remove();this.domElement=null;}}};var PersonalizeSeparator=function(separator,resolution){this.separator=separator;this.domElement=null;this.resolution=resolution;};PersonalizeSeparator.prototype={render:function(parentElement){var top=Personalize.roundForRendering(Personalize.resolutionConvert(parseFloat(this.separator.y),144,this.resolution));var left=Personalize.roundForRendering(Personalize.resolutionConvert(parseFloat(this.separator.x),144,this.resolution));var width=Personalize.roundForRendering(Personalize.resolutionConvert(parseFloat(this.separator.width),144,this.resolution));var height=Personalize.roundForRendering(Personalize.resolutionConvert(parseFloat(this.separator.height),144,this.resolution));if(typeof top=='undefined')top=0;if(typeof left=='undefined')left=0;if(width>height){height=1;}else{width=1;} this.domElement=new Element('div');this.domElement.identify();this.domElement.setStyle({'position':'absolute','top':top+'px','left':left+'px','width':width+'px','height':height+'px',backgroundColor:'#EAEAEA'});parentElement.insert(this.domElement);}};var PersonalizePhotoEditor=function(photo,productPhoto,userPhoto,resolution,panelPhoto){this.panelPhoto=panelPhoto;this.productPhoto=productPhoto;this.userPhoto=userPhoto;this.photo=photo;this.savedPhoto=Object.clone(this.photo);this.resolution=resolution;this.dialog=null;this.photoPane=null;this.zoomLevel=0;this.moveStep=5;this.zoomStep=0.1;this.zoomSmallStep=0.01;this.photoStartWidth=null;this.photoStartHeight=null;this.photoStartX=null;this.photoStartY=null;this.commandButtonsContainer=null;this.loader=null;this.displayWidth=Personalize.resolutionConvert(this.photo.width,144,this.resolution);this.displayHeight=Personalize.resolutionConvert(this.photo.height,144,this.resolution);this.maxPhotoWidth=(userPhoto.width*this.displayWidth)/productPhoto.minimumWidth;this.maxPhotoHeight=(userPhoto.height*this.displayHeight)/productPhoto.minimumHeight;this.rotation=0;};PersonalizePhotoEditor.prototype={popupEditor:function(){if(!this.dialog){this.dialog=new PersonalizePopup('Photo Editor','photoEditor');} this.dialog.callback=this.closeCallback.bind(this);this.dialogElement=this.dialog.getPopupElement();this.dialogElement.setStyle({position:'relative'});this.controlPane=new Element('div',{'class':'photoEditorControls'});this.photoPane=new Element('div',{'class':'photoEditorPhotoArea'});this.photoContainer=new Element('div');this.photoElement=new Element('img');var zoomIn=new Element('div',{'class':'photoEditorButton zoomIn clickable'}).update('
zoom in');zoomIn.onclick=this.photoZoomIn.bind(this);var zoomOut=new Element('div',{'class':'photoEditorButton zoomOut clickable'}).update('
zoom out');zoomOut.onclick=this.photoZoomOut.bind(this);var zoomButtons=new Element('div',{'class':'photoEditorZoomContainer'});zoomButtons.insert(new Element('div',{align:"center"}).insert(zoomIn));zoomButtons.insert(new Element('div',{align:"center"}).insert(zoomOut));var moveUp=new Element('div',{'class':'moveUp clickable'}).update('
');moveUp.onclick=this.photoMoveUp.bind(this);var moveDown=new Element('div',{'class':'moveDown clickable'}).update('
');moveDown.onclick=this.photoMoveDown.bind(this);var moveLeft=new Element('div',{'class':'moveLeft clickable'}).update('
');moveLeft.onclick=this.photoMoveLeft.bind(this);var moveRight=new Element('div',{'class':'moveRight clickable'}).update('
');moveRight.onclick=this.photoMoveRight.bind(this);var moveText=new Element('div',{'class':'moveText'}).update('move');var moveButtons=new Element('div',{'class':'photoEditorMoveContainer'});moveButtons.insert(moveUp);moveButtons.insert(moveDown);moveButtons.insert(moveLeft);moveButtons.insert(moveRight);var rotateLeft=new Element('div',{'class':'photoEditorButton rotateLeft clickable'}).update('
rotate left');rotateLeft.onclick=this.photoRotateLeft.bind(this);var rotateRight=new Element('div',{'class':'photoEditorButton rotateRight clickable'}).update('
rotate right');rotateRight.onclick=this.photoRotateRight.bind(this);var rotateButtons=new Element('div',{'class':'photoEditorRotateContainer'});rotateButtons.insert(new Element('div',{align:"center"}).insert(rotateLeft));rotateButtons.insert(new Element('div',{align:"center"}).insert(rotateRight));var fxSepia=new Element('div',{'class':'photoEditorButton fxSepia clickable'}).update('
sepia');fxSepia.onclick=this.photoFxSepia.bind(this);var fxGray=new Element('div',{'class':'photoEditorButton fxGrayscale clickable'}).update('
b&w');fxGray.onclick=this.photoFxGray.bind(this);var fxNone=new Element('div',{'class':'photoEditorButton fxOriginal clickable'}).update('
original');fxNone.onclick=this.photoFxNone.bind(this);var fxButtons=new Element('div',{'class':'photoEditorFxContainer'});fxButtons.insert(new Element('div',{align:"center"}).insert(fxNone));fxButtons.insert(new Element('div',{align:"center"}).insert(fxGray));fxButtons.insert(new Element('div',{align:"center"}).insert(fxSepia));var apply=new Element('div',{'class':'photoEditorCmdButton cmdApply clickable'}).update('
');apply.onclick=this.applyEdits.bind(this);var cancel=new Element('div',{'class':'photoEditorCmdButton cmdCancel clickable'}).update('
');cancel.onclick=this.cancelEdits.bind(this);var remove=new Element('div',{'class':'photoEditorCmdButton cmdRemove clickable',style:'margin-top:6px;margin-right:10px;width:120px;'}).update('
  Remove Photo
');;remove.onclick=this.removePhotoAndClose.bind(this);var cmdButtons=new Element('div',{'align':'right','class':'photoEditorCmdContainer'});cmdButtons.setStyle({width:'320px'});cmdButtons.insert(apply);cmdButtons.insert(cancel);cmdButtons.insert(remove);cmdButtons.insert(new Element('div',{style:'clear:both'}));this.commandButtonsContainer=cmdButtons;this.photoContainer.insert(this.photoElement);this.photoPane.insert(this.photoContainer);this.controlPane.insert(zoomButtons);this.controlPane.insert(new Element('div',{align:"center"}).insert(moveButtons));this.controlPane.insert(rotateButtons);this.controlPane.insert(fxButtons);this.photoPane.insert(cmdButtons);this.photoPane.insert(new Element('div',{style:'clear:both'}));this.dialogElement.insert(this.controlPane);this.dialogElement.insert(this.photoPane);this.dialogElement.insert(new Element('div',{style:'clear:both'}));this.initPhotoPane();this.dialogElement.setStyle({width:(this.controlPane.getWidth()+this.photoPane.getWidth())+'px'});this.dialog.showPopup();Event.observe(document,"mousewheel",this.handleWheel.bind(this),false);Event.observe(document,"DOMMouseScroll",this.handleWheel.bind(this),false);},handleWheel:function(event){if(Event.wheel(event)>0){this.photoZoomIn();}else{this.photoZoomOut();} Event.stop(event);},closeCallback:function(){this.cancelEdits();this.dialog.destroy();Event.stopObserving(document,"mousewheel");Event.stopObserving(document,"DOMMouseScroll");},getPhotoUrl:function(){var url=Personalize.hosts.images+'personalize';var parameters={photo:this.photo.contentPhotoId};if(this.photo.effectId){if(this.photo.effectId==Personalize.IMAGE_EFFECT_GRAYSCALE){parameters.effects='grayscale';} if(this.photo.effectId==Personalize.IMAGE_EFFECT_SEPIA){parameters.effects='sepia';}} if(this.photo.rotation){parameters.rotate=this.photo.rotation;} for(var key in parameters){url+='/'+key+'/'+parameters[key];} return url+'.jpg';},reloadPhoto:function(){this.photoElement.src=this.getPhotoUrl();if(this.rotation!=this.photo.rotation){this.rotation=this.photo.rotation;var curWidth=this.photoElement.getWidth();var curHeight=this.photoElement.getHeight();this.photoElement.setStyle({width:curHeight+'px',height:curWidth+'px'});}},initPhotoPane:function(){this.photoContainer.setStyle({width:this.displayWidth+'px',height:this.displayHeight+'px',overflow:'hidden',position:'relative'});this.photoElement.src=this.getPhotoUrl();if(!this.photo.rotation){this.photo.rotation=0;} this.photoStartRotation=this.photo.rotation;if(this.photo.rotation==90||this.photo.rotation==270){if(this.photo.cropHeight){var elemScaling=this.displayHeight/this.photo.cropWidth;}else{var elemScaling=this.displayWidth/this.photo.cropHeight;}}else{if(this.photo.cropHeight){var elemScaling=this.displayHeight/this.photo.cropHeight;}else{var elemScaling=this.displayWidth/this.photo.cropWidth;}} switch(this.photo.rotation){case 0:this.photoStartHeight=this.userPhoto.height*elemScaling;this.photoStartWidth=this.userPhoto.width*elemScaling;this.photoStartX=(this.photo.cropX)?(-1)*this.photo.cropX*elemScaling:0;this.photoStartY=(this.photo.cropY)?(-1)*this.photo.cropY*elemScaling:0;break;case 90:this.photoStartWidth=this.userPhoto.height*elemScaling;this.photoStartHeight=this.userPhoto.width*elemScaling;this.photoStartX=(-1)*(this.photoStartWidth-this.displayWidth-(this.photo.cropY*elemScaling));this.photoStartY=(-1)*this.photo.cropX*elemScaling;break;case 180:this.photoStartHeight=this.userPhoto.height*elemScaling;this.photoStartWidth=this.userPhoto.width*elemScaling;this.photoStartX=(-1)*(this.photoStartWidth-this.displayWidth-(this.photo.cropX*elemScaling));this.photoStartY=(-1)*(this.photoStartHeight-this.displayHeight-(this.photo.cropY*elemScaling));break;case 270:this.photoStartWidth=this.userPhoto.height*elemScaling;this.photoStartHeight=this.userPhoto.width*elemScaling;this.photoStartX=(-1)*this.photo.cropY*elemScaling;this.photoStartY=(-1)*(this.photoStartHeight-this.displayHeight-(this.photo.cropX*elemScaling));break;} this.photoElement.setStyle({width:this.photoStartWidth+'px',height:this.photoStartHeight+'px',left:this.photoStartX+'px',top:this.photoStartY+'px'});this.photoElement.observe('load',this.photoLoaded.bind(this));new Draggable(this.photoElement,{starteffect:null,endeffect:null,snap:this.photoDragValidate.bind(this),onEnd:this.photoSetValues.bind(this)});var bestHeight=Math.max((this.displayHeight+80),320);var bestWidth=Math.max((this.displayWidth+80),340);var leftOfs=Math.floor((bestWidth-this.displayWidth)/2);this.photoPane.setStyle({width:bestWidth+'px',height:bestHeight+'px'});this.controlPane.setStyle({position:'relative',height:bestHeight+'px'});this.photoContainer.setStyle({position:'relative',top:'30px',left:leftOfs+'px'}) var cmdPosX=(bestWidth)-this.commandButtonsContainer.getWidth()-5;var cmdPosY=bestHeight-this.commandButtonsContainer.getHeight()-5;this.commandButtonsContainer.setStyle({top:cmdPosY+'px',left:cmdPosX+'px'});},photoLoaded:function(){if(this.loader)this.loader.remove();},photoSetValues:function(){this.photoSnap();var offset=this.photoElement.positionedOffset();var top=offset.top;var left=offset.left;var width=this.photoElement.getWidth();var height=this.photoElement.getHeight();var scaleToOriginal=width/this.userPhoto.width;if(this.photo.rotation==90||this.photo.rotation==270){scaleToOriginal=height/this.userPhoto.width;} this.photo.cropWidth=this.displayWidth/scaleToOriginal;this.photo.cropHeight=this.displayHeight/scaleToOriginal;this.photo.cropX=((-1)*left)/scaleToOriginal;this.photo.cropY=((-1)*top)/scaleToOriginal;if(this.photo.rotation){if(this.photo.rotation==90){var t=this.photo.cropWidth;this.photo.cropWidth=this.photo.cropHeight;this.photo.cropHeight=t;this.photo.cropX=((-1)*top)/scaleToOriginal;this.photo.cropY=(width-this.displayWidth+left)/scaleToOriginal;} if(this.photo.rotation==180){this.photo.cropY=(height-this.displayHeight+top)/scaleToOriginal;this.photo.cropX=(width-this.displayWidth+left)/scaleToOriginal;} if(this.photo.rotation==270){var t=this.photo.cropWidth;this.photo.cropWidth=this.photo.cropHeight;this.photo.cropHeight=t;this.photo.cropY=((-1)*left)/scaleToOriginal;this.photo.cropX=(height-this.displayHeight+top)/scaleToOriginal;}}},photoDragValidate:function(x,y,draggable){var loX=this.displayWidth-this.photoElement.getWidth();var hiX=0;var loY=this.displayHeight-this.photoElement.getHeight();var hiY=0;if(x>hiX)x=hiX;if(xhiY)y=hiY;if(y0)?0:offset.left;var newTop=(offset.top>0)?0:(offset.top);var safeGuard=0;while(this.photoElement.getWidth()100)return;} safeGuard=0;while(this.photoElement.getHeight()100)return;} if(((this.photoElement.getWidth()+offset.left)this.maxPhotoWidth)return;if(!force&&newHeight>this.maxPhotoHeight)return;if(!force&&(newWidthAdd photos from your computer
Find the photos you want on your computer.'));this.fileElement=new Element('input',{type:'file',name:'file'});this.formElement=new Element('form',{style:'padding:6px; margin:0px;',enctype:'multipart/form-data',encoding:'multipart/form-data',method:'post',action:Personalize.hosts.imagesProxy+'personalize/photo/'});Personalize.flexUploadApi=new FlexUploadApi();if(Personalize.flexUploadApi.isSupported()){this.formElement.insert(Personalize.flexUploadApi.getFlexUploadDom().show());}else{this.formElement.insert(this.fileElement);} this.contentArea=new Element('div',{style:'height: 370px; overflow-y:scroll;'});var button=new Element('div',{'class':'sprite-btn_close clickable'});if(TP.BrowserDetect.browser=='Firefox'){button.observe('click',this.dialog.suspenseHidePopup.bind(this.dialog));}else{button.observe('click',this.dialog.hidePopup.bind(this.dialog));} this.closeButton=new Element('div',{align:'right','style':'padding:8px'}).update(button);this.fileElement.observe('change',this.startUpload.bind(this));this.containerElement.insert(this.formElement);this.containerElement.insert(this.contentArea);this.containerElement.insert(this.closeButton);dialogElement.insert(this.containerElement);dialogElement.setStyle({width:'400px'});}else{if(this.dialog.temporaryHideFlag){this.dialog.resumeHidePopup();return;}} this.contentArea.update('');this.populate();this.dialog.showPopup();},populate:function(){var photos=Personalize.activeStep.getUserPhotos();if(photos===null)return;for(var i=0;iRemove');var photoRemove=new Element('div',{'class':'clickable'}).update(removeIcon);photoRemove.insert(removeText);photoRemove.observe('click',this.removePhoto.bindAsEventListener(this,photo,photoElement));photoElement.insert(photoThumb);photoElement.insert(photoDescr);photoElement.insert(photoRemove);photoElement.insert(new Element('div',{style:'clear:both'}));this.contentArea.insert({top:photoElement});},checkAddToOpener:function(photo){try{if(this.opener){if(!this.opener.photo.contentPhotoId){this.opener.swapPhoto(photo);}}}catch(e){}},removePhoto:function(ev,photo,element){element.remove();Personalize.activeStep.photoTray.removePhoto(photo);},getThumbUrl:function(photo){return Personalize.hosts.images+'personalize/photo/'+photo.id+'/width/60/height/60/shadow/1.jpg';},startUpload:function(){if(this.fileElement.value.length==0){alert('Select a file first!');return;} if(this.maxPhotosReached()){alert('Unable to upload photo, maximum number of photos already uploaded. Please remove one or more photos if you\'d like to upload more.');return;} var form=this.formElement;var iframeId='PhotoUploadIFrame_'+Math.round(new Date().getTime()/1000.0);var iframeElement=new Element('iframe',{id:iframeId,name:iframeId,style:'margin:0px;height:1px; width:1px; border: 0px; background-color:#FFF'});$(this.containerElement).insert(iframeElement);form.target=iframeId;var photoElement=new Element('div').update(new Element('img',{src:Personalize.hosts['static']+'image/wpd/loading-bar.gif'}));this.contentArea.insert({top:photoElement});var photoUploadedCallback=function(event,elem){try{elem.remove();var iframeContent=iframeElement.contentWindow.document.body.innerHTML;var responseComponents=iframeContent.split('/');var photoId=parseFloat(responseComponents.pop());if(photoId){new Ajax.Request(Personalize.hosts.imagesProxy+'personalize/photo/'+photoId+'.json',{method:'get',onSuccess:function(transport){var photo=transport.responseJSON;Personalize.activeStep.addPhotoToTray(photo);this.addPhoto(photo);this.checkAddToOpener(photo);}.bind(this)});}else{alert('There was an error uploading your image.'+iframeContent);}}catch(e){alert('Upload failed.');} this.uploading--;this.photoUploadedCallback=null;setTimeout(function(){iframeElement.remove();},100);}.bindAsEventListener(this,photoElement);iframeElement.observe('load',photoUploadedCallback);form.submit();this.uploading++;form.reset();return false;},maxPhotosReached:function(){var photos=Personalize.activeStep.getUserPhotos();if(photos){var count=photos.length;}else{var count=0;} count+=this.uploading;return(count>=20);},closeCallback:function(){if(TP.BrowserDetect.browser=='Firefox'){this.dialog.suspenseHidePopup();}else{this.dialog.hidePopup();}}};var PersonalizeCustomColors=function(initialSelected){this.dialog=new PersonalizePopup('Custom Color','customColor');this.dlgElem=this.dialog.getPopupElement();this.dialog.hidePopup();this.callback=null;this.initialSelected=initialSelected;this.selectedColorElement=null;this.selectedColor=null;this.cyan=Personalize.personalization.colorCyan;this.magenta=Personalize.personalization.colorMagenta;this.yellow=Personalize.personalization.colorYellow;this.black=Personalize.personalization.colorBlack;this.swatchSize=35;this.swatchContainerSize=70;this.columns=9;this.width=this.swatchContainerSize*this.columns;this.renderColorPanel();};PersonalizeCustomColors.prototype={show:function(callback){this.dialog.showPopup();this.dialog.recenter();this.callback=callback;},getSampleLink:function(){switch(parseFloat(Personalize.product.paperId)){case 9:case 10:case 11:case 12:case 13:return'Custom Color Palette Card for Signature Textured ECRU Paper';case 14:case 15:case 16:case 17:return'Custom Color Palette Card for Signature Textured White Paper';default:return'Custom Color Palette Card for Signature Matte White Paper';}},renderColorPanel:function(){var preSelectCustomColor=false;var col=0;var textElem=new Element('div',{align:'left',style:'margin:8px;width:'+this.width+'px;font-family: helvetica; font-size:11px;'});textElem.update('We can change most designs to any color on our Custom Color Palette for an additional fee. If you have questions about whether a specific design can be changed to a custom color, please contact us.

We strongly recommend ordering physical samples, which will include the Custom Color Options Card that corresponds to the paper type you\'ve selected. Colors appear differently on your computer monitor or when printed at home, so our Custom Color Options Cards are the best way to see custom colors as they would appear on your invitations.

To request a custom color, please click on your desired color swatch below and then click "Accept." After you personalize your design and complete your order, a Design Specialist will then email you a digital proof of the design in your specified custom color. Please note that you will not be able to see the design in your custom color during the personalization process.

To make a special request, please use the Special Instructions box to specify what you would like to see on your card. If the Special Instructions box is blank, or if our designers have questions about your request, we will contact you to help fulfill your specific needs.');this.dlgElem.insert(textElem);this.dlgElem.setStyle({width:(this.width+20)+'px'});for(var colorId in Personalize.product.customColors){var customColor=Personalize.product.customColors[colorId];var colorElement=new Element('div',{align:'center','class':'clickable'});var colorSampleElement=new Element('div',{id:'colorSwatch_'+customColor.id});var colorSampleBorder=new Element('div',{style:'padding:4px',id:'colorSwatchBorder_'+customColor.id});colorSampleBorder.setStyle({width:this.swatchSize+'px',height:this.swatchSize+'px'});colorSampleElement.setStyle({width:this.swatchSize+'px',height:this.swatchSize+'px',backgroundColor:'#'+customColor.rgb});colorElement.setStyle({'float':'left',padding:'0px',width:this.swatchContainerSize+'px',height:this.swatchContainerSize+'px'});var colorName=(customColor.displayName)?customColor.displayName:customColor.name;var colorNameElement=new Element('div',{style:'font-family: helvetica; font-size:10px'}).update(colorName);colorElement.update(colorSampleBorder.update(colorSampleElement));colorElement.insert(colorNameElement);colorSampleElement.observe('click',this.selectColor.bindAsEventListener(this,colorSampleElement,customColor));this.dlgElem.insert(colorElement);col++;if(col%this.columns==0){this.dlgElem.insert(new Element('div',{style:'clear:both'}));} if(this.initialSelected==customColor){preSelectCustomColor=customColor;var preSelectColorSampleElement=colorSampleElement;}} this.dlgElem.insert(new Element('div',{style:'clear:both'}));var bottomContainer=new Element('div');this.advancedContainer=new Element('div',{'class':'advancedCustomColorContainer'});this.cyanElem=new Element('input',{type:'text',size:'3'});this.magentaElem=new Element('input',{type:'text',size:'3'});this.yellowElem=new Element('input',{type:'text',size:'3'});this.blackElem=new Element('input',{type:'text',size:'3'});if(Personalize.personalization.colorCyan!=null)this.cyanElem.value=this.pricify(Personalize.personalization.colorCyan);if(Personalize.personalization.colorMagenta!=null)this.magentaElem.value=this.pricify(Personalize.personalization.colorMagenta);if(Personalize.personalization.colorYellow!=null)this.yellowElem.value=this.pricify(Personalize.personalization.colorYellow);if(Personalize.personalization.colorBlack!=null)this.blackElem.value=this.pricify(Personalize.personalization.colorBlack);this.advancedContainer.update('
Advanced Color Options
Please provide us with the CMYK Values for your card color below.
We are unable to print using Pantone colors.
') this.advancedContainer.insert('C');this.advancedContainer.insert(this.cyanElem);this.advancedContainer.insert('% M');this.advancedContainer.insert(this.magentaElem);this.advancedContainer.insert('% Y');this.advancedContainer.insert(this.yellowElem);this.advancedContainer.insert('% K');this.advancedContainer.insert(this.blackElem);this.advancedContainer.insert('%');this.cyanElem.observe('keyup',this.checkCmykSelection.bind(this));this.magentaElem.observe('keyup',this.checkCmykSelection.bind(this));this.yellowElem.observe('keyup',this.checkCmykSelection.bind(this));this.blackElem.observe('keyup',this.checkCmykSelection.bind(this));this.advancedSwitch=new Element('div',{align:'left','class':'clickable',style:'color:#3c95b4; font-size:11px; font-family:helvetica;'}).update('advanced color options >> ');var cancelButton=new Element('div',{'class':'sprite-btn-cancel clickable',style:'float:right'});var acceptButton=new Element('div',{'class':'sprite-btn-accept clickable',style:'float:right; margin-left:6px'});var commandContainer=new Element('div',{style:'margin:8px'});var commandLeftContainer=new Element('div',{align:'left',style:'margin-bottom:8px;width:'+Math.floor(this.width/2)+'px; float:left'}).update(this.advancedSwitch);var commandRightContainer=new Element('div',{align:'right',style:'margin-bottom:8px;width:'+Math.floor(this.width/2)+'px; float:left'});commandRightContainer.insert(acceptButton);commandRightContainer.insert(cancelButton);commandContainer.update(commandLeftContainer);commandContainer.insert(commandRightContainer);bottomContainer.update(this.advancedContainer);bottomContainer.insert(commandContainer);cancelButton.observe('click',this.cancel.bind(this));acceptButton.observe('click',this.accept.bind(this));this.advancedSwitch.observe('click',this.toggleAdvanced.bind(this));this.advancedContainer.hide();this.dlgElem.insert(bottomContainer);if(preSelectCustomColor){this.selectColor(null,preSelectColorSampleElement,preSelectCustomColor);}},toggleAdvanced:function(ev,el){Effect.Fade(this.advancedSwitch,{duration:0.30});Effect.BlindDown(this.advancedContainer,{duration:0.3});},selectColor:function(ev,el,color){if(this.selectedColorElement){this.selectedColorElement.up().setStyle({border:'0px solid #a7a7a7',padding:'4px'});} el.up().setStyle({border:'2px solid #a7a7a7',padding:'2px'});this.selectedColorElement=el;this.selectedColor=color;this.cyan=color.cyan;this.magenta=color.magenta;this.yellow=color.yellow;this.black=color.black;this.cyanElem.value='';this.magentaElem.value='';this.yellowElem.value='';this.blackElem.value='';},cancel:function(){this.dialog.hidePopup();},pricify:function(val){if(val==null){return val;}else{return parseFloat(val).toFixed(2);}},checkCmykSelection:function(){if(this.selectedColorElement){this.selectedColorElement.up().setStyle({border:'0px solid #a7a7a7',padding:'4px'});} this.cyan=this.pricify(this.cyanElem.value);this.magenta=this.pricify(this.magentaElem.value);this.yellow=this.pricify(this.yellowElem.value);this.black=this.pricify(this.blackElem.value);},selectedCmyk:function(){return(this.cyan!==null&&this.magenta!==null&&this.yellow!==null&&this.black!==null);},accept:function(){if(this.selectedCmyk()){if(this.checkValidCmyk()){this.dialog.hidePopup();if(this.callback)this.callback();}else{alert('The selected CMYK values are invalid. Values must be numeric, between 0 and 100.');}}else{alert('Please select a color');}},checkValidCmyk:function(){return(this.isValidColorValue(this.cyan)&&this.isValidColorValue(this.magenta)&&this.isValidColorValue(this.yellow)&&this.isValidColorValue(this.black));},isValidColorValue:function(val){if(val==parseFloat(val)){c=parseFloat(val);if(c>100.00||c<0.00){return false} else{return true;}} else{return false;}}};var PersonalizeBottomTab=function(tabDomId,tabName,options){this.tabDomId=tabDomId;this.tabName=tabName;this.options=options;this.tabDom=null;this.className='';if(typeof this.options.className!=='undefined'){this.className=this.options.className;} this.state=false;if(typeof this.options.active!=='undefined'){this.state=this.options.active;}};PersonalizeBottomTab.prototype={render:function(){this.tabDom=new Element('div',{id:this.tabDomId,'class':this.options.className}).update(this.tabName);this.tabDom.observe('click',this.parent.activateTab.bind(this.parent,this.tabDomId));return this.tabDom;},activate:function(){this.state=true;this.tabDom.addClassName('activeTab');this.tabDom.removeClassName('bottomTab');var contentEl=$(this.contentElementDomId);contentEl.show();},deactivate:function(){this.state=true;this.tabDom.removeClassName('activeTab');this.tabDom.addClassName('bottomTab');var contentEl=$(this.contentElementDomId);contentEl.hide();}};var PersonalizeTabController=function(tabControllerDomId){this.tabContainerDomId=tabControllerDomId;this.currentTabId=null;this.items=[];this.tabControllerDom=$(this.tabContainerDomId);};PersonalizeTabController.prototype={addTab:function(tab){for(var i=0;i0){for(var i=0;i0){dropareaDoodles[0].remove();} personalizePersonalize.dropAreas[i].hide();personalizePersonalize.dropAreas[i].removeBackgroundDropHere();}}else{var doodles=personalizePersonalize.globalDropArea.doodles;while(doodles.length>0){doodles[0].remove();}} $('deleteAllDoodles').hide();Event.stop(ev);}};var MonogramTray=function(){};MonogramTray.prototype=TP.extendObject(new DoodleTray(),{render:function(containerId){var currentColorId=Personalize.product.color.id;this.containerDomId=containerId;this.container=$(this.containerDomId);this.container.update('');var mainTrayContainer=new Element('div',{style:'padding-left: 3px; padding-right: 3px; margin-top: 15px;'});var doodleImagesArea=new Element('div',{'class':'monogram-images-area'});var instruction=new Element('div',{style:'margin-left:10px;'}).update('Click on any motif to add it to its designated spot on your design.');this.container.insert(instruction);this.imageSpace=new MonogramTrayImageSpace('doodleTraySpace');this.imageSpace.parent=this;this.imageSpace.parentWidth=299;var keys=Object.keys(Personalize.product.doodles);for(var i=1;i<=keys.length;i++){var productPanel=Personalize.product.panels[personalizePersonalize.currentPanel.panelId];for(var availableDoodleId in productPanel.availableDoodles){var associatedDoodle=productPanel.availableDoodles[availableDoodleId];var doodleId=associatedDoodle.doodleColorImage.doodleId;var productDoodle=Personalize.product.doodles[doodleId];if(productDoodle.type==0){continue;} if(associatedDoodle.productPanelColorId==currentColorId){if(productDoodle.sort==i){var trayDoodle=TP.extendObject(new TrayDoodle(associatedDoodle),new TrayMonogram());this.imageSpace.addItem(trayDoodle);}}}} doodleImagesArea.insert(this.imageSpace.render());this.trayScrollLeft=new Element('div',{'class':'sprite-btn-scroll-left clickable',style:'float: left; margin-top: 30px; margin-right: 5px;'});this.trayScrollLeft.observe('mouseover',this.scrollLeft.bind(this));this.trayScrollLeft.observe('mouseout',this.scrollLeftStop.bind(this));this.trayScrollRight=new Element('div',{'class':'sprite-btn-scroll-right clickable',style:'float: left; margin-top: 30px; margin-left: 5px;'});this.trayScrollRight.observe('mouseover',this.scrollRight.bind(this));this.trayScrollRight.observe('mouseout',this.scrollRightStop.bind(this));mainTrayContainer.insert(this.trayScrollLeft);mainTrayContainer.insert(doodleImagesArea);mainTrayContainer.insert(this.trayScrollRight);mainTrayContainer.insert(new Element('div',{style:'clear: both;'}));var trayFooter=new Element('div',{'class':'trayFooter'});this.container.insert(new Element('div',{style:'clear: both;'}));this.container.insert(mainTrayContainer);this.container.insert(trayFooter);this.imageSpace.scrollLeftRightCheck();}});var DoodleTrayImageSpace=function(spaceDomId){this.domId=spaceDomId;this.unitWidth=100;this.unitHeight=100;this.totalDoodlesWidth=0;this.trayDoodles=[];this.scrollDuration=0.5;this.scrollRightFlag=false;this.scrollLeftFlag=false;this.maxRightTo=0;};DoodleTrayImageSpace.prototype={addItem:function(trayDoodle){if(trayDoodle){this.trayDoodles.push(trayDoodle);}},scrollLeft:function(){this.scrollLeftFlag=true;var parent=this.containerDom.up();var parentOffset=parent.positionedOffset();var offSet=Personalize.pxToNumber(this.containerDom.style.left);if(!offSet){offSet=0;} if(offSet>=0){return;} this.parent.setScrollRightAvailable();var moveLeftAmount=-offSet;var numberOfItemsToScroll=Math.abs(offSet)/this.unitWidth;var duration=numberOfItemsToScroll*this.scrollDuration;this.scrollLeftEffect=new Effect.Move(this.domId,{x:moveLeftAmount,duration:duration,mode:'relative',transition:Effect.Transitions.linear,beforeUpdate:this.scrollLeftUpdate.bind(this),afterFinish:this.scrollLeftFinish.bind(this)});},scrollRight:function(){this.scrollRightFlag=true;var parent=this.containerDom.up();var parentOffset=parent.positionedOffset();var offSet=Personalize.pxToNumber(this.containerDom.style.left);var containerWidth=Personalize.pxToNumber(this.containerDom.style.width);if(!offSet){offSet=0;} if(!this.maxRightTo){this.maxRightTo=-(containerWidth-parent.getWidth());} if(offSet<=this.maxRightTo){return;} this.parent.setScrollLeftAvailable();var averageUnitWidth=parent.getWidth()/this.trayDoodles.length;var numberOfItemsToScroll=Math.ceil((parent.getWidth()-Math.abs(offSet))/averageUnitWidth);var duration=numberOfItemsToScroll*this.scrollDuration;this.scrollRightEffect=new Effect.Move(this.domId,{x:this.maxRightTo-offSet,duration:duration,mode:'relative',transition:Effect.Transitions.linear,beforeUpdate:this.scrollRightUpdate.bind(this),afterFinish:this.scrollRightFinish.bind(this)});},scrollLeftRightCheck:function(){var parent=this.containerDom.up();var parentOffset=parent.positionedOffset();var offSet=Personalize.pxToNumber(this.containerDom.style.left);var containerWidth=Personalize.pxToNumber(this.containerDom.style.width);if(!offSet){offSet=0;} if(offSet>=0){this.parent.scrollLeftFinish();} if(containerWidth23){this.doneBtn.setStyle({marginTop:(this.colorsContainer.getHeight()-23)+'px'});}},move:function(){var edTop=Personalize.pxToNumber(this.editor.style.top);var edLeft=Personalize.pxToNumber(this.editor.style.left);var panelPosition=Personalize.actualPosition(this.doodleHandle.up());this.doodleHandle.setStyle({top:(edTop-panelPosition[1]+5)+'px',left:(edLeft-panelPosition[0]+5)+'px'});},pull:function(el,ev){var top=-3;var left=-3;var bottom=Personalize.pxToNumber(el.element.style.top);var right=Personalize.pxToNumber(el.element.style.left);var edWidth=(right-left);var edHeight=(bottom-top);var isResizeAllow=true;var doodleElementPositionedOffset=this.doodleHandle.positionedOffset();var doodleElementPositionedOffsetLeft=doodleElementPositionedOffset[0];var doodleElementPositionedOffsetTop=doodleElementPositionedOffset[1];var formattedDropArea=this.doodleHandle.up();var formattedDropAreaWidth=Personalize.pxToNumber(formattedDropArea.style.width);var formattedDropAreaHeight=Personalize.pxToNumber(formattedDropArea.style.height);var editorWidth=Personalize.pxToNumber(this.editor.style.width+edWidth);var editorHeight=Personalize.pxToNumber(this.editor.style.height+edHeight);var editorCenterPointSizes={vertical:parseInt(editorHeight/2),horizontal:parseInt(editorWidth/2)} if(doodleElementPositionedOffsetLeft+editorWidth>formattedDropAreaWidth){isResizeAllow=false;} if(doodleElementPositionedOffsetTop+editorHeight>formattedDropAreaHeight){isResizeAllow=false;} if(!isResizeAllow){this.drag.style.left=(Personalize.pxToNumber(this.borderElement.style.width)-3)+'px';this.drag.style.top=(Personalize.pxToNumber(this.borderElement.style.height)-3)+'px';return;} if((edWidth/edHeight)!=this.aspectRatio){edWidth=this.aspectRatio*edHeight;} edWidth=Math.max(edWidth,30);edHeight=Math.max(edHeight,30);var edTop=Personalize.pxToNumber(this.editor.style.top)+top;var edLeft=Personalize.pxToNumber(this.editor.style.left)+left;this.drag.style.left=(edWidth-3)+'px';this.drag.style.top=(edHeight-3)+'px';this.editor.setStyle({top:(edTop+3)+'px',left:(edLeft+3)+'px',width:(edWidth)+'px',height:(edHeight)+'px'});this.borderElement.setStyle({top:(top+3)+'px',left:(left+3)+'px',width:(edWidth)+'px',height:(edHeight)+'px'});var panelPosition=Personalize.actualPosition(this.doodleHandle.up());this.doodleElement.setStyle({width:edWidth-10+'px',height:edHeight-10+'px'});this.doodleHandle.setStyle({top:(edTop-panelPosition[1]+3+5)+'px',left:(edLeft-panelPosition[0]+3+5)+'px',width:edWidth-10+'px',height:edHeight-10+'px'});},sendBackward:function(){this.zFwdBtn.show();this.zBackBtn.hide();this.doodleElement.setStyle({zIndex:parseFloat(Personalize.textboxZIndex-10)});this.doodle.z=parseFloat(Personalize.textboxZIndex-10);},bringForward:function(){this.zFwdBtn.hide();this.zBackBtn.show();this.doodleElement.setStyle({zIndex:parseFloat(Personalize.doodleZIndex)});this.doodle.z=parseFloat(Personalize.doodleZIndex);},resizeEnd:function(){var doodleElementPositionedOffset=this.doodleHandle.positionedOffset();var doodleElementPositionedOffsetLeft=doodleElementPositionedOffset[0];var doodleElementPositionedOffsetTop=doodleElementPositionedOffset[1];var formattedDropArea=this.doodleHandle.up();var formattedDropAreaWidth=Personalize.pxToNumber(formattedDropArea.style.width);var formattedDropAreaHeight=Personalize.pxToNumber(formattedDropArea.style.height);var editorWidth=Personalize.pxToNumber(this.editor.style.width);var editorHeight=Personalize.pxToNumber(this.editor.style.height);var editorCenterPointSizes={vertical:parseInt(editorHeight/2),horizontal:parseInt(editorWidth/2)} var revert=false;if(doodleElementPositionedOffsetLeft+editorWidth>formattedDropAreaWidth+5){revert=true;}else if(doodleElementPositionedOffsetLeft-5<0){revert=true;} if(doodleElementPositionedOffsetTop+editorHeight>formattedDropAreaHeight+6){revert=true;}else if(doodleElementPositionedOffsetTop-7<0){revert=true;} if(revert){this.revertPosition();}else{this.doodle.y=Personalize.resolutionConvert(Personalize.pxToNumber(this.doodleHandle.style.top),this.resolution,144);this.doodle.x=Personalize.resolutionConvert(Personalize.pxToNumber(this.doodleHandle.style.left),this.resolution,144);this.doodle.width=Personalize.resolutionConvert(this.doodleHandle.getWidth(),this.resolution,144);this.doodle.height=Personalize.resolutionConvert(this.doodleHandle.getHeight(),this.resolution,144);this.currentLayout={top:this.editor.style.top,left:this.editor.style.left,width:this.editor.style.width,height:this.editor.style.height}} this.newDoodleImg=new Image();this.newDoodleImg.onload=this.swapImage.bind(this);this.newDoodleImg.src=this.getUrl();},swapImage:function(){var url=this.getUrl();this.doodleElement.src=url;},revertPosition:function(){new Effect.Move(this.editor,{x:Personalize.pxToNumber(this.currentLayout.left),y:Personalize.pxToNumber(this.currentLayout.top),duration:1.0,mode:'absolute',transition:Effect.Transitions.spring,afterFinish:this.revertEffectEnd.bind(this)});},revertEffectEnd:function(){this.editor.setStyle({top:this.currentLayout.top,left:this.currentLayout.left,width:this.currentLayout.width,height:this.currentLayout.height});this.move();},setAvailable:function(available){this.available=available;if(this.available){this.doodleElement.show();}else{this.doodleElement.hide();if(typeof this.editor!=='undefined'){this.editor.remove();}}},validate:function(){this.doodle.doodleColorId=this.associatedDoodle.doodleColorId;this.doodle.doodleId=this.productDoodle.id;this.doodle.imageId=this.associatedDoodle.doodleColorImage.imageId;try{if(typeof this.doodle.dropArea.dropArea!=='undefined'&&this.doodle.dropArea.dropArea){this.doodle.dropAreaId=this.doodle.dropArea.dropArea.dropAreaId;}}catch(e){}}};var personalizeDoodleGlobal=function(){};personalizeDoodleGlobal.prototype={pull:function(el,ev){var top=-3;var left=-3;var bottom=Personalize.pxToNumber(el.element.style.top);var right=Personalize.pxToNumber(el.element.style.left);var edWidth=(right-left);var edHeight=(bottom-top);var isResizeAllow=true;var doodleElementPositionedOffset=this.doodleHandle.positionedOffset();var doodleElementPositionedOffsetLeft=doodleElementPositionedOffset[0];var doodleElementPositionedOffsetTop=doodleElementPositionedOffset[1];var formattedDropArea=this.doodleHandle.up();var formattedDropAreaWidth=Personalize.pxToNumber(formattedDropArea.style.width);var formattedDropAreaHeight=Personalize.pxToNumber(formattedDropArea.style.height);var editorWidth=Personalize.pxToNumber(this.editor.style.width+edWidth);var editorHeight=Personalize.pxToNumber(this.editor.style.height+edHeight);var editorCenterPointSizes={vertical:parseInt(editorHeight/2),horizontal:parseInt(editorWidth/2)} if(doodleElementPositionedOffsetLeft+editorWidth>formattedDropAreaWidth+editorCenterPointSizes.horizontal){isResizeAllow=false;}else if(doodleElementPositionedOffsetLeft<-editorCenterPointSizes.horizontal){isResizeAllow=false;} if(doodleElementPositionedOffsetTop+editorHeight>formattedDropAreaHeight+editorCenterPointSizes.vertical){isResizeAllow=false;}else if(doodleElementPositionedOffsetTop<-editorCenterPointSizes.vertical){isResizeAllow=false;} if(!isResizeAllow){this.drag.style.left=(Personalize.pxToNumber(this.borderElement.style.width)-3)+'px';this.drag.style.top=(Personalize.pxToNumber(this.borderElement.style.height)-3)+'px';return;} if((edWidth/edHeight)!=this.aspectRatio){edWidth=this.aspectRatio*edHeight;} edWidth=Math.max(edWidth,30);edHeight=Math.max(edHeight,30);var edTop=Personalize.pxToNumber(this.editor.style.top)+top;var edLeft=Personalize.pxToNumber(this.editor.style.left)+left;this.drag.style.left=(edWidth-3)+'px';this.drag.style.top=(edHeight-3)+'px';this.editor.setStyle({top:(edTop+3)+'px',left:(edLeft+3)+'px',width:(edWidth)+'px',height:(edHeight)+'px'});this.borderElement.setStyle({top:(top+3)+'px',left:(left+3)+'px',width:(edWidth)+'px',height:(edHeight)+'px'});var panelPosition=Personalize.actualPosition(this.doodleHandle.up());this.doodleElement.setStyle({width:edWidth-10+'px',height:edHeight-10+'px'});this.doodleHandle.setStyle({top:(edTop-panelPosition[1]+3+5)+'px',left:(edLeft-panelPosition[0]+3+5)+'px',width:edWidth-10+'px',height:edHeight-10+'px'});},resizeEnd:function(){var doodleElementPositionedOffset=this.doodleHandle.positionedOffset();var doodleElementPositionedOffsetLeft=doodleElementPositionedOffset[0];var doodleElementPositionedOffsetTop=doodleElementPositionedOffset[1];var formattedDropArea=this.doodleHandle.up();var formattedDropAreaWidth=Personalize.pxToNumber(formattedDropArea.style.width);var formattedDropAreaHeight=Personalize.pxToNumber(formattedDropArea.style.height);var editorWidth=Personalize.pxToNumber(this.editor.style.width);var editorHeight=Personalize.pxToNumber(this.editor.style.height);var editorCenterPointSizes={vertical:parseInt(editorHeight/2),horizontal:parseInt(editorWidth/2)} var revert=false;if(doodleElementPositionedOffsetLeft+editorWidth>formattedDropAreaWidth+editorCenterPointSizes.horizontal){revert=true;}else if(doodleElementPositionedOffsetLeft<-editorCenterPointSizes.horizontal){revert=true;} if(doodleElementPositionedOffsetTop+editorHeight>formattedDropAreaHeight+editorCenterPointSizes.vertical){revert=true;}else if(doodleElementPositionedOffsetTop<-editorCenterPointSizes.vertical){revert=true;} if(revert){this.revertPosition();}else{this.doodle.y=Personalize.resolutionConvert(Personalize.pxToNumber(this.doodleHandle.style.top),this.resolution,144);this.doodle.x=Personalize.resolutionConvert(Personalize.pxToNumber(this.doodleHandle.style.left),this.resolution,144);this.doodle.width=Personalize.resolutionConvert(this.doodleHandle.getWidth(),this.resolution,144);this.doodle.height=Personalize.resolutionConvert(this.doodleHandle.getHeight(),this.resolution,144);this.currentLayout={top:this.editor.style.top,left:this.editor.style.left,width:this.editor.style.width,height:this.editor.style.height}} this.newDoodleImg=new Image();this.newDoodleImg.onload=this.swapImage.bind(this);this.newDoodleImg.src=this.getUrl();}};var PersonalizeDropArea=function(dropArea,resolution){this.dropArea=dropArea;this.domElement=null;this.resolution=resolution;this.panel=personalizePersonalize.currentPanel;this.doodles=[];this.visible=false;this.handlesContainer=null;this.top=0;this.left=0;this.width=0;this.height=0;};PersonalizeDropArea.prototype={render:function(parentElement){this.top=Personalize.roundForRendering(Personalize.resolutionConvert(parseFloat(this.dropArea.y),144,this.resolution));this.left=Personalize.roundForRendering(Personalize.resolutionConvert(parseFloat(this.dropArea.x),144,this.resolution));this.width=Personalize.roundForRendering(Personalize.resolutionConvert(parseFloat(this.dropArea.width),144,this.resolution));this.height=Personalize.roundForRendering(Personalize.resolutionConvert(parseFloat(this.dropArea.height),144,this.resolution));this.domElement=new Element('div',{'class':'personalize-doodle-droparea'});this.domElement.setOpacity(0.8);this.domElement.dropArea=this;this.domElement.identify();this.domElement.setStyle({position:'absolute',top:this.top+'px',left:this.left+'px',width:this.width+'px',height:this.height+'px',backgroundColor:'',zIndex:199});this.handlesContainer=new Element('div',{'class':'panelHandleContainer'});this.handlesContainer.identify();this.handlesContainer.setStyle({position:'absolute',top:0,left:0,width:this.width+'px',height:this.height+'px'});this.domElement.insert(this.handlesContainer);parentElement.insert(this.domElement);Droppables.add(this.domElement,{accept:'trayDoodleImageDraggable',hoverClass:'',onDrop:function(element,droppable,event){var droppableOfs=droppable.cumulativeOffset();try{var scroll=droppable.cumulativeScrollOffset();}catch(e){var scroll={top:0,left:0};} var panelX=event.clientX-droppableOfs.left-35+scroll.left;var panelY=event.clientY-droppableOfs.top-35+scroll.top;this.addDoodle(element.trayDoodle,panelX,panelY);}.bind(this)});this.populate();},populate:function(){var doodleTray=personalizePersonalize.doodleTray;for(var doodleId in this.panel.doodles){var sDoodle=this.panel.doodles[doodleId];var trayDoodle=doodleTray.getTrayDoodleByImageId(sDoodle.imageId);if(trayDoodle&&sDoodle.dropAreaId==this.dropArea.dropAreaId){sDoodle.dropArea=this;sDoodle.trayDoodle=trayDoodle;var personalizationDoodle=TP.extendObject(new Doodle(),trayDoodle.productDoodle);personalizationDoodle=TP.extendObject(personalizationDoodle,sDoodle);personalizationDoodle.id=null;var panelDoodle=new personalizeDoodle(personalizationDoodle,this.panel);panelDoodle.panelDoodleId=doodleId;this.doodles.push(panelDoodle);this.domElement.insert(panelDoodle.render(this.resolution,this.handlesContainer));this.visible=true;this.hide();}}},addBackgroundDropImageText:function(){var dilimeter=' ';if(this.width<80){dilimeter='\n';} this.handlesContainer.setStyle({backgroundImage:'url('+Personalize.hosts.textv2Cache+'personalize/textbox/restrictSize/0/width/'+this.width+'/height/'+this.height+'/fontName/NeutraText/fontSize/5/fontColor/000000/verticalAlignment/center/horizontalAlignment/center/text/'+encodeURIComponent(encodeURIComponent(JSON.stringify('DROP'+dilimeter+'ACCENTS'+dilimeter+'HERE')))+'.png)'});},removeBackgroundDropHere:function(){this.handlesContainer.setStyle({backgroundImage:'url()'});},removeDoodle:function(panelDoodle){for(var i=0;ithis.width||newHeight>this.height){var aspectRatio=(this.width>this.height)?(this.height/this.width):(this.width/this.height);if(this.width>this.height){newHeight=this.height-tolerance;newWidth=newWidth*aspectRatio-tolerance;}else{newWidth=this.width-tolerance;newHeight=newHeight*aspectRatio-tolerance;}} personalizationDoodle.width=Personalize.resolutionConvert(newWidth,this.resolution,144);personalizationDoodle.height=Personalize.resolutionConvert(newHeight,this.resolution,144);var newX=parseInt(this.width/2)-(newWidth/2);var newY=parseInt(this.height/2)-(newHeight/2);personalizationDoodle.x=Personalize.resolutionConvert(newX,this.resolution,144);personalizationDoodle.y=Personalize.resolutionConvert(newY,this.resolution,144);personalizationDoodle.z=parseFloat(Personalize.doodleZIndex++);personalizationDoodle.dropArea=this;personalizationDoodle.trayDoodle=trayDoodle;this.panel.doodles[personalizePersonalize.lastPanelDoodleId]=personalizationDoodle;var panelDoodle=new personalizeDoodle(personalizationDoodle,this.panel);panelDoodle.panelDoodleId=personalizePersonalize.lastPanelDoodleId++;this.doodles.push(panelDoodle);this.domElement.insert(panelDoodle.render(this.resolution,this.handlesContainer));if(!noEditing){setTimeout(panelDoodle.startEditing.bind(panelDoodle),50);}},changeColor:function(){for(var i=0;i
'+Personalize.getProjectDisplayName()+'
');var newInputElement=new Element('input',{type:'radio',name:'saveTo',id:'saveToNew',value:'1'});newInputElement.onchange=function(){if(this.checked){$(textElemId).focus();}else{$(textElemId).blur();}};var newLabelElement=new Element('label',{"for":'saveToNew'}).update('Save changes as a new project:');textelem.onfocus=function(){if(!$('saveToNew').checked){$('saveToNew').checked=true;}};content.update(currentInputElement);content.insert(currentLabelElement);content.insert(new Element('div',{style:'clear:both'}));content.insert(newInputElement);content.insert(newLabelElement);content.insert('
');}else{content.insert(new Element('div',{style:'font-family: Helvetica; font-size:12px; margin:10px;'}).update('What would you like to name your project?'));} content.insert(textelem);var apply=new Element('div',{'class':'projectSave cmdApply clickable',style:'float:right; margin-left:8px;margin-bottom:10px;'}).update('
');apply.onclick=this.doSave.bindAsEventListener(this,textelem,currentInputElement);this.saveDialog.apply=apply;var cancel=new Element('div',{'class':'projectSave cmdCancel clickable',style:'float:right;margin-bottom:10px;'}).update('
');cancel.onclick=this.cancelSave.bind(this);buttoncont=new Element('div',{style:'padding:6px;margin-top:8px;margin-bottom:10px;'});buttoncont.insert(apply);buttoncont.insert(cancel);content.insert(new Element('div',{style:'clear:both'}));content.insert(buttoncont);} this.saveDialog.showPopup();return true;},doSave:function(ev,elem,createNewElem){var createNew=(createNewElem!=null)?!createNewElem.checked:true;Personalize.personalization.primaryProxy.project=1;if(createNew){var name=elem.getValue();if(name.length==0){alert('Please enter a name');return;}}else{var name=Personalize.getProjectDisplayName();} elem.replace(new Element('img',{src:Personalize.hosts['static']+'image/wpd/loading-bar.gif'}));Personalize.personalization.savedStep=this.element.id;if(!Personalize.member){this.login(true,name,createNew);return;}else{Personalize.services.savePersonalization(name,this.saveComplete.bind(this),createNew);}},cancelSave:function(){if(this.saveDialog) this.saveDialog.hidePopup();},login:function(showSave,title,createNew){Personalize.services.savePersonalization(title,function(){var savedUrl='personalize/'+Personalize.product.id+Personalize.product.color.number+'/'+Personalize.product.displayName.replace('/ /g','-')+'/saved/'+Personalize.personalization.primaryProxy.id+'.html'+((showSave)?'?saveLogin=1':'');var loginUrl='/signin.php?ref='+encodeURIComponent(savedUrl);window.location=loginUrl;},createNew);},saveComplete:function(){Personalize.setStepUrl();var content=this.saveDialog.getPopupElement();content.update('');content.insert(new Element('div',{style:'margin-bottom:25px;'}).update('Project "'+Personalize.getProjectDisplayName()+'" saved.
You can access your projects through your account.'));var accept=new Element('div',{'class':'sprite-btn_close clickable'});content.insert(new Element('div',{align:'right'}).update(accept));accept.observe('click',this.closeSavePopup.bind(this));if(this.dlgTimeout){clearTimeout(this.dlgTimeout);this.dlgTimeout=null;} this.dlgTimeout=setTimeout(this.closeSavePopup.bind(this),10000);},closeSavePopup:function(){if(this.dlgTimeout){clearTimeout(this.dlgTimeout);this.dlgTimeout=null;} this.saveDialog.hidePopup();this.saveDialog.destroy();this.saveDialog=null;},activate:function(fromNext){$('saveButton').show();$('saveButton_bottom').show();$('saveButton').stopObserving('click');$('saveButton_bottom_envelopes').stopObserving('click');this.btnSaveHandler=this.save.bind(this);$('saveButton').observe('click',this.btnSaveHandler);$('saveButton_bottom_envelopes').observe('click',this.btnSaveHandler);if(fromNext){Personalize.services.savePersonalization(Personalize.personalization.name,this.commonActivate.bind(this,fromNext),false);}else{this.commonActivate(fromNext);} Personalize.trackPageview('/personalize/Review');},clearInitials:function(){for(var i=0;i0&&!Personalize.preShippedEnvelopes)?true:false;this.editors={};this.zoomBoxs={};this.envelopeImages={mailing:{},inner:{},liner:{}};this.selectedEnvelopes={mailing:null,inner:{},liner:{}};this.prettySelects={mailing:{},inner:{},liner:{}};this.visiblePrettySelects={inner:{},liner:{}};this.defaultEnvelopes={selected:{}};this.sampleImageElementId='envelopes_invitationPreview';this.praFontColorSwatches={};this.praColorSelected=false;this.saveDialog=null;},loadValuesFromPersonalization:function(){var returnAddress=parseFloat(Personalize.personalization.returnAddress);if(returnAddress==1){$('radioPraOn').checked=true;}else{$('radioPraOff').checked=true;} if(typeof Personalize.personalization.returnAddressFontColorId!=="undefined"&&Personalize.personalization.returnAddressFontColorId!==null){$('praFontColorId').value=Personalize.personalization.returnAddressFontColorId;this.praColorSelected=Personalize.personalization.returnAddressFontColorId;} var returnAddressLines=(Personalize.personalization.returnAddressText)?Personalize.personalization.returnAddressText.split('\n'):[];var returnAddressLine1Element=$('praLine1');var returnAddressLine2Element=$('praLine2');var returnAddressLine3Element=$('praLine3');var returnAddressLine4Element=$('praLine4');if(returnAddressLine1Element){returnAddressLine1Element.value=returnAddressLines[0]||'';} if(returnAddressLine2Element){returnAddressLine2Element.value=returnAddressLines[1]||'';} if(returnAddressLine3Element){returnAddressLine3Element.value=returnAddressLines[2]||'';} if(returnAddressLine4Element){returnAddressLine4Element.value=returnAddressLines[3]||'';} var returnAddressFontSelect=$('selectPraFont');if(returnAddressFontSelect){for(var i=0;i0){for(var pairId in envelope.pairs){this.prettySelects["inner"][suffix]=new PrettySelect({selectionId:null,container:"envelopeInnerSelect_"+suffix,button:"envelopeInnerButton_"+suffix,selected:"envelopeInnerSelected_"+suffix,list:"envelopeInnerList_"+suffix,itemPrefix:"envelopeInnerBox_",input:"innerEnvelopeId",enabled:($('radioInnerOn').checked)?true:false,onselect:this.events.onChangeInnerEnvelope.bind(this,suffix)});var compareSuffix=Personalize.product.color.id+this.selectedEnvelopes["mailing"].id;if(compareSuffix==suffix){$(this.prettySelects["inner"][suffix].container).show();this.visiblePrettySelects["inner"][suffix]=1;if($('radioInnerOff').checked||(!$('radioInnerOff').checked&&!$('radioInnerOn').checked)){this.prettySelects["inner"][suffix].disable();}else{this.prettySelects["inner"][suffix].enable();}}else{$(this.prettySelects["inner"][suffix].container).hide();} for(var pairLinerId in envelope.pairs[pairId].linedEnvelopes){var pairLinedEnvelope=envelope.pairs[pairId].linedEnvelopes[pairLinerId];var pairLinedSuffix=suffix+pairId;this.prettySelects["liner"][pairLinedSuffix]=new PrettySelect({selectionId:null,container:"envelopeLinerSelect_"+pairLinedSuffix,button:"envelopeLinerButton_"+pairLinedSuffix,selected:"envelopeLinerSelected_"+pairLinedSuffix,list:"envelopeLinerList_"+pairLinedSuffix,itemPrefix:"envelopeLinerBox_",input:"linerEnvelopeId",enabled:($('radioLinerOn').checked)?true:false,onselect:this.events.onChangeLinerEnvelope.bind(this,pairLinedSuffix)});}}}else{var compareSuffix=Personalize.product.color.id+this.selectedEnvelopes["mailing"].id;if(compareSuffix==suffix){this.disableInnerEnvelopes();}}} if(linerAvailable){var linerCount=0;for(var linerId in envelope.linedEnvelopes){linerCount++;} if(linerCount>0){this.prettySelects["liner"][suffix]=new PrettySelect({selectionId:null,container:"envelopeLinerSelect_"+suffix,button:"envelopeLinerButton_"+suffix,selected:"envelopeLinerSelected_"+suffix,list:"envelopeLinerList_"+suffix,itemPrefix:"envelopeLinerBox_",input:"linerEnvelopeId",enabled:($('radioLinerOn').checked)?true:false,onselect:this.events.onChangeLinerEnvelope.bind(this,suffix)});var compareLinerSuffix=Personalize.product.color.id+this.selectedEnvelopes["mailing"].id;if(compareSuffix==suffix){$(this.prettySelects["liner"][suffix].container).show();this.visiblePrettySelects["liner"][suffix]=1;if($('radioLinerOff').checked||(!$('radioLinerOff').checked&&!$('radioLinerOn').checked)){this.prettySelects["liner"][suffix].disable();}else{this.prettySelects["liner"][suffix].enable();}}else{$(this.prettySelects["liner"][suffix].container).hide();}}else{var compareLinerSuffix=Personalize.product.color.id+this.selectedEnvelopes["mailing"].id;if(compareSuffix==suffix){this.disableLinerEnvelopes();}}}}} var innerSuffix=Personalize.product.color.id+this.selectedEnvelopes["mailing"].id;$('innerSuffix').value=innerSuffix;if(typeof this.prettySelects["inner"][innerSuffix]!=="undefined"){$(this.prettySelects["inner"][innerSuffix].container).show();this.visiblePrettySelects["inner"][innerSuffix]=1;} var linerSuffix=Personalize.product.color.id+this.selectedEnvelopes["mailing"].id;$('linerSuffix').value=linerSuffix;if(typeof this.prettySelects["liner"][linerSuffix]!=="undefined"){$(this.prettySelects["liner"][linerSuffix].container).show();this.visiblePrettySelects["liner"][linerSuffix]=1;} this.pricemanager.updateMailingPrices(this.selectedEnvelopes["mailing"]);this.pricemanager.updateExtraPrices(this.selectedEnvelopes["mailing"],false,false,false);this.pricemanager.render();$('qtyExtraEnvelopes').observe('change',this.events.onChangeExtraEnvelope.bind(this));$('radioInnerOn').observe('click',this.events.onChangeNoInnerEnvelope.bindAsEventListener(this));$('radioInnerOff').observe('click',this.events.onChangeNoInnerEnvelope.bindAsEventListener(this));$('radioLinerOn').observe('click',this.events.onChangeNoLinerEnvelope.bindAsEventListener(this));$('radioLinerOff').observe('click',this.events.onChangeNoLinerEnvelope.bindAsEventListener(this));$('envelopeStep_zoomBtnMailingLabel').observe('click',this.events.zoomMailing.bind(this));$('envelopeStep_zoomBtnMailing').observe('click',this.events.zoomMailing.bind(this));$('envelopeStep_zoomBtnInnerLabel').observe('click',this.events.zoomInner.bind(this));$('envelopeStep_zoomBtnInner').observe('click',this.events.zoomInner.bind(this));$('envelopeStep_zoomBtnInvitationLabel').observe('click',this.events.zoomInvitation.bind(this));$('envelopeStep_zoomBtnInvitation').observe('click',this.events.zoomInvitation.bind(this));this.loadValuesFromPersonalization();var returnAddress=(parseFloat(this.selectedEnvelopes["mailing"].returnAddress)==1)?true:false;if(returnAddress){this.editors["pra_control"].enable();var praControlValues=this.editors["pra_control"].getValues();var lines=praControlValues["praLines[]"];}else{this.editors["pra_control"].disable();var lines=false;} if($('radioPraOff').checked){lines=false;} var defaultImage=Personalize.hosts.static+"image/wpd/wedding-paper-divas-logo.gif";this.zoomBoxs["mailing"]=new PersonalizeZoomBox("Mailing Envelope Preview",defaultImage);this.zoomBoxs["inner"]=new PersonalizeZoomBox("Inner Envelope Preview",defaultImage);this.zoomBoxs["invitation"]=new PersonalizeZoomBox("Invitation Preview",this.getSampleImageSrc(550,550));this.updateImages();var selectedFontId=$F('selectPraFont');var selectedFont=Personalize.masterFontList[selectedFontId];if(selectedFont){var selectedFontTypeface=Personalize.masterTypefaceList[selectedFont.typefaceId];if(selectedFontTypeface.typeId!==null){if(selectedFontTypeface.type.name.toLowerCase()=="script"){this.editors["pra_control"].showScriptWarning();}else{this.editors["pra_control"].hideScriptWarning();}}else{this.editors["pra_control"].hideScriptWarning();}} $(this.element.id).show();if(Personalize.saveLogin){Personalize.saveLogin=0;setTimeout(function(){if(Personalize.activeStep.save()){Personalize.activeStep.saveComplete();}},1000);} Personalize.trackPageview('/personalize/Envelopes');},deactivate:function(){$('envelopesStep').hide();},validate:function(){var colorId=Personalize.product.color.id;if(this.editors["pra_control"].enabled){var praValues=this.editors["pra_control"].getValues();}else{var praValues=false;} var mailingEnvelopeId=$F('mailingEnvelopeId').replace(Personalize.product.color.id,"");var mailingEnvelopePresent=(typeof this.selectedEnvelopes["mailing"]!==null)?true:false;if(mailingEnvelopePresent){var mailingEnvelope=this.selectedEnvelopes["mailing"];} var innerSuffix=$F('innerSuffix');var innerEnvelopeId=$F('innerEnvelopeId').replace(innerSuffix,"");var innerEnvelopePresent=false;for(var idx in this.selectedEnvelopes["inner"]){if(innerEnvelopeId!==""){innerEnvelopePresent=true;var innerEnvelope=Personalize.envelopes[innerEnvelopeId];break;}} var linerSuffix=$F('linerSuffix');var linerEnvelopeId=$F('linerEnvelopeId').replace(linerSuffix,"");var linerEnvelopePresent=false;for(var idx in this.selectedEnvelopes["liner"]){if(linerEnvelopeId!==""){linerEnvelopePresent=true;var linerEnvelope=Personalize.envelopes[linerEnvelopeId];break;}} var outerEnvelopeId=$F('outerEnvelopeId');var outerEnvelopePresent=(typeof Personalize.envelopes[outerEnvelopeId]!==null)?true:false;if(outerEnvelopePresent){var outerEnvelope=Personalize.envelopes[outerEnvelopeId];} Personalize.personalization.additionalEnvelopes=parseFloat($F('qtyExtraEnvelopes'));if(mailingEnvelopePresent&&innerEnvelopePresent&&linerEnvelopePresent){var foundPairId="";for(var idx in Personalize.envelopesPairs){var pairId=idx;var pair=Personalize.envelopesPairs[idx];if((pair.outerEnvelopeId==outerEnvelopeId)&&(pair.innerEnvelopeId==innerEnvelopeId)){foundPairId=pairId;break;}} Personalize.personalization.envelopeId=mailingEnvelopeId;Personalize.personalization.linedEnvelopeId=null;Personalize.personalization.envelopePairId=foundPairId;Personalize.personalization.pairLinedEnvelopeId=linerEnvelopeId;}else if(mailingEnvelopePresent&&innerEnvelopePresent&&!linerEnvelopePresent){for(var idx in Personalize.envelopesPairs){var pairId=idx;var pair=Personalize.envelopesPairs[idx];if((pair.outerEnvelopeId==outerEnvelopeId)&&(pair.innerEnvelopeId==innerEnvelopeId)){foundPairId=pairId;break;}} Personalize.personalization.envelopeId=mailingEnvelopeId;Personalize.personalization.linedEnvelopeId=null;Personalize.personalization.envelopePairId=foundPairId;Personalize.personalization.pairLinedEnvelopeId=null;}else if(mailingEnvelopePresent&&!innerEnvelopePresent&&linerEnvelopePresent){Personalize.personalization.envelopeId=mailingEnvelopeId;Personalize.personalization.linedEnvelopeId=linerEnvelopeId;Personalize.personalization.envelopePairId=null;Personalize.personalization.pairLinedEnvelopeId=null;}else if(mailingEnvelopePresent&&!innerEnvelopePresent&&!linerEnvelopePresent){Personalize.personalization.envelopeId=mailingEnvelopeId;Personalize.personalization.linedEnvelopeId=null;Personalize.personalization.envelopePairId=null;Personalize.personalization.pairLinedEnvelopeId=null;} var mailingEnvelope=Personalize.envelopes[mailingEnvelopeId];var returnAddress=parseFloat(mailingEnvelope.returnAddress);if(returnAddress&&praValues!==false){var praText=praValues["praLines[]"].join("");var praValid=(praText=="")?false:true;var matches=praText.match(/\w/gi);praValid=(matches!==null)?true:false;praValid=((praValid&&$('radioPraOn').checked)||$('radioPraOff').checked||!$('radioPraOff').checked&&!$('radioPraOn').checked);if(!praValid){var praEditor=this.editors["pra_control"];praEditor.showNoAddressWarning();return false;}else{var praEditor=this.editors["pra_control"];praEditor.hideNoAddressWarning();} Personalize.personalization.returnAddressFront=parseFloat(Personalize.product.returnAddressFront);if($('radioPraOn').checked){Personalize.personalization.returnAddress=1;var side=(Personalize.personalization.returnAddressFront)?"Front":"Back";Personalize.personalization.returnAddressAlignmentId=mailingEnvelope["returnAddress"+side+"AlignmentId"];Personalize.personalization.returnAddressHeight=mailingEnvelope["returnAddress"+side+"Height"];Personalize.personalization.returnAddressWidth=mailingEnvelope["returnAddress"+side+"Width"];Personalize.personalization.returnAddressX=mailingEnvelope["returnAddress"+side+"X"];Personalize.personalization.returnAddressY=mailingEnvelope["returnAddress"+side+"Y"];Personalize.personalization.returnAddressText=praValues["praLines[]"].join("\n");Personalize.personalization.returnAddressFontId=$F('selectPraFont');Personalize.personalization.returnAddressFontColorId=$F('praFontColorId');Personalize.personalization.returnAddressFontSize=12;Personalize.personalization.returnAddressPrice=mailingEnvelope.returnAddressPrice;Personalize.personalization.returnAddressSetupPrice=mailingEnvelope.returnAddressSetupPrice;if(typeof Personalize.masterFontList[$F('selectPraFont')].returnAddressData[mailingEnvelope.sizeId]!=='undefined'){Personalize.personalization.returnAddressFontSize=Personalize.masterFontList[$F('selectPraFont')].returnAddressData[mailingEnvelope["sizeId"]].fontSize;Personalize.personalization.returnAddressLeading=Personalize.masterFontList[$F('selectPraFont')].returnAddressData[mailingEnvelope["sizeId"]].fontLeading;}else{Personalize.personalization.returnAddressFontSize=12;Personalize.personalization.returnAddressLeading=12;}}else{Personalize.personalization.returnAddress=null;Personalize.personalization.returnAddressAlignmentId=null;Personalize.personalization.returnAddressHeight=null;Personalize.personalization.returnAddressWidth=null;Personalize.personalization.returnAddressX=null;Personalize.personalization.returnAddressY=null;Personalize.personalization.returnAddressText=null;Personalize.personalization.returnAddressFontId=null;Personalize.personalization.returnAddressFontColorId=null;Personalize.personalization.returnAddressFontSize=null;Personalize.personalization.returnAddressPrice=null;Personalize.personalization.returnAddressSetupPrice=null;Personalize.personalization.returnAddressFontSize=null;Personalize.personalization.returnAddressLeading=null;}}else{Personalize.personalization.returnAddress=null;Personalize.personalization.returnAddressAlignmentId=null;Personalize.personalization.returnAddressHeight=null;Personalize.personalization.returnAddressWidth=null;Personalize.personalization.returnAddressX=null;Personalize.personalization.returnAddressY=null;Personalize.personalization.returnAddressText=null;Personalize.personalization.returnAddressFontId=null;Personalize.personalization.returnAddressFontColorId=null;Personalize.personalization.returnAddressFontSize=null;Personalize.personalization.returnAddressPrice=null;Personalize.personalization.returnAddressSetupPrice=null;Personalize.personalization.returnAddressFontSize=null;Personalize.personalization.returnAddressLeading=null;} return true;},next:function(){var valid=this.validate();if(valid){$(this.element.id).hide();return true;}else{return false;}},prev:function(){return true;},disableAllInnerEnvelopes:function(){$('innerContainer').hide();$('innerContainerHeader').hide();},disableAllLinerEnvelopes:function(){$('linerContainer').hide();$('linerContainerHeader').hide();},disableInnerEnvelopes:function(){$('formInnerEnvelope').disable();$('innerEnvelopesPrettySelectContainer').hide();$('radioInnerOff').checked=true;},enableInnerEnvelopes:function(){$('formInnerEnvelope').enable();$('innerEnvelopesPrettySelectContainer').show();},disableLinerEnvelopes:function(){$('formLinerEnvelope').disable();$('linerEnvelopesPrettySelectContainer').hide();$('radioLinerOff').checked=true;},enableLinerEnvelopes:function(){$('formLinerEnvelope').enable();$('linerEnvelopesPrettySelectContainer').show();},updateImages:function(){var returnAddress=(parseFloat(this.selectedEnvelopes["mailing"].returnAddress)==1)?true:false;if(returnAddress){this.editors["pra_control"].enable();var praControlValues=this.editors["pra_control"].getValues();var lines=praControlValues["praLines[]"];}else{this.editors["pra_control"].disable();var lines=false;} if($('radioPraOff').checked){lines=false;} if(typeof this.envelopeImages["mailing"]!=='undefined'){this.envelopeImages["mailing"]=new EnvelopeImage("imgEnvelopeMailing",this.selectedEnvelopes["mailing"],350,450,lines);this.envelopeImages["mailing"].render();} var praControlValues=this.editors["pra_control"].getValues();var mailingEnvelopeId=$F('mailingEnvelopeId').replace(Personalize.product.color.id,"");var mailingEnvelope=Personalize.envelopes[mailingEnvelopeId];var innerEnvelopeId=$F('innerEnvelopeId');var innerEnvelope=Personalize.envelopes[innerEnvelopeId];var linerEnvelopeId=$F('linerEnvelopeId');var linerEnvelope=Personalize.envelopes[linerEnvelopeId];if(innerEnvelopeId!==""&&$('radioInnerOn').checked){if(linerEnvelopeId!==""&&$('radioLinerOn').checked){praEnvelope=linerEnvelope;}else{praEnvelope=innerEnvelope;} praEnvelopeImage=this.envelopeImages["inner"];}else{if(linerEnvelopeId!==""&&$('radioLinerOn').checked){praEnvelope=linerEnvelope;}else{praEnvelope=mailingEnvelope;} praEnvelopeImage=this.envelopeImages["mailing"];} var praColors=mailingEnvelope.praColors;var availablePraColors=this.editors["pra_control"].getAvailablePraFontColors();var intersectingColorsCount=0;for(var idx in availablePraColors){if(typeof mailingEnvelope.praColors[idx]!=='undefined'){intersectingColorsCount++;}} var selectablePraColors=new Array();var firstDefault=null;var lastColorSelectedAvailable=false;for(var idxPraFontColor in mailingEnvelope.praColors){var fontColor=mailingEnvelope.praColors[idxPraFontColor];var alwaysVisible=parseFloat(fontColor.alwaysVisible)?true:false;if(intersectingColorsCount==0&&parseFloat(fontColor.sort)==0){firstDefault=fontColor} if(typeof availablePraColors[fontColor.fontColorId]!=="undefined"){if(firstDefault==null){firstDefault=fontColor;}else{if(parseFloat(fontColor.sort)bSort){return 1;}else{return 0;}} selectablePraColors.sort(sortBySortValue);var elColorSwatchContainer=$('praFontColorSwatches');elColorSwatchContainer.update("");if(lastColorSelectedAvailable){$('praFontColorId').value=this.praColorSelected;}else{this.praColorSelected=false;$('praFontColorId').value=firstDefault.fontColor.id;} if(praEnvelope==mailingEnvelope){praEnvelopeImage.update(praEnvelope,false,false,lines);}else{praEnvelopeImage.update(praEnvelope,false,false,false);} for(var idx=0;idx
'+Personalize.getProjectDisplayName()+'
');var newInputElement=new Element('input',{type:'radio',name:'saveTo',id:'saveToNew',value:'1'});newInputElement.onchange=function(){if(this.checked){$(textElemId).focus();}else{$(textElemId).blur();}};var newLabelElement=new Element('label',{"for":'saveToNew'}).update('Save changes as a new project:');textelem.onfocus=function(){if(!$('saveToNew').checked){$('saveToNew').checked=true;}};content.update(currentInputElement);content.insert(currentLabelElement);content.insert(new Element('div',{style:'clear:both'}));content.insert(newInputElement);content.insert(newLabelElement);content.insert('
');}else{content.insert(new Element('div',{style:'font-family: Helvetica; font-size:12px; margin:10px;'}).update('What would you like to name your project?'));} content.insert(textelem);var apply=new Element('div',{'class':'projectSave cmdApply clickable',style:'float:right; margin-left:8px;margin-bottom:10px;'}).update('
');apply.onclick=this.doSave.bindAsEventListener(this,textelem,currentInputElement);this.saveDialog.apply=apply;var cancel=new Element('div',{'class':'projectSave cmdCancel clickable',style:'float:right;margin-bottom:10px;'}).update('
');cancel.onclick=this.cancelSave.bind(this);buttoncont=new Element('div',{style:'padding:6px;margin-top:8px;margin-bottom:10px;'});buttoncont.insert(apply);buttoncont.insert(cancel);content.insert(new Element('div',{style:'clear:both'}));content.insert(buttoncont);} this.saveDialog.showPopup();return true;},doSave:function(ev,elem,createNewElem){var createNew=(createNewElem!=null)?!createNewElem.checked:true;Personalize.personalization.primaryProxy.project=1;if(createNew){var name=elem.getValue();if(name.length==0){alert('Please enter a name');return;}}else{var name=Personalize.getProjectDisplayName();} elem.replace(new Element('img',{src:Personalize.hosts['static']+'image/wpd/loading-bar.gif'}));Personalize.personalization.savedStep=this.element.id;if(!Personalize.member){this.login(true,name,createNew);return;}else{Personalize.services.savePersonalization(name,this.saveComplete.bind(this),createNew);}},cancelSave:function(){if(this.saveDialog) this.saveDialog.hidePopup();},login:function(showSave,title,createNew){Personalize.services.savePersonalization(title,function(){var savedUrl='personalize/'+Personalize.product.id+Personalize.product.color.number+'/'+Personalize.product.displayName.replace('/ /g','-')+'/saved/'+Personalize.personalization.primaryProxy.id+'.html'+((showSave)?'?saveLogin=1':'');var loginUrl='/signin.php?ref='+encodeURIComponent(savedUrl);window.location=loginUrl;},createNew);},saveComplete:function(){Personalize.setStepUrl();var content=this.saveDialog.getPopupElement();content.update('');content.insert(new Element('div',{style:'margin-bottom:25px;'}).update('Project "'+Personalize.getProjectDisplayName()+'" saved.
You can access your projects through your account.'));var accept=new Element('div',{'class':'sprite-btn_close clickable'});content.insert(new Element('div',{align:'right'}).update(accept));accept.observe('click',this.closeSavePopup.bind(this));if(this.dlgTimeout){clearTimeout(this.dlgTimeout);this.dlgTimeout=null;} this.dlgTimeout=setTimeout(this.closeSavePopup.bind(this),10000);},closeSavePopup:function(){if(this.dlgTimeout){clearTimeout(this.dlgTimeout);this.dlgTimeout=null;} this.saveDialog.hidePopup();this.saveDialog.destroy();this.saveDialog=null;}});var PriceManager=Class.create({});PriceManager.prototype={pricing:{mailing:0.0,inner:0.0,liner:0.0,extra:0.0,praSetup:0.0,praItem:0.0},envelopes:{mailing:false,inner:false,liner:false,extra:false},totals:{},quantity:0,getQuantity:function(){var qtyKey="q"+Personalize.product.occasionId;var qty=Personalize.quantity;if(qty==null||qty==0){qty=25;} return qty;},initialize:function(){this.quantity=this.getQuantity();this.render();},updatePricing:function(key,value){this.pricing[key]=parseFloat(value);},updateMailingPrices:function(envelope){this.pricing.mailing=parseFloat(envelope.price);this.pricing.praSetup=parseFloat(envelope.returnAddressSetupPrice);this.pricing.praItem=parseFloat(envelope.returnAddressPrice);},updateInnerPrices:function(outerEnvelope,innerEnvelope){this.pricing.inner=parseFloat(innerEnvelope.price)+parseFloat(outerEnvelope.price);},updateLinerPrices:function(envelope){this.pricing.liner=parseFloat(envelope.price);},updateExtraPrices:function(mailingEnvelope,outerEnvelope,innerEnvelope,linerEnvelope){var extraPrice=parseFloat(0.0);if(mailingEnvelope!==false){extraPrice+=parseFloat(mailingEnvelope.additionalPrice);this.envelopes.mailing=mailingEnvelope;}else{this.envelopes.mailing=false;} if(outerEnvelope!==false){extraPrice+=parseFloat(outerEnvelope.additionalPrice);this.envelopes.outer=outerEnvelope;}else{this.envelopes.outer=false;} if(innerEnvelope!==false){extraPrice+=parseFloat(innerEnvelope.additionalPrice);this.envelopes.inner=innerEnvelope;}else{this.envelopes.inner=false;} if(linerEnvelope!==false){extraPrice+=parseFloat(linerEnvelope.additionalPrice);this.envelopes.liner=linerEnvelope;}else{this.envelopes.liner=false;} this.pricing.extra=extraPrice;},updatePraPrices:function(envelope){this.pricing.praSetup=parseFloat(envelope.returnAddressSetupPrice);this.pricing.praItem=parseFloat(envelope.returnAddressPrice);},render:function(){this.calculateTotals();this.refreshMailing();this.refreshPra();this.refreshInner();this.refreshLiner();this.refreshExtra();this.refreshTotals(false);},refreshTotals:function(recalc){if(recalc){this.calculateTotals();} $('totalEnvelopes').update("$"+new Number(this.totals.all).toFixed(2));},refreshMailing:function(){this.calculateTotals();$('subtotalMailingQty').update(this.quantity);$('subtotalMailingItemPrice').update("$"+new Number(this.pricing.mailing).toFixed(2));var total=(this.totals.mailing=="included")?"included":("$"+new Number(this.totals.mailing).toFixed(2));$('subtotalMailing').update(total);},refreshExtra:function(){this.calculateTotals();this.refreshPra();var qtyExtra=this.getExtraQty();$('subtotalExtraQty').update(qtyExtra);$('subtotalExtraItemPrice').update("$"+new Number(this.pricing.extra).toFixed(2));var qtyPrice=(this.totals.extra=="included")?"$0.00":("$"+new Number(this.totals.extra).toFixed(2));$('extraEnvelopesQtyPrice').update(qtyPrice);$('extraEnvelopesItemPrice').update("$"+new Number(this.pricing.extra).toFixed(2));if(qtyExtra==0||qtyExtra==""){$('subtotalExtraLabel').hide();$('subtotalExtra').hide();}else{$('subtotalExtraLabel').show();$('subtotalExtra').show();$('subtotalExtra').update("$"+new Number(this.totals.extra).toFixed(2));} var hasExtra=(parseFloat(this.pricing.extra)>0)?true:false;if(hasExtra){var hasInner=(parseFloat(this.pricing.inner)>0)?true:false;var hasLiner=(parseFloat(this.pricing.liner)>0)?true:false;var mailingPrice=new Element("span",{id:"verboseExtraMailingPrice"});var outerPrice=new Element("span",{id:'verboseExtraOuterPrice'});var innerPrice=new Element("span",{id:'verboseExtraInnerPrice'});var linerPrice=new Element("span",{id:'verboseExtraLinerPrice'});var verboseTotal=new Element("span",{id:'verboseExtraTotalPrice'});var additionalPrices={};var hasMailing=false;if(this.envelopes.mailing){additionalPrices.mailing=this.envelopes.mailing.additionalPrice;hasMailing=true;} var hasOuter=false;if(this.envelopes.outer){additionalPrices.outer=this.envelopes.outer.additionalPrice;hasOuter=true;} var hasInner=false;if(this.envelopes.inner){additionalPrices.inner=this.envelopes.inner.additionalPrice;hasInner=true;} var hasLiner=false;if(this.envelopes.liner){additionalPrices.liner=this.envelopes.liner.additionalPrice;hasLiner=true;} $('extraEnvelopesVerbose').update("");if(!hasInner&&hasOuter&&hasLiner){var mailingEnvelopeId=$F('mailingEnvelopeId').replace(Personalize.product.color.id,"");var innerEnvelopeId=$F('innerEnvelopeId');var outerEnvelopeId=$F('outerEnvelopeId');var mailingEnvelope=Personalize.envelopes[mailingEnvelopeId];var innerEnvelope=Personalize.envelopes[innerEnvelopeId];var outerEnvelope=Personalize.envelopes[outerEnvelopeId];var fakeOuterEnvelopePrice=parseFloat(innerEnvelope.price)+parseFloat(outerEnvelope.price)-parseFloat(mailingEnvelope.price);mailingPrice.update("$"+new Number(innerEnvelope.additionalPrice).toFixed(2)+" mailing + ");outerPrice.update("$"+new Number(fakeOuterEnvelopePrice).toFixed(2)+" inner + ");linerPrice.update("$"+new Number(this.envelopes.liner.price).toFixed(2)+" liner = ");$('extraEnvelopesVerbose').insert(mailingPrice);$('extraEnvelopesVerbose').insert(outerPrice);$('extraEnvelopesVerbose').insert(linerPrice);verboseTotal.show();}else if(hasInner&&hasOuter&&!hasLiner){var mailingEnvelopeId=$F('mailingEnvelopeId').replace(Personalize.product.color.id,"");var innerEnvelopeId=$F('innerEnvelopeId');var outerEnvelopeId=$F('outerEnvelopeId');var mailingEnvelope=Personalize.envelopes[mailingEnvelopeId];var innerEnvelope=Personalize.envelopes[innerEnvelopeId];var outerEnvelope=Personalize.envelopes[outerEnvelopeId];var theFakePrice=parseFloat(innerEnvelope.price)+parseFloat(outerEnvelope.price)-parseFloat(mailingEnvelope.price);outerPrice.update("$"+new Number(mailingEnvelope.price).toFixed(2)+" mailing + ");innerPrice.update("$"+new Number(theFakePrice).toFixed(2)+" inner = ");$('extraEnvelopesVerbose').insert(outerPrice);$('extraEnvelopesVerbose').insert(innerPrice);verboseTotal.show();}else if(!hasMailing&&hasLiner){var mailingEnvelopeId=$F('mailingEnvelopeId').replace(Personalize.product.color.id,"");var fakeMailingEnvelopePrice=Personalize.envelopes[mailingEnvelopeId].additionalPrice;mailingPrice.update("$"+new Number(fakeMailingEnvelopePrice).toFixed(2)+" mailing + ");linerPrice.update("$"+new Number(this.envelopes.liner.price).toFixed(2)+" liner = ");$('extraEnvelopesVerbose').insert(mailingPrice);$('extraEnvelopesVerbose').insert(linerPrice);verboseTotal.show();}else if(hasMailing&&!hasLiner){$('extraEnvelopesVerbose').update("");verboseTotal.hide();} verboseTotal.update("$"+new Number(this.pricing.extra).toFixed(2)+" per envelope set");$('extraEnvelopesVerbose').insert(verboseTotal);}else{$('extraEnvelopesVerbose').update("");}},refreshLiner:function(){this.calculateTotals();$('subtotalLinerQty').update(this.quantity);$('qtyLinerEnvelopes').update(this.quantity);$('subtotalLinerItemPrice').update("$"+new Number(this.pricing.liner).toFixed(2));var subtotal=this.pricing.liner*this.quantity;if(subtotal==0){$('noLinerEnvelopesPricing').show();$('linerEnvelopesPricing').hide();}else{var elQtyLinerEnvelopes=$('qtyLinerEnvelopes');elQtyLinerEnvelopes.update(this.quantity);var elLinerEnvelopesQtyPrice=$('linerEnvelopesQtyPrice');elLinerEnvelopesQtyPrice.update("$"+new Number(subtotal).toFixed(2));$('noLinerEnvelopesPricing').hide();$('linerEnvelopesPricing').show();} if($('radioLinerOff').checked||(!$('radioLinerOff').checked&&!$('radioLinerOn').checked)){$('subtotalLinerLabel').hide();$('subtotalLiner').hide();}else{$('subtotalLinerLabel').show();$('subtotalLiner').show();var total=(this.totals.liner=="included")?"included":("$"+new Number(this.totals.liner).toFixed(2));$('subtotalLiner').update(total);}},refreshInner:function(){this.calculateTotals();$('subtotalInnerQty').update(this.quantity);$('subtotalInnerItemPrice').update("$"+new Number(this.pricing.inner).toFixed(2));var subtotal=this.pricing.inner*this.quantity;if(subtotal==0){$('noInnerEnvelopesPricing').show();$('innerEnvelopesPricing').hide();}else{var elQtyInnerEnvelopes=$('qtyInnerEnvelopes');elQtyInnerEnvelopes.update(this.quantity);var elInnerEnvelopesQtyPrice=$('innerEnvelopesQtyPrice');elInnerEnvelopesQtyPrice.update("$"+new Number(subtotal).toFixed(2));$('noInnerEnvelopesPricing').hide();$('innerEnvelopesPricing').show();} if($('radioInnerOff').checked||(!$('radioInnerOff').checked&&!$('radioInnerOn').checked)){$('subtotalInnerLabel').hide();$('subtotalInner').hide();}else{$('subtotalInnerLabel').show();$('subtotalInner').show();var total=(this.totals.inner=="included")?"included":("$"+new Number(this.totals.inner).toFixed(2));$('subtotalInner').update(total);}},refreshPra:function(){this.calculateTotals();var praQty=parseFloat(this.quantity)+parseFloat(this.getExtraQty());$('subtotalPraQty').update(praQty);$('praQtyPrice').update("$"+new Number(this.pricing.praItem).toFixed(2));$('subtotalPraItemPrice').update("$"+new Number(this.pricing.praItem).toFixed(2));if(parseFloat(this.pricing.praSetup)>0){$('praSetupText').update("with $"+new Number(this.pricing.praSetup).toFixed(2)+" setup fee");}else{$('praSetupText').update("");} var showPraSetup=$('radioPraOn').checked;if(!showPraSetup){$('subtotalPrintedReturnAddressSetupLabel').hide();$('subtotalPrintedReturnAddressSetup').hide();}else{if(parseFloat(this.pricing.praSetup)>0){$('subtotalPrintedReturnAddressSetupLabel').show();$('subtotalPrintedReturnAddressSetup').show();}else{$('subtotalPrintedReturnAddressSetupLabel').hide();$('subtotalPrintedReturnAddressSetup').hide();}} if($('radioPraOff').checked){$('subtotalPrintedReturnAddressLabel').hide();$('subtotalPrintedReturnAddress').hide();}else{$('subtotalPrintedReturnAddressLabel').show();$('subtotalPrintedReturnAddress').show();var itemTotal=(this.totals.praItem=="included")?"included":("$"+new Number(this.totals.praItem).toFixed(2));$('subtotalPrintedReturnAddress').update(itemTotal);var setupTotal=(this.totals.praSetup=="included")?"included":("$"+new Number(this.totals.praSetup).toFixed(2));$('subtotalPrintedReturnAddressSetup').update(setupTotal);}},renderPrice:function(price){var floatnum=parseFloat(price);if(floatnum==0){return"included";}else{return parseFloat(price);}},getExtraQty:function(){return $F('qtyExtraEnvelopes');},calculateTotals:function(){this.totals.inner=this.calculateInnerTotals();this.totals.mailing=this.calculateMailingTotals();this.totals.extra=this.calculateExtraTotals();praTotals=this.calculatePraTotals();this.totals.praItem=praTotals["itemTotal"];this.totals.praSetup=praTotals["setupTotal"];this.totals.liner=this.calculateLinerTotals();this.totals.all=0;for(var idx in this.totals){if(idx!=="all"){var val=this.totals[idx];if(val=="included"){this.totals.all+=0;}else{this.totals.all+=parseFloat(val);}}}},calculateInnerTotals:function(){var price=this.pricing.inner;var qty=this.quantity;var total=($('radioInnerOff').checked||(!$('radioInnerOff').checked&&!$('radioInnerOn').checked))?0:price*qty;return this.renderPrice(total);},calculateMailingTotals:function(){var price=parseFloat(this.pricing.mailing);var qty=this.quantity;var total=price*qty;return this.renderPrice(total);},calculateLinerTotals:function(){var price=this.pricing.liner;var qty=this.quantity;var total=($('radioLinerOff').checked||(!$('radioLinerOff').checked&&!$('radioLinerOn').checked))?0:price*qty;return this.renderPrice(total);},calculateExtraTotals:function(){var price=this.pricing.extra;var qty=this.getExtraQty();var total=price*qty;return this.renderPrice(total);},calculatePraTotals:function(){var total={itemTotal:this.calculatePraItemTotals(),setupTotal:this.calculatePraSetupTotals()} return total;},calculatePraItemTotals:function(){var itemPrice=parseFloat(this.pricing.praItem);var qty=parseFloat(this.quantity)+parseFloat(this.getExtraQty());var total=($('radioPraOff').checked)?0:itemPrice*qty;return this.renderPrice(total);},calculatePraSetupTotals:function(){var setupPrice=parseFloat(this.pricing.praSetup);var total=($('radioPraOff').checked)?0:setupPrice;return this.renderPrice(total);}};var PraEditor=Class.create({});PraEditor.prototype={availableFonts:null,pricemanager:null,forms:['formMailingEnvelope'],fields:[],fontData:{},praFields:['praLine1','praLine2','praLine3','praLine4','selectPraFont'],praTextFields:['praLine1','praLine2','praLine3','praLine4'],praRadios:['radioPraOff','radioPraOn'],scriptWarningDomId:'scriptWarning',praText:"",praWarningContainer:null,praWarningContainerDomId:"",praWarning:null,praWarningDomId:"",lastBgColor:{},enabled:null,praColorData:{colors:{}},disable:function(){this.enabled=false;$('formMailingEnvelope').disable();$('radioPraOff').checked=true;},enable:function(){this.enabled=true;$('formMailingEnvelope').enable();},showNoAddressWarning:function(){this.lastBgColor[this.praWarningContainerDomId]=this.praWarningContainer.style.backgroundColor;this.praWarningContainer.setStyle({border:"red 2px solid",backgroundColor:"red"});this.praWarning.show();$('radioPraOn').style.color="white";$('radioPraOff').style.color="white";$('pra_text_container').style.color="white";$('praRadios').style.color="white";},hideNoAddressWarning:function(){this.praWarningContainer.setStyle({border:"",backgroundColor:this.lastBgColor[this.praWarningContainerDomId]});this.praWarning.hide();$('radioPraOn').style.color="black";$('radioPraOff').style.color="black";$('pra_text_container').style.color="black";$('praRadios').style.color="black";},showScriptWarning:function(){$(this.scriptWarningDomId).show();},hideScriptWarning:function(){$(this.scriptWarningDomId).hide();},events:{praLineOnChange:function(scope,event){var element=event.element();var elementId=element.id;$('radioPraOn').checked=true;scope.pricemanager.refreshPra();this.praText="";this.praText+=$('praLine1').value;this.praText+=$('praLine2').value;this.praText+=$('praLine3').value;this.praText+=$('praLine4').value;if(this.praText==""){$('radioPraOff').checked=true;scope.pricemanager.refreshPra();} if(elementId=="selectPraFont"){var fontId=$F('selectPraFont');var font=Personalize.masterFontList[fontId];var typeface=Personalize.masterTypefaceList[font.typefaceId];if(typeface.typeId!==null){if(typeface.type.name.toLowerCase()=="script"){scope.editors["pra_control"].showScriptWarning();}else{scope.editors["pra_control"].hideScriptWarning();}}else{scope.editors["pra_control"].hideScriptWarning();}}},praRadioOnChange:function(scope,event){scope.pricemanager.refreshPra();var element=event.element();var elementId=element.id;if(elementId=="radioPraOn"){this.praText="";this.praText+=$('praLine1').value;this.praText+=$('praLine2').value;this.praText+=$('praLine3').value;this.praText+=$('praLine4').value;$('radioPraOn').checked=true;}else{this.praText="";}}},initialize:function(pricemanager,options){this.fontData.fonts=Personalize.product.fonts;var step=Personalize.getStepByName("personalizeEnvelopes");for(var idx=0;idx0){var opts=elFontSelect.childElements();for(var childIdx=0;childIdx
  • To edit or add text, click on the text area(s).\
  • View our suggested verses for sample text.\
  • You can customize this card with your company logo or photo using our web-based upload system. See our FAQ section for more information.\
  • Our photo tray can hold up to 20 files. If you already have 20 files in your tray, you must remove files before you can add others.\
  • You can drag and drop photos into any of the logo or photo boxes.\
  • To edit your photo, click on it on the card preview.\
  • To add a design accent, expand the design section on the left tool bar and then click and drag the design accent onto the card.\
  • A professional designer may review and may enhance your photo(s) for the best quality printing\
  • Visit the Frequently Asked Questions section for more information.\
',TP_PHOTOCARD_HELP:'
  • To edit or add text, click on the text area(s).\
  • View our suggested verses for sample text.\
  • You can add photos to the tray by clicking "Add Photo" at the bottom of the page.\
  • The photo tray can hold up to 30 photos. If you already have 30 photos, you must remove photos before you can add others.\
  • You can drag and drop photos into the photo boxes.\
  • To edit a photo, click on it on the card.\
  • To add a design accent, expand the design section on the left tool bar and then click and drag the design accent onto the card.\
  • A professional designer may review and may enhance your photo(s) for the best quality printing\
  • Visit the Frequently Asked Questions section for more information.\
',TPC_TEXTCARD_HELP:'
  • To edit or add text, click on the text area(s).\
  • You can change the font typestyle, color and size of your text.\
  • View our suggested verses for sample text.\
  • To add a design accent, expand the design section on the left tool bar and then click and drag the design accent onto the card.\
  • Visit the Frequently Asked Questions section for more information.\
',TP_TEXTCARD_HELP:'
  • To edit or add text, click on the text area(s).\
  • You can change the font typestyle, color and size of your text.\
  • View our suggested verses for sample text.\
  • To add a design accent, expand the design section on the left tool bar and then click and drag the design accent onto the card.\
  • Visit the Frequently Asked Questions section for more information.\
',TPC_LOGOCARD_HELP:'
  • To edit or add text, click on the text area(s).\
  • View our suggested verses for sample text.\
  • You can add photos or logos to the tray by clicking "Add Photo" at the bottom of the page.\
  • Our photo tray can hold up to 20 files. If you already have 20 files in your tray, you must remove files before you can add others.\
  • You can drag and drop photos into any of the logo or photo boxes.\
  • To edit your photo, click on it on the card preview.\
  • To add a design accent, expand the design section on the left tool bar and then click and drag the design accent onto the card.\
  • A professional designer may review and may enhance your photo(s) for the best quality printing\
  • Visit the Frequently Asked Questions section for more information.\
  • You can customize this card with your company logo or photo using our web-based upload system. See our FAQ section for more information.\
',TP_PREVIEW_HELP:'
  • If you have any special requests that cannot be completed on the website, please enter them in the special instructions box. A professional designer will work with you to accommodate your requests.
  • A professional designer will review and may enhance your logo(s) and photo(s) for the best quality printing. Please visit here for more details.
  • Visit the Frequently Asked Questions section for more information.
',GC_PREVIEW_HELP:'
  • Please review your order carefully before finalizing it. This product will be printed without any additional editing by the Tiny Prints staff.
  • Read our Frequently Asked Questions for more information.
',TP_TRIMOPTIONS_HELP_CONTENT:'
Trim options allow you to customize the edges of your cards
',TP_TRIMOPTIONS_HELP_TITLE:'
Trim Options
',TP_DOODLES_HELP_TITLE:'
Add Embellishments!
',TP_DOODLES_HELP_CONTENT:'
  • Drag and drop anywhere you like
    • \
  • Resize or remove
  • Layer in front of or behind your personalized text
',WPD_HELP:'
  • To edit or add text, either click on the text areas on the card or click the text edit boxes on the right hand side of the page.
  • To change the font, font size or font color, highlight the text style box you want to edit and then select a font from the highlighted dropdown menu.
  • Add photos to your photo tray by clicking "Add/Remove Photos" at the bottom of the page.
  • To add photos to your card, drag photos from your photo tray and drop them into the photo boxes.
  • A professional designer may review and enhance your personalized order to ensure a high quality finished product.
  • If you would like to further customize your card but are unable to do so in the personalization process, please enter your request in the special instructions section. Our designers will do their best to accommodate your request.
',GC_HELP:'
  • To edit or add text, click on the text area(s) on the card.
  • Hold your mouse over the main text area to see a link for Suggested Messages. Click this link to view our Message Library, where you can browse, filter or search for the perfect message.
  • You can add photos to the tray by clicking the "Add Photo" button.
  • The photo tray can hold up to 30 photos. If you already have 30 photos, you must remove photos before you can add others.
  • You can drag and drop photos into the photo boxes.
  • To edit a photo, click on it on the card.
  • Visit the Frequently Asked Questions section for more information.
',WPD_HOSTING_HELP:'In accordance with etiquette standards, we\'ll arrange your text differently depending on who is hosting your event. You\'ll have the option to edit the text later in the personalization process.',WPD_FORMAL_HELP:'For formal weddings, we spell out the date and time. For casual weddings, we use numbers to indicate the date and time.',WPD_CASUAL_HELP:'For formal weddings, we spell out the date and time. For casual weddings, we use numbers to indicate the date and time.',WPD_TEXTBOX_HELP:'You can perform font, size, color and alignment changes within the text boxes on the right. When you click into one of the text boxes, the corresponding area of your design will be highlighted. If more than one text box is highlighted, the changes will be applied to multiple areas.',WPD_DOODLE_HELP:'To add Design Accents to your card or invitation, drag your favorite icon onto the design and drop them into place. You can then rotate, mirror or move your Design Accents using the same click and drag method. To resize a Design Accent, click at the bottom right hand corner of the icon\'s outline and drag to increase or reduce the size. To remove a Design Accent, click on the red X next to the icon.',WPD_LAYOUT_HELP:'You have the option of changing the layout of your design. To select a different layout, click on the thumbnails on the right to see the new layout populated in the preview screen.',WPD_PHOTO_HELP:'
  • Add photos to your photo tray by clicking "Add/Remove Photos" at the bottom of the page.
  • To add photos to your card, drag photos from your photo tray and drop them into the photo boxes.
'};var TP={CHAR_CODE_ENTER:13,PAPER_TYPE_STUDIO_BASIC:18,STORE_NAME_TP:'tp',STORE_NAME_WPD:'wpd',STORE_NAME_TREAT:'gc',STORE_ID_TP:1,STORE_ID_WPD:2,STORE_ID_TREAT:3,recursivelyCollect:function(element){var elements=[];while(element.nodeType==1){elements.push(element);if(element.parentNode!==null){element=element.parentNode;}else{break;}} return elements;},ancestors:function(element){return this.recursivelyCollect(element);},getPagePosition:function(object){var x=0;var y=0;if(object.offsetParent){x=object.offsetLeft;y=object.offsetTop;while(object=object.offsetParent){x+=object.offsetLeft;y+=object.offsetTop;}} return[x,y];},moveBetweenSelects:function(fromSelect,toSelect,callback){var firstSelectedIndex=null;for(var currentIndex=0;currentIndex-1&&fromSelect.options[firstSelectedIndex-1]!==undefined){fromSelect.selectedIndex=firstSelectedIndex-1;}else if(fromSelect.options[0]!==undefined){fromSelect.selectedIndex=0;} if(typeof callback==='function'){callback();}},getSelectedIndexes:function(select){var selectedIndexes=[];for(var i=0;i0&&selectedIndex=0&&selectedIndex1){for(var i=1;i';for(var i=0;i';}else{content+=arguments[i];content+=this.spacer;}} this.tpConsoleSpan.update(content);this.showConsole();}},clearConsole:function(){this.tpConsoleDiv.remove();this.setupConsole();},toggleConsole:function(){if(this.tpConsoleSpan.visible()){this.tpConsoleSpan.hide();this.tpConsoleToggle.update('show');}else{this.tpConsoleSpan.show();this.tpConsoleToggle.update('hide');}},addLoadEvent:function(func){var oldonload=window.onload;if(typeof window.onload!='function'){window.onload=func;}else{window.onload=function(){if(oldonload){oldonload();} func();}};}},checkValidDate:function(month,date,year){if(date<=0){return false;} var isValid=true;month=parseInt(month);if(month==1||month==3||month==5||month==7||month==8||month==10||month==12){if(date>31){isValid=false;}}else if(month==4||month==6||month==9||month==11){if(date>30){isValid=false;}}else{if(((year%4==0)&&(year%100!=0))||(year%400==0)){if(date>29){isValid=false;}}else{if(date>28){isValid=false;}}} return isValid;},init:function(){this.ie6=(window.external&&typeof window.XMLHttpRequest=='undefined');this.ie7=((navigator.appVersion.indexOf('MSIE 7.')==-1)?false:true);this.ie8=((navigator.appVersion.indexOf('MSIE 8.')==-1)?false:true);this.safari=(/Safari/.test(navigator.userAgent));if(typeof console!=='object'||typeof console.log!=='function'){window.console=TP.Console;window.console.init();} if(typeof Array.prototype.indexOf==='undefined'){console.log('Needs Array.indexOf');Array.prototype.indexOf=function(obj){for(var i=0;i=3.5){this.supported=true;break;}} else if(TP.BrowserDetect.browser=='Chrome'){if(parseFloat(TP.BrowserDetect.version)>=5){this.supported=true;break;}} if(TP.BrowserDetect.browser==current.browser&&TP.BrowserDetect.OS==current.os&&TP.BrowserDetect.version==current.version){this.supported=true;break;}} TP.cookieCheck();}}};TP.Associator=function(prefix,options){this.prefix=prefix;this.associatedSelect=document.getElementById(this.prefix+'_associated');this.availableSelect=document.getElementById(this.prefix+'_available');this.sortUpElement=document.getElementById(this.prefix+'_sortUp');this.sortDownElement=document.getElementById(this.prefix+'_sortDown');this.associateElement=document.getElementById(this.prefix+'_associate');this.disassociateElement=document.getElementById(this.prefix+'_disassociate');this.associatedIdsElement=document.getElementById(this.prefix+'_associatedIds');this.preAssociate=function(){};this.postAssociate=function(){};this.preDisassociate=function(){};this.postDisassociate=function(){};this.preSortUp=function(){};this.postSortUp=function(){};this.preSortDown=function(){};this.postSortDown=function(){};if(typeof options=='object'){if(typeof options.preAssociate=='function'){this.preAssociate=options.preAssociate;} if(typeof options.postAssociate=='function'){this.postAssociate=options.postAssociate;} if(typeof options.preDisassociate=='function'){this.preDisassociate=options.preDisassociate;} if(typeof options.postDisassociate=='function'){this.postDisassociate=options.postDisassociate;} if(typeof options.preSortUp=='function'){this.preSortUp=options.preSortUp;} if(typeof options.postSortUp=='function'){this.postSortUp=options.postSortUp;} if(typeof options.preSortDown=='function'){this.preSortDown=options.preSortDown;} if(typeof options.postSortDown=='function'){this.postSortDown=options.postSortDown;}} var associator=this;if(this.sortUpElement){this.sortUpElement.onclick=function(){associator.preSortUp();TP.selectSortUp(associator.associatedSelect,function(){associator.updateAssociatedIds();});associator.postSortUp();return false;};} if(this.sortDownElement){this.sortDownElement.onclick=function(){associator.preSortDown();TP.selectSortDown(associator.associatedSelect,function(){associator.updateAssociatedIds();});associator.postSortDown();return false;};} if(this.associatedIdsElement){this.updateAssociatedIds();if(this.associateElement){this.associateElement.onclick=function(){associator.preAssociate();TP.moveBetweenSelects(associator.availableSelect,associator.associatedSelect,function(){associator.updateAssociatedIds();});associator.postAssociate();return false;};} if(this.disassociateElement){this.disassociateElement.onclick=function(){associator.preDisassociate();TP.moveBetweenSelects(associator.associatedSelect,associator.availableSelect,function(){associator.updateAssociatedIds();});associator.postDisassociate();return false;};}}};TP.extendObject(TP.Associator.prototype,{prefix:null,associatedSelect:null,availableSelect:null,sortUpElement:null,sortDownElement:null,associateElement:null,disassociateElement:null,associatedIdsElement:null,updateAssociatedIds:function(){var associated=this.associatedSelect.options;var associatedIdsArray=[];for(var i=0;i