').attr('id', 'background');
this.resize();
$('body').append(this.bg);
// filmstrip
if(!$('#filmstrip').get(0)) return;
// snippet box
this.snippetbox = $('#snippetbox');
window.setTimeout(function() {
// copyright symbol and idesign logo
var w_ide = $('#idesigneco').width(), w_cop = $('#copyright').width();
$('#idesigneco').mouseover(function() {
$(this).stop().animate({width: w_ide});
}).mouseout(function() {
$(this).stop().animate({width: 15});
});
$('#copyright').mouseover(function() {
$(this).stop().animate({width: w_cop});
}).mouseout(function() {
$(this).stop().animate({width: 15});
});
$('#idesigneco').mouseout();
$('#copyright').mouseout();
}, 5000);
if($.isset('ide_homepage_fading') && ide_homepage_fading !== false) {
this.dynamic_fading = ide_homepage_fading;
if(this.dynamic_fading == 2) {
this.elusive.nav = ['.nav', .20, .90];
this.elusive.logo = ['.logo', .20, 1.0];
}
for(var i in this.elusive) {
this.makeElusive(this.elusive[i][0], this.elusive[i][1], this.elusive[i][2]);
}
}
// add a photo loader to each thumbnail
$('#filmstrip ul a').click(function() {
var index = $('#filmstrip ul li').index($(this).parent());
if(ecoPhoto.cur == index) return false;
ecoPhoto.cur = index;
$('#filmstrip ul li .sel').remove();
$(this).append( $('
').addClass('sel') );
ecoPhoto.loadPhoto($(this).attr('rel'), $(this).parent().find('.content').clone());
document.location.href = '#' + $(this).attr('id').replace('thumb-', '');
if(index <= ecoPhoto.carousel_start+1) {
$('.jcarousel-prev').click();
} else if(index >= ecoPhoto.carousel_end-1) {
$('.jcarousel-next').click();
}
ecoPhoto.showTemporarily();
return false;
});
// if there's a photo anchor, load it
var chosen = document.location.href.split('#')[1];
if(chosen && $('#filmstrip #thumb-' + chosen).get(0)) {
chosen = '#filmstrip #thumb-' + chosen;
} else {
chosen = '#filmstrip ul a:first';
}
$(chosen).click();
$('#mycarousel').jcarousel({ itemLoadCallback: ecoPhoto.initCarousel });
this.setKeyListener();
},
// carousel
initCarousel: function(carousel, state) {
ecoPhoto.carousel_start = carousel.first;
ecoPhoto.carousel_end = carousel.last;
},
// resize the image layer
resize: function() {
this.bg.css('width', $(window).width()).css('height', $(document).height());
},
// load a photo
loadPhoto: function(photo_url, snippet) {
$(ecoPhoto.bg).find('img').animate({
opacity: 0.0
}, 400, function() {
$(this).remove(); // old photo
});
if($(this.snippetbox).get(0)) {
$(snippet).css('opacity', 0.0);
$(ecoPhoto.snippetbox).find('.content').animate({
'opacity': 0.0
}, 500, function() {
$(this).remove();
});
$(ecoPhoto.snippetbox).append(snippet);
$(snippet).animate({
'opacity': 1.0
}, 600);
}
var photo = $('![]()
').css('opacity', 0.0);
$(photo).load(function() {
ecoPhoto.sizePhoto(photo);
$(this).animate({'opacity': 1.0}, 500);
});
$(photo).attr('src', photo_url);
$(ecoPhoto.bg).append(photo);
},
// proportionately resize photo to fill the scren
sizePhoto: function(photo) {
var maxWidth = $(window).width();
var maxHeight = $(window).height();
var width = $(photo).width();
var height = $(photo).height();
var ratio = height / width;
if(width >= maxWidth){
width = maxWidth;
height = width * ratio;
} else if(height >= maxHeight){
height = maxHeight;
width = height / ratio;
}
$(photo).css('width', width);
$(photo).css('height', height);
},
// random background from a chosen set of images for non-homepage pages
randomBackground: function() {
if($.isset('ide_background_photos') && ide_background_photos && ide_background_photos.length > 0) {
var photo_url = ide_background_photos[Math.floor( Math.random()*ide_background_photos.length )];
$('#background').css('backgroundImage', 'url('+photo_url+')').css('opacity', .50);
}
},
// make dynamic fade-in/out items on the homepage
makeElusive: function(item, min_opacity, max_opacity) {
window.setTimeout(function() {
$(item).stop().animate({'opacity': min_opacity}, 400);
$(item).mouseover(function() {
$(this).stop().animate({'opacity': max_opacity}, 400);
}).mouseout(function() {
$(this).stop().animate({'opacity': min_opacity}, 400);
});
}, 5000);
},
showTemporarily: function() {
if(this.dynamic_fading !== false) {
$("#filmstrip").stop().animate({'opacity': this.elusive.filmstrip[2]}, 400);
$("#snippetbox").stop().animate({'opacity': this.elusive.snippetbox[2]}, 400);
window.clearTimeout(this.timer);
this.timer = window.setTimeout(function() {
$("#filmstrip").stop().animate({'opacity': ecoPhoto.elusive.filmstrip[1]}, 400);
$("#snippetbox").stop().animate({'opacity': ecoPhoto.elusive.snippetbox[1]}, 400);
}, 5000);
}
},
// left-right key navigation
setKeyListener: function() {
$(document).keydown(function(e){
var total = $('#filmstrip ul li').length, item = -1;
// left arrow key
if (e.which == 37) {
if(ecoPhoto.cur != 0) {
item = ecoPhoto.cur-1;
ecoPhoto.showTemporarily();
$('#filmstrip #'+$('#filmstrip ul li:eq('+item+') a').attr('id') ).click(); // bug patch
}
return false;
// right arrow key
} else if(e.which == 39) {
if(ecoPhoto.cur < total) {
item = ecoPhoto.cur+1;
ecoPhoto.showTemporarily();
$('#filmstrip #'+$('#filmstrip ul li:eq('+item+') a').attr('id') ).click(); // bug patch
}
return false;
}
});
},
};
// initialize the slides
ecoPhoto.init();
ecoPhoto.randomBackground();
$(window).resize(function() {
ecoPhoto.resize();
});
// try to auto-resize large blog post images so that they don't overflow
if($.isset('ide_img_resize') && ide_img_resize) {
$('.post .text').each(function() {
var maxWidth = $(this).outerWidth();
var maxHeight = $(this).outerHeight();
$(this).find('img').each(function() {
var width = $(this).width();
var height = $(this).height();
var ratio = height / width;
if(width >= maxWidth){
width = maxWidth;
height = width * ratio;
} else if(height >= maxHeight){
height = maxHeight;
width = height / ratio;
}
$(this).css('width', width);
$(this).css('height', height);
});
});
}
});