Squarespace Help ModeClick anywhere on the screen to exit help mode.
';SSUIHelp.reposition();new YAHOO.util.Anim(G,{opacity:{to:1}},0.2).animate();YAHOO.util.Event.addListener(G,"click",this.close);}});SSUIHelp.overlayAnimation.animate();}},reposition:function(){if(this.overlayVisible){if(SSUIHelp.overlayAnimation!=null&&!SSUIHelp.overlayAnimation.isAnimated()){YAHOO.util.Dom.setStyle("ssuihelp_overlay","top","0px");YAHOO.util.Dom.setStyle("ssuihelp_overlay","height",YAHOO.util.Dom.getDocumentHeight()+"px");YAHOO.util.Dom.setStyle("ssuihelp_overlay","width",(YAHOO.util.Dom.getViewportWidth()-SSUIHelp.scrollBarWidth)+"px");}window.setTimeout(function(){YAHOO.util.Dom.setXY("ssuihelp_title",[20,((YAHOO.util.Dom.getViewportHeight()+YAHOO.util.Dom.getDocumentScrollTop())-60)]);},100);var A=document.getElementById("ssuihelp_centermsg");if(A!=null){YAHOO.util.Dom.setXY(A,[(YAHOO.util.Dom.getViewportWidth()/2)-(A.offsetWidth/2)+YAHOO.util.Dom.getDocumentScrollLeft(),(YAHOO.util.Dom.getViewportHeight()/2)-(A.offsetHeight/2)+YAHOO.util.Dom.getDocumentScrollTop()]);}}}};YAHOO.util.Event.addListener(window,"resize",function(){SSUIHelp.reposition();});YAHOO.util.Event.addListener(window,"scroll",function(){SSUIHelp.reposition();});YAHOO.util.Event.addListener(window,"load",function(){SSUIHelp.init();if(Squarespace.Cookie.get("SS_AUTOHELP_EXTERNAL")!=null){delCookie("SS_AUTOHELP_EXTERNAL");Squarespace.URL.loadContentBackground("/display/service/GoogleConversion?event=signup");SSUIHelp.showWelcomeScreen();}else{if(Squarespace.Cookie.get("SS_AUTOHELP_INTERNAL")!=null&&document.location.href.indexOf("/configuration/Home")!=-1){delCookie("SS_AUTOHELP_INTERNAL");showPageHelp();}else{if(Squarespace.Cookie.get("SS_AUTOHELP_INTERNAL_ARCHITECTURE")!=null&&document.location.href.indexOf("/configuration/Modules")!=-1){delCookie("SS_AUTOHELP_INTERNAL_ARCHITECTURE");showPageHelp();}}}});function showPageHelp(){var A=0;if(document.location.href.indexOf("/configuration/")!=-1){A+=SSUIHelp.show("statSummary","Track Your Progress","Our integrated statistics system lets you see how many visitors come to your website.","top",120);if(document.location.href.indexOf("configuration/Home")!=-1){A+=SSUIHelp.show("structureLink","Add / Remove Pages",'- Use Structure & Style to add and remove pages from your website.
- Use the Appearance area to change the way your website looks.
',"bottom",160);}A+=SSUIHelp.show(SSUIHelp.findElementWithText("a",null,"eturn to Website"),"View / Edit Website","To edit content, return to the front of your website.","bottom",100);A+=SSUIHelp.show("siteStructureHeading","Site Components","Your site is composed the pages displayed in this column.","top",120,-175);A+=SSUIHelp.show(SSUIHelp.findElementWithText("div","previewSnip",null),"Preview Area","This column displays a preview of how these components will appear in your navigation area.","bottom",120);A+=SSUIHelp.show(SSUIHelp.findElementWithText("a",null,"configure"),"Configure","Click this link to change the way a component on your site works.","top",120);A+=SSUIHelp.show(SSUIHelp.findElementWithText("td","moduleGripC",null),"Drag/Drop Ordering","Drag components using the gray grip on the left to change ordering.","bottom",120);A+=SSUIHelp.show("currentLayoutPreview","Current Layout","A layout is a set of visual appearances for your website.","top",120);A+=SSUIHelp.show(SSUIHelp.findElementWithText("iframe","stylePreviewCubeContainer",null),"Current Visual Style","A style defines the fonts and colors that are used on your website.","top",120);A+=SSUIHelp.show("memberAccountList","Member Accounts","Everyone with a login to your website has a member account. Your account is displayed in this list as well. Click to edit it.","top",140);A+=SSUIHelp.show("addAccountButton","Add an Account","Set up a new user account on your website.","top",100);A+=SSUIHelp.show("basicsLink","Basic Configuration","Modify your site title, header, and footer.","top",180);A+=SSUIHelp.show("searchIndexingLink","Search Engines","Change properties that relate to how search engines see your site.","bottom",120);A+=SSUIHelp.show("localeLink","Time Zone / Location","Set your time zone and physical location.","top",100);A+=SSUIHelp.show("virtualHost","Add a Custom Domain","Enter your custom domains to use with Squarespace here.","top",120);A+=SSUIHelp.show("publicAudienceLink","Public Audience","This group of people represents anonymous users that visit your site.","top",120);A+=SSUIHelp.show("addAudienceButton","Add an Audience","You can also set up new groups of users on your site with special permissions.","top",120);A+=SSUIHelp.show(SSUIHelp.findElementWithText("td","audienceSectionHeading","Page/Widget"),"Site Components","This column contains a list of all of the pages you've set up on your website.","top",200);A+=SSUIHelp.show(SSUIHelp.findElementWithText("td","audienceSectionHeading","The Public"),"Audience Permissions","This column controls what permissions members of a particular audience have on various parts of your site.","top",100);A+=SSUIHelp.show("generalStorageFileList","File List","General storage contains the resource files for your website. Use the button below to add more files.","top",100);A+=SSUIHelp.show("uploadFilesButton","Add Files","Click here to upload more files to your website.","top",100);A+=SSUIHelp.show("moderatedCommentsFilterLink","Moderated Comments","Show comments on your website that are awaiting your moderation before they can appear.","top",200);A+=SSUIHelp.show("allCommentsFilterLink","View All Comments","Show a list of all recent discussion activity on yout website.","top",100);A+=SSUIHelp.show(SSUIHelp.findElementWithText("input",null,"create a new style"),"Create Your Own","Using one of our appearances as a starting point, creating a style lets you customize your own fonts and colors.","top",140);}else{A+=SSUIHelp.show(SSUIHelp.findElementWithText("input","singlelinetext-medium",null),"Edit / Arrange Form Field",'- Click on a form field to edit text.
- Drag and drop a field to change the order.
',"top",100);A+=SSUIHelp.show(SSUIHelp.findElementWithText("a",null,"upload new pictures"),"Add More Pictures","Add new pictures to this photo gallery.","bottom",80);A+=SSUIHelp.show(SSUIHelp.findElementWithText("a",null,"create a new picture gallery"),"Create a New Gallery","Create a new gallery to add pictures to this page.","bottom",120);A+=SSUIHelp.show(SSUIHelp.findElementWithText("a",null,"create a new journal entry"),"Create a New Entry","Start writing a new journal entry.","top",80);A+=SSUIHelp.show(SSUIHelp.findElementWithText("a",null,"doConfirmRemoveEntry"),"Remove Entry","Remove this entry from your website.","bottom",80);A+=SSUIHelp.show(SSUIHelp.findElementWithText("a",null,"edit page"),"Edit Page","To change your website content, click on the editing strip near the content you would like to change.","bottom",120);A+=SSUIHelp.show(SSUIHelp.findElementWithText("div","thumbnail-container-with-description",null),"Drag/Drop Ordering","To move this image to a new location, simply click and drag.","bottom",120);A+=SSUIHelp.show(SSUIHelp.findElementWithText("a","siteNoticeAreaLink","onfigure"),"Administration Area",'- Click to add or remove website pages.
- Change your website design.
- Manage other site functions.
',"bottom",140);A+=SSUIHelp.show(SSUIHelp.findElementWithText("a","siteNoticeAreaLink","ogout"),"Sign Out / View Site","Exit administrative mode and view your site as your visitors would see it.","right",200);}if(A==1){SSUIHelp.showCenterMessage("No additional page help available.",'We do not have additional overlay help configured for this page. Please contact support and let us know what you need.
Click here to open a ticket »');}};
Function.prototype.bind = function(object, arg1, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9, arg10) {
var __method = this;
return function() {
__method.apply(object, [arg1, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9, arg10]);
};
};
Function.prototype.bindEventListener = function(object, arg1, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9, arg10) {
var __method = this;
return function(event) {
return __method.call(object, event || window.event, arg1, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9, arg10);
}
}
Squarespace.HelpTip = Class.create({
initialize: function(context, title, text, properties) {
this.loadProperties({
className : "helptip-container",
showDelay : 500,
hideDelay : 30
}, properties);
this.context = context;
this.title = title;
this.text = text;
this.activeAnimation = null;
this.lagTimer = null;
this.visible = false;
this.tipVisible = false;
YAHOO.util.Event.onDOMReady(this.attachToContext.bind(this));
},
loadProperties: function(defaults, user) {
this.properties = defaults;
for (key in user) {
this.properties[key] = user[key];
}
},
attachToContext: function() {
this.container = document.createElement("div");
this.container.className = this.properties.className;
this.container.innerHTML = "" + this.title + "
" + this.text + "
";
document.body.appendChild(this.container);
var targets = [];
if (this.context.startsWith("class:")) {
targets = YAHOO.util.Dom.getElementsByClassName(this.context.substring(6));
} else if (this.context.indexOf("[") != -1) {
var selBegin = this.context.indexOf("[");
var root = this.context.substring(0, selBegin);
var sels = this.context.substring(selBegin + 1, this.context.indexOf("]")).split("|");
for (var i = 0; i < sels.length; ++i) {
var target = document.getElementById(root + sels[i]);
if (target) {
targets.push(target);
}
}
} else {
var target = document.getElementById(this.context);
if (target) {
targets.push(target);
}
}
YAHOO.util.Dom.setStyle(targets, "cursor", "help");
YAHOO.util.Event.addListener(targets, "mouseover", this.timedShow.bindEventListener(this));
YAHOO.util.Event.addListener(targets, "mouseout", this.timedHide.bindEventListener(this));
YAHOO.util.Event.addListener(targets, "mousemove", this.move.bindEventListener(this));
YAHOO.util.Event.addListener(targets, "click", this.show.bind(this));
},
timedShow: function(ev) {
this.clearTimers();
this.lagTimer = window.setTimeout(this.show.bind(this), this.properties.showDelay);
},
show: function(_x, _y) {
if (!this.tipVisible) {
this.clearTimers();
if (this.activeAnimation) {
this.activeAnimation.stop();
}
YAHOO.util.Dom.setStyle(this.container, "opacity", "0");
YAHOO.util.Dom.setStyle(this.container, "display", "block");
var xy = this.move();
this.activeAnimation = new YAHOO.util.Anim(this.container, { opacity: {from: 0, to: 1}, top: {from: xy[1]-15, to: xy[1]} }, .4, YAHOO.util.Easing.easeOutStrong);
this.activeAnimation.onComplete.subscribe(function(t, a, o) {
o.tipVisible = true;
o.move();
}, this);
this.activeAnimation.animate();
}
},
clearTimers: function() {
if (this.lagTimer) { window.clearTimeout(this.lagTimer); this.lagTimer = null; }
},
move: function(ev) {
var x = this.lastX, y = this.lastY;
if (ev) {
this.lastX = x = YAHOO.util.Event.getPageX(ev);
this.lastY = y = YAHOO.util.Event.getPageY(ev);
}
if ((x + this.container.offsetWidth + 30) > YAHOO.util.Dom.getViewportWidth()) {
x -= this.container.offsetWidth + 15;
} else {
x += 15;
}
if ((y + this.container.offsetHeight + 30) > YAHOO.util.Dom.getViewportHeight()) {
y -= this.container.offsetHeight + 15;
} else {
y += 15;
}
if (this.tipVisible) {
YAHOO.util.Dom.setXY(this.container, [x, y]);
} else {
YAHOO.util.Dom.setX(this.container, x);
}
return( [x, y] );
},
timedHide: function(ev) {
this.clearTimers();
this.lagTimer = window.setTimeout(this.hide.bind(this), this.properties.hideDelay);
},
hide: function() {
if (this.activeAnimation) {
this.activeAnimation.stop();
}
this.activeAnimation = new YAHOO.util.Anim(this.container, { opacity: {to: 0}, top: {by: 15} }, .4, YAHOO.util.Easing.easeOutStrong);
this.activeAnimation.onComplete.subscribe(function(t, a, o) {
YAHOO.util.Dom.setStyle(this.getEl(), "display", "none");
o.tipVisible = false;
}, this);
this.activeAnimation.animate();
}
});