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;i0)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,popupZIndex:50001,maskZIndex:50000,editorZIndex:40000,handleZIndex:10000,photoZIndex:100,textboxZIndex:200,layoutZIndex:300,overlayZIndex:400,separatorZIndex:500,doodleZIndex:900,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,mainElement:$('pageContainer'),renderingDecimalPrecision:0,maxUserPhotos:20,userPhotos:[],returnAddressLabelData:{returnAddressLabel:null,returnAddressLabelProductId:null,returnAddressLabelQuantity:null},ie6:(window.external&&typeof window.XMLHttpRequest=='undefined'),ie7:((navigator.appVersion.indexOf('MSIE 7.')==-1)?false:true),safari:(/Safari/.test(navigator.userAgent)),isIe:function(){return(this.ie6||this.ie7);},environment:null,hosts:{"static":null,images:null,imagesProxy:null},store:null,steps:[],uris:[],eventHandlers:{'changecolor':[],'changepanel':[],'changelayout':[],'infoentered':[],'login':[],'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':[]},activeStepIndex:null,activeStep:null,preShippedEnvelopes:false,recentlyViewedPopupDomId:'recentlyViewedPopup',numbersToWords:{0:'zero',1:'one',2:'two',3:'three',4:'four',5:'five',6:'six',7:'seven',8:'eight',9:'nine'},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(!Personalize.personalization){Personalize.personalization={};Personalize.personalization.id=null;} var fragment=window.location.hash.split('_');if(fragment.length<2){if(!Personalize.personalization.id&&(window.location.hash=='#personalizeEnterInfo'||window.location.hash=='#Personalize'||window.location.hash=='#personalizeReview'||window.location.hash=='#personalizeEnvelopes')){window.location.hash='#';this.urlFragment='';}} if(window.opera){history.navigationMode='compatible';} Event.observe(window,'unload',function(){Personalize.services.saveSessionPersonalization();});this.startCheckingUrl();$('saveButton').hide();if(!Personalize.productPhotoEffects){Personalize.productPhotoEffects={};var productEffectsCookie=TP.getCookie("productPhotoEffects");if(productEffectsCookie){Personalize.productPhotoEffects=JSON.parse(TP.getCookie("productPhotoEffects"));}}},setStepUrl:function(){var hash=this.steps[this.activeStepIndex].name;if(Personalize.personalization.id){hash+='_'+Personalize.personalization.id;} if(!(window.location.hash==''&&hash=='enterInfo')){window.location.hash=hash;}},checkStepUrl:function(){var fragment=window.location.hash;if(fragment){if(fragment!=''){fragment=fragment.substr(1);if(fragment==this.urlFragment)return false;this.urlFragment=fragment;var fragmentParts=fragment.split('_');if(fragmentParts.length>1){var possibleStepIndex=fragmentParts[0];var possiblePersonalizationId=fragmentParts[1];if(possiblePersonalizationId!=Personalize.personalization.id){Personalize.services.loadPersonalization(possiblePersonalizationId,{onComplete:function(){if(Personalize.activeStepIndex){Personalize.activeStepIndex=null;} Personalize.stopCheckingUrl();Personalize.personalizationLoaded=true;Personalize.activateStep(possibleStepIndex);}});}else{if(possibleStepIndex!=this.activeStepIndex){this.activateStep(possibleStepIndex);}}}else{var possibleStepIndex=fragment;this.activateStep(possibleStepIndex);}}}},startCheckingUrl:function(){this.urlCheckTimer=setInterval("Personalize.checkStepUrl();",200);},stopCheckingUrl:function(){if(this.urlCheckTimer){clearTimeout(this.urlCheckTimer);}},registerSteps:function(stepsArray){this.steps=stepsArray;for(var stepId in this.steps){this.steps[stepId].init();} this.activeStepIndex=this.findFirstAvailableStep();this.activeStep=this.steps[this.activeStepIndex];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;},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',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',newStep.name);this.activeStep.deactivate();this.activeStepIndex=newStep;this.activeStep=this.steps[this.activeStepIndex];this.activeStep.activate(false);this.updateNavigationTabs();this.setStepUrl();}}},finish:function(){Personalize.services.savePersonalization(false,function(){var p=Personalize.personalization;var returnAddressLines=(p.returnAddressText)?p.returnAddressText.split('\n'):[];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,instructions:p.instructions,envelopeId:finalEnvelopeId,innerEnvelopeId:finalInnerEnvelopeId,additionalEnvelopes:p.additionalEnvelopes,returnAddress:(parseFloat(p.returnAddress)==1)?1:0,returnAddressLine1:returnAddressLines[0]||null,returnAddressLine2:returnAddressLines[1]||null,returnAddressLine3:returnAddressLines[2]||null,returnAddressLine4:returnAddressLines[3]||null,returnAddressFontId:p.returnAddressFontId,returnAddressFontColorId:p.returnAddressFontColorId,returnAddressFontSize:p.returnAddressFontSize,returnAddressLeading:p.returnAddressLeading,redirect:'/related.html?pid='+p.productId+Personalize.product.color.number};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.orderId){addToCartParameters.oid=Personalize.orderId;} var addToCartFormElement=new Element('form',{action:'/addtocart.php',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();});},activateStep:function(stepName){for(var stepId in this.steps){var step=this.steps[stepId];if(step.name==stepName){this.activeStepIndex=stepId;if(Personalize.personalizationLoaded||this.activeStep!=step){this.trigger('changestep',stepName);this.activeStep.deactivate();this.activeStep=this.steps[this.activeStepIndex];this.activeStep.activate(false);this.updateNavigationTabs();this.setStepUrl();Personalize.personalizationLoaded=false;return;}}}},renderNavigationTabs:function(){var tabsListContainer=$("personalizeStepTabsList");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{$("personalizeStepTitle").update(step.title);$(step.name+"StepTabName").removeClassName('disabled');if(step.description!==""&&typeof step.description!=="undefined"){$("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'});var backBtns=document.getElementsByClassName('sprite-btn-back');for(var i=0;i0);if(Personalize.site=='TP'){if(parseFloat(Personalize.product.corporate)==1){if(hasPhotos){if(hasLogos){helpText=Personalize.strings.TPC_LOGOCARD_HELP;}else{helpText=Personalize.strings.TPC_PHOTOCARD_HELP;}}else{helpText=Personalize.strings.TPC_TEXTCARD_HELP;}}else{if(hasPhotos){helpText=Personalize.strings.TP_PHOTOCARD_HELP;}else{helpText=Personalize.strings.TP_TEXTCARD_HELP;}}}else{helpText=Personalize.strings.WPD_HELP;} var text=new Element('div',{align:'left'}).update(helpText);var button=new Element('div',{'class':'sprite-btn_close clickable'});button.observe('click',this.helpDlg.hidePopup.bind(this.helpDlg));var buttonCont=new Element('div',{align:'right'}).update(button);content.insert(text);content.insert(buttonCont);content.setStyle({padding:'20px',fontFamily:'Helvetica',fontSize:'12px',width:'400px'});this.helpDlg.hidePopup();} console.log('Here');try{var linkPos=$('helpBtnText').cumulativeOffset();var left=linkPos[0]+$('helpBtnText').getWidth()-440;var top=linkPos[1]+16;}catch(e){console.log(e);} this.helpDlg.showPopup(left,top);},helpPreview:function(){if(!this.helpDlg){this.helpDlg=new PersonalizePopup('Preview Help','helpPopup_');var content=this.helpDlg.getPopupElement();var text=new Element('div',{align:'left'}).update('
  • 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.
');var button=new Element('div',{'class':'sprite-btn_close clickable'});button.observe('click',this.helpDlg.hidePopup.bind(this.helpDlg));var buttonCont=new Element('div',{align:'right'}).update(button);content.insert(text);content.insert(buttonCont);content.setStyle({padding:'20px',fontFamily:'Helvetica',fontSize:'12px',width:'400px'});this.helpDlg.hidePopup();} this.helpDlg.showPopup();},effects:{transitions:{elastic:function(pos){return-1*Math.pow(4,-8*pos)*Math.sin((pos*6-1)*(2*Math.PI)/2)+1;},swingFromTo:function(pos){var s=1.70158;if((pos/=0.5)<1)return 0.5*(pos*pos*(((s*=(1.525))+1)*pos-s));return 0.5*((pos-=2)*pos*(((s*=(1.525))+1)*pos+s)+2);},swingFrom:function(pos){var s=1.70158;return pos*pos*((s+1)*pos-s);},swingTo:function(pos){var s=1.70158;return(pos-=1)*pos*((s+1)*pos+s)+1;},bounce:function(pos){if(pos<(1/2.75)){return(7.5625*pos*pos);}else if(pos<(2/2.75)){return(7.5625*(pos-=(1.5/2.75))*pos+.75);}else if(pos<(2.5/2.75)){return(7.5625*(pos-=(2.25/2.75))*pos+.9375);}else{return(7.5625*(pos-=(2.625/2.75))*pos+.984375);}},bouncePast:function(pos){if(pos<(1/2.75)){return(7.5625*pos*pos);}else if(pos<(2/2.75)){return 2-(7.5625*(pos-=(1.5/2.75))*pos+.75);}else if(pos<(2.5/2.75)){return 2-(7.5625*(pos-=(2.25/2.75))*pos+.9375);}else{return 2-(7.5625*(pos-=(2.625/2.75))*pos+.984375);}},easeFromTo:function(pos){if((pos/=0.5)<1)return 0.5*Math.pow(pos,4);return-0.5*((pos-=2)*Math.pow(pos,3)-2);},easeFrom:function(pos){return Math.pow(pos,4);},easeTo:function(pos){return Math.pow(pos,0.25);}},reverts:{instantRevert:function(element,top_offset,left_offset){new Effect.Move(element,{x:-left_offset,y:-top_offset,duration:0,queue:{scope:'revert',position:'end'}});}}},countProductPhotos:function(){var photoCount=0;for(var panelId in Personalize.product.panels){var panel=Personalize.product.panels[panelId];for(var photoId in panel.photos){photoCount++;} for(var layoutId in panel.layouts){var layout=panel.layouts[layoutId];for(var layoutPhotoId in layout.photos){photoCount++;}}} return photoCount;},productHasLogos:function(){for(var panelId in Personalize.product.panels){var panel=Personalize.product.panels[panelId];for(var photoId in panel.photos){if(parseFloat(panel.photos[photoId])==1)return true;} for(var layoutId in panel.layouts){var layout=panel.layouts[layoutId];for(var layoutPhotoId in layout.photos){if(parseFloat(layout.photos[layoutPhotoId])==1)return true;}}} return false;}} Object.extend(Event,{wheel:function(event){var delta=0;if(!event)event=window.event;if(event.wheelDelta){delta=event.wheelDelta/120;if(window.opera)delta=-delta;}else if(event.detail){delta=-event.detail/3;} return Math.round(delta);}});var PersonalizePopup=function(title,cssPrefix,modal){if(typeof modal=='undefined'){this.modal=false;}else{this.modal=modal;} if(this.modal){this.callback=this.defaultModalClick.bind(this);} this.title=title;this.cssPrefix=cssPrefix;this.zIndex=0;this.domElement=new Element('div',{'class':this.cssPrefix+'Window personalizePopup'});this.handle=new Element('div',{align:'right','class':this.cssPrefix+'Handle moveable personalizePopupHandle'});this.titleElem=new Element('div',{'class':this.cssPrefix+'Title personalizePopupTitle'}).update(this.title);if(!this.modal){this.closeBox=new Element('div',{'class':this.cssPrefix+'Close clickable sprite-icon-close personalizePopupClose'});this.closeBox.onclick=this.outsideClick.bind(this);this.closeBoxTxt=new Element('div',{'class':this.cssPrefix+'Close clickable personalizePopupCloseTxt'}).update('Close');this.closeBoxTxt.onclick=this.outsideClick.bind(this);this.handle.insert(this.closeBox);this.handle.insert(this.closeBoxTxt);} this.handle.insert(this.titleElem);this.contentElement=new Element('div',{'class':this.cssPrefix+'Content'});this.domElement.insert(this.handle);this.domElement.insert(new Element('div',{style:'clear:both'}));this.domElement.insert(this.contentElement);this.maskElement=new Element('div');this.maskElement.setOpacity(0.2);this.maskElement.setStyle({position:'absolute',top:0,left:0,zIndex:(++Personalize.popupZIndex),width:'100%',backgroundColor:'#000',display:'none'});if(!Personalize.ie6){this.maskElement.setStyle({position:'fixed'});} this.draggable=new Draggable(this.domElement,{handle:this.handle});this.keyDownHandler=this.handleKeydown.bindAsEventListener(this);document.body.insertBefore(this.maskElement,document.body.childNodes[0]);document.body.insertBefore(this.domElement,document.body.childNodes[0]);} PersonalizePopup.prototype={getPopupElement:function(){return this.contentElement;},showPopup:function(pX,pY){this.maskElement.style.height=document.viewport.getHeight()+'px';this.maskElement.onclick=this.outsideClick.bind(this);this.maskElement.setOpacity(0);this.maskElement.show();this.maskElement.fade({duration:0.2,from:0,to:0.6});this.maskElement.setStyle({zIndex:(++Personalize.popupZIndex)});this.zIndex=(++Personalize.popupZIndex) this.domElement.setStyle({position:'absolute',backgroundColor:'#FFF',zIndex:this.zIndex,display:'none'});this.draggable.options.zindex=this.zIndex if(!Personalize.ie6){this.domElement.setStyle({position:'fixed'});} this.domElement.show();this.domElement.setStyle({width:this.contentElement.getWidth()+'px'});var width=this.contentElement.getWidth();if(Personalize.isIe()){this.domElement.setStyle({width:(this.contentElement.getWidth())+'px'});} if(pX&&pY){var leftPos=pX;var topPos=pY;}else{var leftPos=(document.viewport.getWidth()-this.domElement.getWidth())/2;var topPos=(document.viewport.getHeight()-this.domElement.getHeight())/2;} this.domElement.setStyle({left:leftPos+'px',top:topPos+'px'});Event.observe(document,'keypress',this.keyDownHandler);},handleKeydown:function(ev){switch(ev.keyCode){case 27:this.outsideClick();break;default:break;}},recenter:function(){this.domElement.setStyle({width:this.contentElement.getWidth()+'px'});var width=this.contentElement.getWidth();if(Personalize.isIe()){this.domElement.setStyle({width:(this.contentElement.getWidth())+'px'});} var leftPos=(document.viewport.getWidth()-this.domElement.getWidth())/2;var topPos=(document.viewport.getHeight()-this.domElement.getHeight())/2;this.domElement.setStyle({left:leftPos+'px',top:topPos+'px'});},outsideClick:function(){if(this.callback){this.callback();}else{this.hidePopup();}},defaultModalClick:function(){},hidePopup:function(){Event.stopObserving(document,'keypress',this.keyDownHandler);this.maskElement.hide();this.domElement.hide();},destroy:function(){this.domElement.remove();this.maskElement.remove();}} var PersonalizeZoomBox=Class.create({});PersonalizeZoomBox.prototype={zoomDlg:null,uris:[],initialize:function(title,uri){this.title=title;this.uri=uri;},showZoom:function(){if(!this.zoomDlg){this.zoomDlg=new PersonalizePopup(this.title,'zoomBox');this.zoomDlg.domElement.setStyle({width:"260px",height:"70px"});} var content=this.zoomDlg.getPopupElement();content.setStyle({width:'260px',height:'70px',overflow:'hidden'});var loader=new Element('div');var img=new Element('img',{src:Personalize.hosts['static']+'image/wpd/loading-bar.gif'});loader.insert(img);var text=new Element('div',{'style':'font-family:Helvetica; font-size: 12px; color: #3992B4'}).update('Loading Zoom');loader.insert(text);content.update(loader);this.zoomDlg.showPopup();var previewImage=new Element('img',{src:this.uri});previewImage.observe('load',this.zoomLoaded.bindAsEventListener(this,loader,previewImage));content.insert(previewImage);if(Personalize.isIe()){if(previewImage.complete){this.zoomLoaded(null,loader,previewImage);}}},zoomLoaded:function(ev,loader,image){if(loader!==null){loader.remove();} var content=this.zoomDlg.getPopupElement();content.setStyle({width:image.getWidth()+10+'px',height:image.getHeight()+10+'px'});this.zoomDlg.domElement.setStyle({width:image.getWidth()+10+'px',height:image.getHeight()+20+'px'});this.zoomDlg.recenter();}};var SuperDraggable=Class.create();TP.extendObject(SuperDraggable.prototype,Draggable.prototype,{initialize:function(element){var defaults={handle:false,reverteffect:function(element,top_offset,left_offset){var dur=Math.sqrt(Math.abs(top_offset^2)+Math.abs(left_offset^2))*0.02;new Effect.Move(element,{x:-left_offset,y:-top_offset,duration:dur,queue:{scope:'_draggable',position:'end'}});},endeffect:function(element){var toOpacity=typeof element._opacity=='number'?element._opacity:1.0;new Effect.Opacity(element,{duration:0.2,from:0.7,to:toOpacity,queue:{scope:'_draggable',position:'end'},afterFinish:function(){Draggable._dragging[element]=false}});},zindex:55000,revert:false,scroll:false,scrollSensitivity:20,scrollSpeed:15,snap:false,delay:0};if(!arguments[1]||typeof arguments[1].endeffect=='undefined') Object.extend(defaults,{starteffect:function(element){element._opacity=Element.getOpacity(element);Draggable._dragging[element]=true;new Effect.Opacity(element,{duration:0.2,from:element._opacity,to:0.7});}});var options=Object.extend(defaults,arguments[1]||{});this.element=$(element);if(options.handle&&(typeof options.handle=='string')) this.handle=this.element.down('.'+options.handle,0);if(!this.handle)this.handle=$(options.handle);if(!this.handle)this.handle=this.element;if(options.scroll&&!options.scroll.scrollTo&&!options.scroll.outerHTML){options.scroll=$(options.scroll);this._isScrollChild=Element.childOf(this.element,options.scroll);} Element.makePositioned(this.element);this.delta=this.currentDelta();this.options=options;this.dragging=false;if(options.ghostingResize){if(typeof options.ghostingResize=='object'){this.ghostingResizeX=this.options.ghostingResize[0];this.ghostingResizeY=this.options.ghostingResize[1];} else{this.ghostingResizeX=this.options.ghostingResize;this.ghostingResizeY=this.options.ghostingResize;}} this.eventMouseDown=this.initDrag.bindAsEventListener(this);Event.observe(this.handle,"mousedown",this.eventMouseDown);Draggables.register(this);},startDrag:function(event){this.startingScroll={top:0,left:0};this.startingScroll.top=this.element.up().up().scrollTop;this.dragging=true;if(this.options.zindex){this.originalZ=parseInt(Element.getStyle(this.element,'z-index')||0);this.element.style.zIndex=this.options.zindex;} if(this.options.ghosting){this._clone=this.element.cloneNode(true);Position.absolutize(this.element);this.element.parentNode.insertBefore(this._clone,this.element);Element.remove(this.element);this._bodyElement=document.body.appendChild(this.element);if(this.options.ghostingResize){var bodyElementWidth=parseFloat(Element.getStyle(this._bodyElement,'width'));var bodyElementHeight=parseFloat(Element.getStyle(this._bodyElement,'height'));if(bodyElementWidth>bodyElementHeight){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,initialize:function(){this.uploadedCount=0;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:Personalize.sessionId};}();return this.environment;},updateUploadStatus:function(responseData){switch(responseData.status){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);break;case'updateprogress':this.progressBar.setProgress(responseData.min,responseData.max);break;case'resetprogress':this.progressBar.reset();this.uploadedCount=0;break;case'ioerror':case'oversize':case'maxallowed':case'security':case'debug':default:alert('Upload Failed :'+responseData.message);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',{'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++;}},format:function(val){return formatVal=parseInt(val*100)/100;},reset:function(){this.progressBar.update('');this.label.update('Browsing... 0%');this.curDisplayBar=0;}}); var Personalization=function(){this.primaryProxy={id:null,memberId:null,sessionId:null,cartItemId:null,orderId:null,project:null,textboxLock:null,photoLock:null,layoutLock:null,publicAccess:null,passphrase:null,created:null,modified:null,accessEmails:[]};this.panels={};this.templateCodeValues={};};Personalization.prototype={id:null,productId:null,productColorId:null,memberId:null,sessionId:null,name:null,quantity:null,priceAtQuantity:null,instructions:null,envelopeId:null,linedEnvelopeId:null,envelopePairId:null,pairLinedEnvelopeId:null,additionalEnvelopes:null,additionalEnvelopesPrice:null,returnAddress:null,returnAddressFront:null,returnAddressSetupPrice:null,returnAddressPrice:null,returnAddressAlignmentId:null,returnAddressX:null,returnAddressY:null,returnAddressWidth:null,returnAddressHeight:null,returnAddressText:null,returnAddressFontId:null,returnAddressFontColorId:null,returnAddressFontSize:12,returnAddressLeading:null,returnAddressDoodleX:null,returnAddressDoodleY:null,returnAddressDoodleHeight:null,returnAddressDoodleWidth:null,timestamp:null,paperId:null,colorCyan:null,colorMagenta:null,colorYellow:null,colorBlack:null,mailingService:null,stampId:null,doodleId:null,recipientContacts:null,primaryProxy:{id:null,memberId:null,sessionId:null,cartItemId:null,orderId:null,project:null,textboxLock:null,photoLock:null,layoutLock:null,publicAccess:null,passphrase:null,created:null,modified:null,accessEmails:[]},panels:{},templateCodeValues:{},loadJSON:function(json){if(json){TP.extendObject(this,json);if(json.primaryProxy){TP.extendObject(this.primaryProxy,json.primaryProxy);} this.primaryProxy.accessEmails=[];if(json.accessEmails){for(var accessEmailIndex=0;accessEmailIndexparseInt(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;},getTextboxUrl:function(textbox){var textboxImageUrl=Personalize.hosts.images+'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;i2048){sessionPersonalizations.shift();sessionPersonalizationsJsonString=encodeURIComponent(JSON.stringify(sessionPersonalizations));} TP.setCookie('sessionPersonalizations',sessionPersonalizationsJsonString);},loadSessionPersonalization:function(){var sessionPersonalizations=TP.getCookie('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'){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;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').update(layout.layout.displayName);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(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;}.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;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));}}},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;i12){hour-=12;var meridiem='pm';}else{var meridiem='am';} if(hour==0){hour=12;} for(var i=0;iPlease keep in mind that this is only a preview. A professional designer will adjust for layout, sizing, and spacing and send you a proof for approval before any printing begins.';this.textboxEditors=[];this.photos=[];this.overlays=[];this.textboxes=[];this.separators=[];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.resolution=0;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.photoTray=new PersonalizePhotoTray();this.photoTray.requestPhotos();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;},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'}));if(!Personalize.member){this.login(true,name);return;}else{Personalize.services.savePersonalization(name,this.saveComplete.bind(this),createNew);}},cancelSave:function(){if(this.saveDialog) this.saveDialog.hidePopup();},login:function(showSave,title){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;});},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.resolution=(previewImageInfo.resolution*newWidth)/previewImageInfo.width;if(setByHeight){var sizeString='/height/'+newHeight;var shadowSizeString='/height/'+(parseFloat(newHeight)+11);}else{var sizeString='/width/'+newWidth;var shadowSizeString='/width/'+(parseFloat(newWidth)+11);} 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;},changePreviewImage:function(){var imageInfo=this.getPreviewImageInfo();var tmpImg=new Image();tmpImg.onload=this.previewImageLoaded.bindAsEventListener(this,imageInfo.personalizeImageUrl,tmpImg);tmpImg.src=imageInfo.personalizeImageUrl;},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||parseFloat(productPanel.noShadow)==1)){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.textboxes.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);} for(var overlayId in this.currentPanel.overlays){var overlay=this.currentPanel.overlays[overlayId];var panelOverlay=new PersonalizeOverlay(overlay,this.resolution);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);}},renderPhotoTray:function(){if(!this.hasPhotos())return;if(this.photoTrayRendered)return;this.photoTrayRendered=true;var container=$(this.photoTrayElementId);this.photoTray.render(container);},getFirstPanel:function(){for(var i in Personalize.personalization.panels){var panel=Personalize.personalization.panels[i];return panel;if(panel.templateLayouts){}} return false;},renderPhotoPreview:function(){},createEditors:function(){var requiringNormalization=[];var maxStyleClassId=0;var allTextboxes=[];var productPanel=Personalize.personalization.panels[this.currentPanel.panelId];for(var i in productPanel.textboxes){var textbox=productPanel.textboxes[i];var productTextbox=Personalize.product.panels[this.currentPanel.panelId].textboxes[textbox.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{productPanel.layoutTextboxes[productTextbox.layoutTextboxId].disable=true;}catch(e){} textbox.styleClassId=productTextbox.styleClassId;allTextboxes.push(textbox);}}else{allTextboxes.push(textbox);}} for(var i in productPanel.layoutTextboxes){var textbox=productPanel.layoutTextboxes[i];if(!textbox.disable){allTextboxes.push(textbox);}} 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;jColor 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.handleColorSwitch.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);},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;},showFontPopup:function(ev){Event.stop(ev);this.fontPopup.show();},styleChangeHandler:function(event,element,colorId){if(colorId){this.fontColorSelect.colorValue=colorId;} 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;ithis.height||this.image.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 parameters={width:bounds.width,height:bounds.height,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',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.images+'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'});}} 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;} PersonalizeTextboxEditor.prototype={attachTextbox:function(panelTextbox){this.panelTextbox=panelTextbox;},hasLocalStyle:function(){var colors=false;var sizes=false;var fonts=false;if(typeof this.textbox!=='undefined'){for(var i in this.textbox.fontColors){colors=true;continue;} for(var i in this.textbox.fontSizes){sizes=true;continue;} for(var i in this.textbox.fonts){fonts=true;continue;}} return(colors&&sizes&&fonts);},getStyleObject:function(){var obj={};obj.style={};obj.style.fontColors=this.textbox.fontColors;obj.style.fontSizes=this.textbox.fontSizes;obj.style.fonts=this.textbox.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.panelTextbox.render();},doRightAlign:function(){this.textbox.horizontalAlignmentId=3;this.panelTextbox.render();},doCenterAlign:function(){this.textbox.horizontalAlignmentId=2;this.panelTextbox.render();},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+'
'} 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:22px; position:relative;'});var leftAlign=new Element('div',{id:'leftAlign_'+idPostfix,style:'float: left','class':'sprite-btn-align-left clickable'});var centerAlign=new Element('div',{id:'centerAlign_'+idPostfix,style:'float: left','class':'sprite-btn-align-center clickable'});var rightAlign=new Element('div',{id:'rightAlign_'+idPostfix,style:'float: left','class':'sprite-btn-align-right clickable'});var applyButton=new Element('div',{id:'applyButton_'+idPostfix,'class':'sprite-btn-apply clickable'});leftAlign.observe('click',this.doLeftAlign.bind(this));centerAlign.observe('click',this.doCenterAlign.bind(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(leftAlign);this.bottomElement.insert(centerAlign);this.bottomElement.insert(rightAlign);} 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();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));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});}}},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')){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;}}} $(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;}},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();}} var PersonalizePhotoTray=function(){this.domElement=null;this.photos=null;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);},uploadPhoto:function(){Personalize.activeStep.uploadPhotos();},addPhoto:function(photo){this.photos.push(photo);this.addThumb(photo);},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;javailableWidth){this.trayPosition-=80;var needed=this.trayAreaContainer.getWidth()-this.trayWidth;if(this.trayPosition0)this.trayPosition=0;new Effect.Morph(this.trayArea,{style:'left:'+this.trayPosition+'px',duration:0.2});}},scrollToStart:function(){new Effect.Morph(this.trayArea,{style:'left:0px',duration:0.2});},scrollToEnd:function(){var availableWidth=this.trayAreaContainer.getWidth();if((availableWidth-this.trayWidth)>0){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;i 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){this.swapPhoto(element.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('');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:this.domElement.getWidth(),height:this.domElement.getHeight(),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();for(var i=0;iheight){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'});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'});} 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(){this.dialog.hidePopup();}} var PersonalizeFontPreview=function(recFontList,otherFontList){this.dialog=new PersonalizePopup('Font Choices','fontPreview');var dlgElem=this.dialog.getPopupElement();this.domElement=new Element('div',{style:'padding: 16px; width:500px; position:relative;'});dlgElem.insert(this.domElement);this.dialog.hidePopup();this.recommendedFontsElement=new Element('div');this.recommendedFontsElement.insert(new Element('div',{align:'left',style:'margin-bottom:8px;font-family: Helvetica; font-weight:bold; font-size:12px; color: #533519;'}).update('Recommended fonts for this design'));this.makeList(recFontList,this.recommendedFontsElement,1);this.otherFontsElement=new Element('div');this.makeList(otherFontList,this.otherFontsElement,3);this.domElement.insert(this.recommendedFontsElement);if(otherFontList.length>0){this.domElement.insert(new Element('div',{style:'clear: both; border-bottom:1px solid #ddd;'}));this.domElement.insert(new Element('div',{align:'left',style:'margin-bottom:8px;margin-top:4px;font-family: Helvetica; font-weight:bold; font-size:12px; color: #533519;'}).update('Other Font Options'));this.domElement.insert(new Element('div',{style:'clear: both'}));this.domElement.insert(this.otherFontsElement);}else{this.domElement.insert(new Element('div',{style:'clear: both'}));} this.domElement.setStyle({width:'500px'});dlgElem.setStyle({width:'500px'});} PersonalizeFontPreview.prototype={show:function(){this.dialog.showPopup();this.dialog.recenter();},makeList:function(fontIdList,element,columns){var numPerCol=Math.ceil(fontIdList.length/columns);for(var i=0;i');}},hide:function(){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 any design to any color on our Custom Color Palette for an additional fee.

