very wise, thanks again for doing this
Cool.
I'm going to copy your old code here in case I make a booboo
.cartbuttons .title {color:red;}
#ssSlide {height: 500px;}
#cobrand_footer .nav {color: #242af2;}
homepage h1 {
color: #FF1493;
font-size: 120%;
font-family: Comic Sans MS, verdana, tahoma;
font-weight: normal;
}
#myHeader {
text-align: center;
margin: 10px auto 20px;
color: #ccc;
font-size: 300%;
font-family: Comic Sans MS, verdana;
}
#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #036;
}
#navcontainer ul li a:hover {
color: #fff;
background-color: #369;
}
.homepage #categoriesBox {display: none;}
body {
opacity: 1;
}
#bioBox .photo {
display: none;
}
#userBio {
text-align: center;
}
#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #000;
}
#navcontainer ul li a:hover {
color: #fff;
background-color: #b80;
}
#ssControl {padding: 15px; text-align: center;}
.ssBtn {outline: none;}
.ssBtn img {height: 20px; width: 20px;}
#ssPlay {display: none;}
#ssPrev img {background-image:
url(/photos/187973629-O.png);
_background: none; background-repeat: no-repeat;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable d=true,
sizingMethod=scale,
src='/http://stephenbrunophotography.smugmug.com/photos/187973629-O.png');}
#ssNext img {background-image:
url(/photos/187973609-O.png);
_background: none; background-repeat: no-repeat;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable d=true,
sizingMethod=scale,
src='/http://stephenbrunophotography.smugmug.com/photos/187973609-O.png');}
#ssPlay img {background-image:
url(/photos/187973627-O.png);
_background: none; background-repeat: no-repeat;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable d=true,
sizingMethod=scale,
src='/http://stephenbrunophotography.smugmug.com/photos/187973627-O.png');}
#ssPause img {background-image:
url(/photos/187973618-O.png);
_background:none; background-repeat: no-repeat;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable d=true,
sizingMethod=scale,
src='/http://stephenbrunophotography.smugmug.com/photos/187973618-O.png');}
gallery_1790400 .boxTop .title {color: #ccff99;}
.gallery_1790400 .boxBottom .foreground {color: #E5FFCB;}
.gallery_1790400 .boxTop {
color: #ccff99;
background-color: #454545;
border: solid 1px #ccff99;}
.gallery_1790400 .boxBottom {
background-color: #2d2d2d;
border: solid 1px #ccff99;}
#my_banner {
width: 750px;
height: 100px;
margin: 0 auto;
background: url(http://StephenBrunoPhotography.smugmug.com/photos/124731668-L.jpg.
) no-repeat;
}
#userName {
display: none;
}
#userHome {
display: none;
}
#SBPheader {display: none;}
.homepage #SBPheader {display: block;}
#bioBox {background:transparent;}
#bioBox {text-align: center;} /* For slideshow */
#galleriesBox .title {display: none;}
#navcontainer {display: block;}
.categoriesBox .boxTop { display: none; }
.gallery_1790400 .pageNav {display: none;}
.miniBox {width:122px; text-align:center; height:210px; margin:0 28px;}
.miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
.miniBox .albumTitle {width:122px;}
.miniBox .description {width:122px;}
.miniBox .updated {width:122px;}
.loggedIn .miniBox {height:auto; min-height:300px;}
.loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
.loggedIn .miniBox input {width:122px;}
.loggedIn .miniBox textarea {width:112px;}
.boxBottom .albumLarge {width:192px; height:350px; text-align:center; margin:0 24px;}
.albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
.albumLarge .albumTitle {width:192px;}
.albumLarge .description {width:192px;}
.albumLarge .updated {width:192px;}
.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
.loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
.loggedIn .albumLarge input {width:192px;}
.loggedIn .albumLarge textarea {width:182px;}
body {
background-attachment: fixed;
background-image:
url(http://stephenbrunophotography.smugmug.com/gallery/1806373);
background-repeat: no-repeat;
background-position: right bottom;
}
.loggedIn .homepage #categoriesBox {display: block;}
body {
background-attachment: fixed;
background-image:
url(http://stephenbrunophotography.smugmug.com/gallery/1951058);
background-repeat: no-repeat;
background-position: center center;
}
Body { background-image: url(stephenbrunophotography.smugmug.com/gallery/1951058); }
function createSWF( w, h, params) {
var args = "";
for (var i in params) {
args += i + "=" + params[i] + "&";
}
document.writeln('<object width="100%" height="100%" align="middle">'+ '<param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-2007091201.swf?'+args+'"/>'+ '<param name="wmode" value="transparent" />'+ '<embed src="http://www.smugmug.com/ria/ShizamSlides-2007091201.swf?'+args+'" wmode="transparent" width="' + w + '" height="' + h + '" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all"/></object>');
return 1;
}
SM.PhotoBar.config.position = 'bottom';
function ModifyText ()
{
if (YD.hasClass(document.body, "gallery_1790400"))
{
var objElement = YD.get("comment")
if (objElement != null)
{
var str = new String(objElement.innerHTML);
str = str.replace(/\gallery/gi, 'guestbook');
objElement.innerHTML = str;
}
}
}
YE.onAvailable("comment", ModifyText);
rightClickWarning = "All photos are property of Stephen Bruno Photography. All rights reserved. Unauthorized use is prohibited.";
function AddReferralCode() {
var footerDiv = YD.get("footer");
if (footerDiv) {
var links = footerDiv.getElementsByTagName("A");
if (links && (links.length != 0)) {
var smugLink = links.item(0);
smugLink.href = "http://www.smugmug.com/?referrer=bzHQPJ7IhCfbU";
}
}
}
YE.onAvailable('footer', AddReferralCode);
function journal_entry_s_to_m(div) {
var imgs = div.getElementsByTagName('IMG');
var re = /(http:\/\/[^\/]*\/photos\/\d+-)S.jpg/
for(var i=0; i<imgs.length; i++) {
if(re.test(imgs[i].src)) {
imgs[i].src=RegExp.$1+'M.jpg';
imgs[i].height = imgs[i].height * 1.5;
imgs[i].width = imgs[i].width * 1.5;
}
}
}
var divs = document.getElementsByTagName('DIV');
for (var i=0; i<divs.length; i++) {
if (divs[i].className=='journal_entry') {
journal_entry_s_to_m(divs[i]);
}
}
/*=========================*/
/*== SLIDE SHOW ==*/
/*== version 0.56 ==*/
/*== Updated 03 May 2006 ==*/
/*=========================*/
var SLIDE_SHOW = 0;
var RANDOM_PHOTO = 1;
var slideshowContainer;
var sSlide;
var sCaption;
var ssSlides;
var ssSlideTotal;
var ssSlideTimer;
var ssOldSlide;
var ssFadeTimer;
var ssFade;
var ssTimerId;
var blank;
function PrepSlideEnvironment()
{
tmpCookie = getCookie("Template");
blank = new Image();
blank.src = "/img/spacer.gif";
if (typeof(slideshowType) == "undefined" || (slideshowType != SLIDE_SHOW && slideshowType != RANDOM_PHOTO))
slideshowType = SLIDE_SHOW;
if (slideshowType == RANDOM_PHOTO)
randomSlides = true;
if (typeof(slideshowContainerId) == "undefined")
return false
else if (typeof(slideshowContainerId) == "string")
slideshowContainer = document.getElementById(slideshowContainerId);
if (!slideshowContainer)
return false;
if (typeof(slideshowUrl) == "undefined" || typeof(slideshowUrl) != "string")
return false;
else
slideshowUrl = /(?:http:\/\/[^\/]+)?(\/\S+)/.exec(slideshowUrl)[1];
if (/\/gallery\/[0-9]+/.test(slideshowUrl))
slideSourceIsGallery = true;
else
slideSourceIsGallery = false;
if (typeof(slideHeight) == "undefined" || isNaN(slideHeight))
slideHeight = "550";
if (typeof(slideWidth) == "undefined" || isNaN(slideWidth))
slideWidth = "750";
if (typeof(photoHeight) == "undefined" || isNaN(photoHeight))
photoHeight = slideHeight;
if (typeof(photoWidth) == "undefined" || isNaN(photoWidth))
photoWidth = slideWidth;
if (typeof(slideDuration) == "undefined" || isNaN(slideDuration))
slideDuration = 85;
if (typeof(firstSlideUrl) == "undefined" || typeof(firstSlideUrl) != "string")
firstSlideUrl = blank.src;
if (typeof(showSlideTransition) == "undefined" || typeof(showSlideTransition) != "boolean")
showSlideTransition = true;
if (typeof(resizeToPhoto) == "undefined" || typeof(resizeToPhoto) != "boolean")
resizeToPhoto = true;
if (typeof(quickStart) == "undefined" || typeof(quickStart) != "boolean")
quickStart = true;
if (typeof(randomSlides) == "undefined" || typeof(randomSlides) != "boolean")
randomSlides = false;
if (typeof(slideControls) == "undefined" || typeof(slideControls) != "boolean")
slideControls = false;
if (typeof(slideCaptions) == "undefined" || typeof(slideCaptions) != "boolean")
slideCaptions = false;
if (typeof(slidesClickable) == "undefined" || typeof(slidesClickable) != "boolean")
slidesClickable = false;
return true;
}
function loadSlideshow()
{
if (!PrepSlideEnvironment())
return false;
slideshowContainer.innerHTML = '<img src="http://www.smugmug.com/img/spacer.gif" alt="" id="ssSlide" height="' + slideHeight + '" width="' + slideWidth + '" style="opacity: .99; background-image: url(' + firstSlideUrl + '); background-repeat: no-repeat; background-position: center;" />';
if (slideCaptions)
slideshowContainer.innerHTML += '<div id="ssCaption"></div>';
if (slideControls)
slideshowContainer.innerHTML += '<div id="ssControl"><a title="Previous Slide" id="ssPrev" class="ssBtn" href="javascript: void(0);" onclick="prevSlide();"><img src="/img/spacer.gif" border="0" /></a><a title="Next Slide" id="ssNext" class="ssBtn" href="javascript: void(0);" onclick="nextSlide();"><img src="/img/spacer.gif" border="0" /></a><a title="Pause Slideshow" id="ssPause" class="ssBtn" href="javascript: void(0);" onclick="pauseSlideshow();"><img src="/img/spacer.gif" border="0" /></a><a title="Resume Slideshow" id="ssPlay" class="ssBtn" href="javascript: void(0);" onclick="resumeSlideshow();"><img src="/img/spacer.gif" border="0" /></a></div>';
sSlide = document.getElementById('ssSlide');
sCaption = document.getElementById('ssCaption');
if (slidesClickable) {
sSlide.style.cursor = 'pointer';
if (firstSlideUrl != blank.src)
ssAddSlideClick(slideshowUrl);
}
ssSlides = new Array(null);
ssSlideTotal = 0;
ssSlideTimer = 0;
ssOldSlide = 0;
ssFadeTimer = 100;
ssFade = "out";
if (slideSourceIsGallery)
ajax_query(slideshowHandler, '/photos/sspopup.mg?AlbumID=' + /\/gallery\/([0-9]+)/.exec(slideshowUrl)[1], null, true);
else {
var postArray = new Array();
postArray['TemplateID'] = '8';
postArray['origin'] = slideshowUrl;
ajax_query(slideshowHandler, '/homepage/templatechange.mg', postArray, true);
}
}
function slideshowHandler(response)
{
if (!slideSourceIsGallery) {
if (tmpCookie && tmpCookie != "") {
var postArray = new Array();
postArray['TemplateID'] = tmpCookie;
postArray['origin'] = slideshowUrl;
ajax_query(function(){}, '/homepage/templatechange.mg', postArray, true);
}
else
deleteCookie("Template", "/", "smugmug.com");
}
var re = /imageID\[\d+\] = "\d+";/g;
var re2 = /width\[\d+\] = "\d+";/g;
var re3 = /height\[\d+\] = "\d+";/g;
var re4 = /caption\[\d+\] = ".*";/g;
s = response.match(re);
w = response.match(re2);
h = response.match(re3);
c = response.match(re4);
var oSlide;
for (i = 0; i < s.length; i++)
{
oSlide = new Object;
temp = s[i].split(/"/);
oSlide.ImageId = temp[1];
oSlide.File = 'http://upload.smugmug.com/photos/toolthumbs.mg?ImageID=' + temp[1] + '&tool=slideshowXL&winHeight=' + photoHeight + '&winWidth=' + photoWidth;
oSlide.Gallery = slideshowUrl + '/1/' + oSlide.ImageId;
temp = h[i].split(/"/);
oSlide.Height = temp[1];
temp = w[i].split(/"/);
oSlide.Width = temp[1];
temp = c[i].split(/"/);
oSlide.Caption = temp[1];
oSlide.Loaded = false;
if ((oSlide.Width > photoWidth) || (oSlide.Height > photoHeight))
{
if (oSlide.Width >= oSlide.Height)
{
oSlide.Height = Math.round((oSlide.Height / oSlide.Width) * photoWidth);
oSlide.Width = photoWidth;
}
else
{
oSlide.Width = Math.round((oSlide.Width / oSlide.Height) * photoHeight);
oSlide.Height = photoHeight;
}
}
ssSlideTotal = ssSlides.push(oSlide);
}
ssSlideTotal -= 1;
if (randomSlides)
{
ssSlides.shift();
ssSlides.shuffle();
ssSlides.unshift(0);
}
if (quickStart)
ssSlideTimer = (slideDuration * 1000);
ssPrepSlide(1);
window.setTimeout("ssPrepSlide(2);", 0);
window.setTimeout("ssPrepSlide(ssSlideTotal);", 0);
if (slideshowType == SLIDE_SHOW)
ssPlaySlideshow();
else
ssSlideSwap(1);
}
function ssPauseSlideshow()
{
window.clearTimeout(ssTimerId);
ssTimerId = null;
}
function ssResumeSlideshow()
{
if (!ssTimerId)
ssTimerId = window.setTimeout("ssPlaySlideshow()", 10);
}
function ssPrepSlide(prep)
{
if (ssSlides[prep].Loaded == false)
{
ssSlides[prep].Image = new Image();
ssSlides[prep].Image.src = ssSlides[prep].File;
ssSlides[prep].Loaded = true;
}
}
function ssMoveSlide(i) {
ssSlideTimer = 0;
ssFadeTimer = 100;
ssTransition(ssFadeTimer);
ssFade = "out";
ssSlideSwap(i);
}
function ssPlaySlideshow()
{
if (ssSlideTimer >= (slideDuration * 1000))
{
if (ssFade == 'out')
ssTransition(ssFadeTimer -= 10);
if (ssFadeTimer == 0)
{
ssSlideSwap(1);
ssFade = 'in';
}
if (ssFade == 'in')
ssTransition(ssFadeTimer += 10);
if (ssFadeTimer == 100)
{
ssSlideTimer = 0;
ssFade = 'out';
}
}
else
ssSlideTimer += 10;
ssTimerId = window.setTimeout("ssPlaySlideshow()", 10);
}
function ssTransition(opacity)
{
if (showSlideTransition)
{
if (opacity != 100)
sSlide.style.opacity = (opacity / 100);
// one case where mozilla sucks: the image will flash if you turn opacity up to 1 suddenly
else
sSlide.style.opacity = (.99);
// only affects Win IE
sSlide.style.filter = 'alpha(opacity=' + opacity + ')';
if (sCaption) {
sCaption.style.opacity = sSlide.style.opacity;
sCaption.style.filter = sSlide.style.filter;
}
}
}
function ssSlideSwap(i)
{
var newSlide = ssOldSlide + i;
if (newSlide > ssSlideTotal)
newSlide = 1;
if (newSlide < 1)
newSlide = ssSlideTotal;
if (ssSlides[newSlide].Loaded != false)
{
document.images['ssSlide'].src = blank.src;
sSlide.style.backgroundImage = 'url(' + ssSlides[newSlide].File + ')';
if (resizeToPhoto)
{
document.images['ssSlide'].height = ssSlides[newSlide].Height;
document.images['ssSlide'].width = ssSlides[newSlide].Width;
}
if (slidesClickable)
ssAddSlideClick(ssSlides[newSlide].Gallery);
if (slideCaptions)
document.getElementById('ssCaption').innerHTML = ssSlides[newSlide].Caption;
ssPrepSlide(newSlide < ssSlideTotal ? newSlide + i : 1);
ssOldSlide = newSlide;
}
else
{
ssPrepSlide(newSlide);
ssSlideSwap(i);
}
}
function ssAddSlideClick(sUrl) {
addEvent(sSlide, 'click', function(){location.href=sUrl;});
}
Array.prototype.shuffle = function()
{
var len = this.length;
var rand, temp, i;
for (i = 0; i < len; i++)
{
rand = Math.floor(Math.random()*len);
temp = this[i];
this[i] = this[rand];
this[rand] = temp;
}
}
function pauseSlideshow()
{
document.getElementById('ssPause').style.display = "none";
document.getElementById('ssPlay').style.display = "inline";
ssPauseSlideshow();
}
function resumeSlideshow()
{
document.getElementById('ssPause').style.display = "inline";
document.getElementById('ssPlay').style.display = "none";
ssResumeSlideshow();
}
function prevSlide()
{
pauseSlideshow();
ssMoveSlide(-1);
}
function nextSlide()
{
pauseSlideshow();
ssMoveSlide(1);
}
function getCookie(name) {
var start = document.cookie.indexOf(name + "=");
var len = start + name.length + 1;
if ((!start) && (name != document.cookie.substring(0, name.length)))
return null;
if (start == -1)
return null;
var end = document.cookie.indexOf(";", len);
if (end == -1)
end = document.cookie.length;
return unescape(document.cookie.substring(len, end));
}
function deleteCookie(name, path, domain) {
if (getCookie(name))
document.cookie = name + "=" + ((path) ? ";path=" + path : "") + ((domain) ? ";domain=" + domain : "") + ";expires=Thu, 01-Jan-1970 00:00:01 GMT";
}
function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}