');
var wrapperWidth = 0;
var tallest = 0;
var img_n = 0;
// set width for sliding
sel.find('.gallery-item').each(function(){
var imgWidth = $(this).width();
var imgHeight = $(this).height();
if(imgHeight > tallest) tallest = imgHeight;
wrapperWidth += imgWidth;
img_n += 1;
});
if(img_n > 0)
{
sel.find('.gallery').width(wrapperWidth+100)
sel.find('.gallery-row, .gallery-wrapper')
// create navigation
sel.find('#tot-img').html(img_n);
sel.find('.gallery-pager').fadeIn(1000);
var move = 0;
// navigation behaviour
$('.gallery-nav .next, .gallery-nav .prev').click(function(){
var direction = $(this).attr('class');
if(direction == 'next') {
var item = $(this).closest('.entry').find('.gallery-item');
scroll(item, 'next');
}
else if(direction == 'prev') {
var item = $(this).closest('.entry').find('.gallery-item');
scroll(item, 'prev');
}
});
}
// init padding for gallery and underlying content
rePad(sel, 1, 'first');
function scroll(t, direction)
{
var thisWidth = $(t).width();
var n = parseInt(sel.find('.img_n').text());
if(direction == 'prev') {
if(n > 1) move -= thisWidth;
n -= 1;
if(n < 1) n = 1;
}
else {
move += thisWidth;
n += 1;
if(n > img_n) n = 1;
}
sel.find('.img_n').html(n);
if(move >= wrapperWidth) move = 0;
sel.find('.gallery').stop().animate({ 'right': move }, { easing: 'easeOutQuart', duration: 1000 });
rePad(sel, n);
$(this).log('GALLERY > Wrapper: '+wrapperWidth+', Moved: '+move);
var hash = readHash();
var type = splitHash(hash, 'type');
var data = splitHash(hash, 'data');
var page = splitHash(hash, 'page');
//$(this).log('gallery '+ data+' '+ n)
trackClick('gallery', data, n);
}
if(typeof(callback) == 'function') callback();
}
//////////////////////////////////////////////////////////////////////////////////////////////////////
function rePad(sel, n, f) {
var row = sel.find('.gallery-wrapper').height();
var item = sel.find('.gallery-item:eq('+(n-1)+')').height();
var diff = row - item;
if(f == 'first') sel.find('.gallery-wrapper').nextAll().css({'position':'relative', 'top': -diff });
else sel.find('.gallery-wrapper').nextAll().css({'position':'relative'}).animate({ 'top': -diff }, { speed: 500, easing: 'easeOutQuart' });
var nextall = sel.find('.gallery-wrapper').nextAll().html();
if(nextall !== null) {
}
if(typeof(callback) == 'function') callback();
}
//////////////////////////////////////////////////////////////////////////////////////////////////////
function scrollBar(sel)
{
// fix footer in place
if(sel.find('.entry-footer').length > 0)
{
var f = sel.find('.entry-footer');
var fpos = $(f).position();
if(typeof(fpos) !== 'undefined') $(f).css({ 'position': 'absolute', 'top': fpos.top });
}
var title = sel.find('.entry-title');
var tpos = $(title).position();
// measure
var t = sel.find('.entry-content');
var t2 = $('#full-entry');
var w = $(t2).width();
var h = $(t).height();
var cH = sel.find('.entry-inside').outerHeight() * 1.03;
var scale = h/cH;
var sbH = (h*scale); // /2
$(this).log('SCROLLBAR > outside: '+h+', inside: '+cH);
// if contents are longer than container
if( cH > h )
{
sel.find('.entry-content p').css({ 'padding-right': 10 });
// re-measure after padding
cH = sel.find('.entry-inside').outerHeight() * 1.03;
scale = h/cH;
sbH = (h*scale); // /2
var pos = 0;
// mouse wheel scrolling
sel.bind('mousewheel', function(event, delta) {
var scroll = sel.find('.entry-inside');
var dir = delta > 0 ? 'u' : 'd';
var nsH = -(cH-(h-20));
pos = pos + (50 * (delta/3));
if(pos > 0) pos = 0;
if(pos < nsH) pos = nsH;
if(pos < 1 && pos > nsH)
{
scroll.css({ 'top': pos });
var sbTp = -pos / -nsH;
if(sbTp > 1) sbTp = 1;
var sbT = (h-sbH) * sbTp;
$(this).log(sbT)
$(this).closest('.bbq-item').find('.scroll_bar').css({ 'top': sbT });
}
return false;
});
// create scrollbar
sel.find('.entry-content').after('
'+author+'
(Click to close)' // $('#full-entry .image_zoomer').remove(); // $('#full-entry').append('
');
$('#full-entry').append(' ');
$('#curtain').css({ 'opacity': 0}).animate({ 'opacity': 0.8 }, 750);
$('#zoomed_image, .zoomer_footer').hide();
center();
$('#zoomed_image').load(function()
{
$('#zoomer_loader').fadeOut(500, function() {
$('#zoomer_loader').remove();
center('animate');
});
});
trackClick('Image zoom', href);
function center(t)
{
var docH = $(window).height();
var docW = $(document).width();
if(t == 'animate') var img = $('.image_zoomer img');
else var img = $('.image_zoomer');
var zf = $('.zoomer_footer').height() / 1.5;
var imgH = $(img).height();
var imgW = $(img).width();
var contain = 0.75;
$(this).log('Img: '+imgW+'x'+imgH+'\nDoc: '+docW+'x'+docH);
if(imgH > docH)
{
var scale = docH / imgH;
imgH = imgH * scale * contain + zf;
imgW = imgW * scale * contain;
$(this).log('Scale:'+scale);
$(img).width( $(img).width() * scale * contain );
}
var newTop = (docH / 2) - (imgH / 1.9);
var newLeft = (docW / 2) - (imgW / 2);
if(t == 'animate')
{
$('.image_zoomer').css({ 'position': 'fixed' }).animate({ 'top': newTop, 'left': newLeft, 'width': imgW, 'height': imgH, 'opacity': 1 }, 600, function(){
$('#zoomed_image, .zoomer_footer').fadeIn(600);
});
}
else
{
$('.image_zoomer').css({ 'position': 'fixed', 'top': newTop, 'left': newLeft, 'opacity': 0 }).animate({ 'opacity': 1 }, 600);
}
}
$('.image_zoomer, #curtain').click(function()
{
closeZoomer();
});
function closeZoomer()
{
$('.image_zoomer').fadeOut(500, function(){
$('.image_zoomer').remove();
});
$('#curtain').animate({ 'opacity': 0 }, 500, function(){
$('#curtain').remove();
});
}
}
}
}
}
//////////////////////////////////////////////////////////////////////////////////////////////////////
function updatePager(t)
{
$(t).show();
var theHash = readHash();
$(this).log('UPDATE PAGER > '+theHash);
var entries_n = $('.entry').length;
if(theHash != 'not set' && theHash != '#') {
var type = splitHash(theHash, 'type');
var data = splitHash(theHash, 'data');
var page = splitHash(theHash, 'page');
}
else {
var type = 'post';
var data = 'all';
}
//rewrite contributor calls to user id's
if(type == 'contributor')
{
// translate user id to name
data = contributor2user(data);
type = 'user';
}
if(typeof(page) == 'undefined') var page = 1;
else page = parseInt(page);
var nextPage = page - 1;
var prevPage = page + 1;
var href = '#'+type+'/'+data;
var d = $(t).parent().attr('id'); //direction
d = d.substr(-4);
if(d == 'next') {
if(nextPage > 0) {
$(t).show();
href = href + '/'+nextPage;
//also fix post/all links (breadcrumb already ok)
$('#text-5 #col1-1 a, a#logo').attr('href', '#post/all/1');
}
else {
$(t).hide();
$('#text-5 #col1-1 a, a#logo').attr('href', '#post/all');
}
}
else if(d == 'prev') {
if(prevPage > 0) {
if(entries_n >= 40 && type !== 'user'){
$(t).show();
href = href + '/'+prevPage;
}
else $(t).hide();
}
else $(t).hide();
}
$(t).attr('href', href);
}
//////////////////////////////////////////////////////////////////////////////////////////////////////
function modalWindow(type, content)
{
if(typeof(info) == 'undefined') var info = '';
if(typeof(type) == 'undefined') var type = 'local';
if(type == 'ajax')
{
$('#full-entry').append(' ');
$('#curtain').css({ 'opacity': 0}).animate({ 'opacity': 0.8 }, 750);
$('#zoomed_content, .zoomer_footer').hide();
center();
$('#zoomed_content').load(content, function(){
$('#zoomer_loader').fadeOut(500, function() {
$('#zoomer_loader').remove();
center('animate');
});
});
}
if(type == 'local')
{
$('#full-entry').append(' ');
$('#curtain').css({ 'opacity': 0}).animate({ 'opacity': 0.2 }, 750);
$('#zoomed_content, .zoomer_footer').hide();
center();
$('#zoomed_content').html(content);
$('#zoomer_loader').fadeOut(500, function() {
$('#zoomer_loader').remove();
center('animate');
});
}
trackClick('Modal window', content);
function center(t)
{
var docH = $(window).height();
var docW = $(document).width();
if(t == 'animate') var container = $('.modal_window *');
else var container = $('.modal_window');
var zf = $('.zoomer_footer').height() / 1.5;
var containerH = $(container).height();
var containerW = $(container).width();
var contain = 0.75;
$(this).log('Container: '+containerW+'x'+containerH+'\nDoc: '+docW+'x'+docH);
if(containerH > docH)
{
var scale = docH / containerH;
containerH = containerH * scale * contain + zf;
containerW = containerW * scale * contain;
$(this).log('Scale:'+scale);
$(container).width( $(container).width() * scale * contain );
}
var newTop = (docH / 2) - (containerH / 1.9);
var newLeft = (docW / 2) - (containerW / 2);
if(t == 'animate')
{
$('.modal_window').css({ 'position': 'fixed' }).animate({ 'top': newTop, 'left': newLeft, 'width': containerW, 'height': containerH, 'opacity': 1 }, 600, function(){
$('#zoomed_content, .zoomer_footer').fadeIn(600);
});
}
else
{
$('.modal_window').css({ 'position': 'fixed', 'top': newTop, 'left': newLeft, 'opacity': 0 }).animate({ 'opacity': 1 }, 600);
}
}
$('.modal_window, #curtain').click(function()
{
closeZoomer();
});
function closeZoomer()
{
$('.modal_window').fadeOut(500, function(){
$('.modal_window').remove();
});
$('#curtain').animate({ 'opacity': 0 }, 500, function(){
$('#curtain').remove();
});
}
}
//////////////////////////////////////////////////////////////////////////////////////////////////////
function headerFader()
{
$(window).load(function()
{
$('#image-header').hide().css({ 'left': 0 }).fadeIn(1000);
// centre vertically
var viewH = 115;
var viewW = 640;
$('#image-header img').each(function(){
var imgH = $(this).height();
var imgW = $(this).width();
var imgT = (imgH / 2) - viewH;
var imgL = (viewW - imgW) / 2;
$(this).css({ 'top': -imgT, 'left': imgL, 'opacity': 0 }).animate({ 'opacity': 1 },500);
$('#image-header .wp-caption-text').css({ 'opacity': 0, 'left': 0 }).animate({ 'opacity': 1 },500);
});
// rotate
var headImg = $('#image-header div');
var headImgN = headImg.length;
var cycleSpeed = 6000;
var animSpeed = 1000;
var left = headImgN + 1;
function cycleHeader(f) {
if(f == 'reset') {
left = headImgN + 1;
$('#image-header div').delay(cycleSpeed).fadeIn(animSpeed);
}
left -= 1;
if(left > 1) $('#image-header div:eq('+(left-1)+')').delay(cycleSpeed)
.fadeOut(animSpeed, function(){
cycleHeader(); });
else cycleHeader('reset');
}
cycleHeader();
// USERGRID in HEADER
window.setTimeout(function(){
$('#usergrid').hide().css({ 'left': 0 }).fadeIn(800);
//.show('blind', 1000);
$('#usergrid img').hover(function(){
/*
if($(this).attr('src').substr(-5) != '0.png')
{
*/
var name = $(this).attr('alt');
$('#usergrid-title').html(name);
/*
}
else {
$('#usergrid-title').html('Contributors');
}
*/
}, function(){
});
$('#usergrid').hover(function(){}, function(){
$('#usergrid-title').html('Contributors');
});
}, 1000);
});
}
//////////////////////////////////////////////////////////////////////////////////////////////////////
function fixSearchForm()
{
$('#searchform').submit(function() { // catch the form's submit event
$.ajax({ // create an AJAX call...
data: $(this).serialize(), // get the form data
type: $(this).attr('method'), // GET or POST
url: $(this).attr('action'), // the file to call
beforeSend: function(){
$('#full-entry').hide();
$('#loader').show();
var data = $('#s').attr('value');
var url = window.location.pathname + '#search/'+data
window.location.replace(url);
trackClick('Search', data);
},
success: function(response) { // on success..
$('#entries').html(response); // update the DIV
ui_bootstrap();
// SHOW THEM
$(this).log('SEARCH');
$('#loader').fadeOut(400);
showEntries();
}
});
return false; // cancel original event to prevent form submitting
});
}
//////////////////////////////////////////////////////////////////////////////////////////////////////
/* These two functions used to be different, one for logging clicks as events,
and the other to log both event and pageview. Now they are the same.
Look for references in the rest of the code for calls to these:
-Change of URL (Ajax hash (#) path) with jQuery BBQ
-No change of URL:
-Clicking on an image to enlarge (zoom it)
-Clicking on the post pager navigation to flick through image gallery
Logging occurs in the console on these calls; i.e. Firebug, Web inspector, etc.
*/
function trackClick(type, data, page)
{
var log = '/'+type+'/'+data+'/'+page;
_gaq.push(['_trackEvent', type, data, page]);
_gaq.push(['_trackPageview']);
//_gaq.push(['_trackPageview']);
$(this).log('GOOGLE ANALYTICS > '+log)
}
function trackPageview(type, data, page)
{
var log = '/'+type+'/'+data+'/'+page;
_gaq.push(['_trackEvent', type, data, page]);
_gaq.push(['_trackPageview']);
$(this).log('GOOGLE ANALYTICS > '+log)
}
//////////////////////////////////////////////////////////////////////////////////////////////////////
});
// CONSOLE LOG FUNCTION
jQuery.fn.log = function (msg) {
if(typeof(console) != 'undefined') console.log("%s: %o", msg, this);
return this;
};
// $('img.photo',this).imagesLoaded(myFunction)
// execute a callback when all images have loaded.
// needed because .load() doesn't work on cached images
// mit license. paul irish. 2010.
// webkit fix from Oren Solomianik. thx!
// callback function is passed the last image to load
// as an argument, and the collection as `this`
$.fn.imagesLoaded = function(callback){
var elems = this.filter('img'),
len = elems.length;
elems.bind('load',function(){
if (--len <= 0){ callback.call(elems,this); }
}).each(function(){
// cached images don't fire load sometimes, so we reset src.
if (this.complete || this.complete === undefined){
var src = this.src;
// webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
this.src = '#';
this.src = src;
}
});
$(this).log('imagesLoaded');
};
');
sel.find('.scroll_wrapper').css({ 'left': w-10, 'top': -h, 'height': h });
sel.find('.scroll_bar').css({ 'height': sbH });
// make scrollbar work
sel.find('.scroll_bar').draggable({
containment: 'parent',
cursor: 'move',
axis: 'y',
drag: function(event, ui) {
var move = ((ui.position.top / (h - sbH)) * (cH - h)) * -1;
pos = move;
sel.find('.entry-inside').css({ 'top': move });
}
});
}
}
//////////////////////////////////////////////////////////////////////////////////////////////////////
function imageZoom(t)
{
$('#full-entry .entry-content img').each(function(){
var link = $(this).closest('a');
var image = $(this);
zoomThis(link, image);
});
var zoomT = t;
function zoomThis(link, image, href)
{
var t = link;
if(typeof(href) == 'undefined') var href = $(t).attr('href');
if(typeof(href) !== 'undefined')
{
var ext = href.substr(href.length-3, href.length);
var ext = ext.toLowerCase();
if(ext !== 'png' || ext !== 'jpg' || ext !== 'gif' || ext !== 'peg')
{
//not image already, find large version in url by removing resized size info at the end
var href = image.attr('src');
var href2 = href.split('-');
var end = href2[href2.length-1];
var ext = end.split('.')[1];
var size = end.length+1;
var end = href.length - size;
var href = href.substring(0, end)+'.'+ext;
//$(this).log(href)
}
var newHref = window.location.hash;
$(t).attr('href', newHref);
$(t).click(function(){
doTheZoom();
});
function doTheZoom() {
// var author = t.find('.entry-footer .author').text();
// var title = t.find('h2.entry-title').text();
// var info = title+'
'+author+'
(Click to close)' // $('#full-entry .image_zoomer').remove(); // $('#full-entry').append('