We strongly recommend ordering a physical sample of our '+this.getSampleLink()+' as colors appear differently on your computer monitor or when printed by a home printer.

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 personalizeReview=new Step('reviewStep','Review');TP.extendObject(personalizeReview,{init:function(){this.name='personalizeReview';this.available=true;this.description='Please review the preview image below to make sure all the information is accurate, and that you are satisfied with the layout and design of your card.';this.panelSwitcherElementId=this.element.id+'_panelSwitcher';this.panelSwitcheroo=new PersonalizePanelSwitcher();this.panelSwitcheroo.clickCallback=this.changePanel.bind(this);this.panels=[];this.panelTitleElement=$('reviewPanelTitle');this.panelApprovalTitleElement=$('reviewPanelApproval');this.panelPreviewContainer=$('reviewImageContainer');this.currentPanelId=0;this.initialsBox=$('initials');this.currentPanel=null;this.specialInstructions=$('reviewInstructions');this.specialInstructions.observe('change',this.saveSpecialInstructions.bind(this));this.zoomBtn=$('reviewStep_zoomBtn');if(this.zoomBtn){this.zoomBtn.observe('click',this.showZoom.bind(this));$('reviewStep_zoomBtn_sprite').observe('click',this.showZoom.bind(this));}},initPanels:function(){this.panels=[];for(var i in Personalize.personalization.panels){this.panels.push(Personalize.personalization.panels[i]);if(!this.panels[(this.panels.length-1)].approved)this.panels[(this.panels.length-1)].approved=false;}},setImage:function(){var panel=this.getCurrentPanel();var productPanel=Personalize.product.panels[panel.panelId];this.personalizedPanelUrl=Personalize.hosts.images+'personalization/panel/'+panel.id;this.shadow=(!(Personalize.product.isMintTin||parseFloat(productPanel.noShadow)==1));var uri=this.personalizedPanelUrl+'/width/550/height/500'+(this.shadow?'/shadow/1':'')+'.jpg?at='+(Personalize.personalization.primaryProxy.modified||(new Date().getTime()));this.loader=new Element('div',{style:'width: 550px; height: 200px; padding-top:100px;'});this.loader.update(new Element('img',{src:Personalize.hosts['static']+'image/wpd/loading-bar.gif'}));this.loader.insert(new Element('div',{'style':'font-family:Helvetica; font-size: 12px; color: #3992B4'}).update('Loading Preview Image'));this.panelPreviewContainer.update(this.loader);this.panelPersonalizedImage=new Image();this.panelPersonalizedImage.onload=this.removeLoader.bind(this);this.panelPersonalizedImage.src=uri;},showZoom:function(){var uri=this.personalizedPanelUrl+'/width/900/height/500'+(this.shadow?'/shadow/1':'')+'.jpg?at='+(Personalize.personalization.primaryProxy.modified||(new Date().getTime()));this.zoomBox=new PersonalizeZoomBox("Zoomed Image",uri);this.zoomBox.showZoom();},removeLoader:function(){this.loader.remove();this.panelPreviewContainer.update(this.panelPersonalizedImage);},isLastPanel:function(){return(this.currentPanelId==(this.panels.length-1));},isFirstPanel:function(){return(this.currentPanelId==0);},allApproved: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;},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;} 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();},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=praEnvelope.praColors;var availablePraColors=this.editors["pra_control"].getAvailablePraFontColors();var intersectingColorsCount=0;for(var idx in availablePraColors){if(typeof praEnvelope.praColors[idx]!=='undefined'){intersectingColorsCount++;}} var selectablePraColors=new Array();var firstDefault=null;var lastColorSelectedAvailable=false;for(var idxPraFontColor in praEnvelope.praColors){var fontColor=praEnvelope.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;} praEnvelopeImage.update(praEnvelope,false,false,lines);for(var idx=0;idx0)?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(additionalPrices.inner).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 20 photos. If you already have 20 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.\
    ',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.
    '};