(function($){
//list-nav paging behaviour
$.fn.listnav = function(){
$('#paging').slideDown(500);
$('#main').find('.entry:first').siblings().hide();
$('#paging li a').click(function(el){
var dad = $(this).parent();
var i = $(dad).parent().children().index(dad)+1;
if ($('.entry:nth-child('+i+')').is(':hidden')){
$('#main').find('.entry').slideUp(300).end().find('.entry:nth-child('+i+')').slideDown(300);
}
return false;
});
}
//fade-in backgrounds on link hover/focus
$.fn.hiHover = function(){
$(this)
.bind('mouseover focus', function(){
//$(this).css({ 'background-color': 'd70000', color: '#ffffff' }, 400);
$(this).stop().animate({ backgroundColor: '#d70000', color: '#ffffff' }, 200);
})
.bind('mouseout blur', function(){
//$(this).css({ 'background-color': 'transparent', color: '#d70000' }, 600);
$(this).stop().animate({ backgroundColor: '#ffffff', color: '#d70000' }, 400);
});
}
//hover for the logo, faster than the others as the changing font looks dodgy.
$.fn.fastHover = function(){
$(this)
.bind('mouseover focus', function(){
$(this).stop().animate({ backgroundColor: '#d70000', color: '#ffffff' }, 100);
})
.bind('mouseout blur', function(){
$(this).stop().animate({ backgroundColor: '#ffffff', color: '#000000' }, 100);
});
}
//topnav hover: background slide down
$.fn.dropHover = function(){
$(this)
.css( {backgroundPosition: '0px -200px'} )
.bind('mouseover focus', function(){
$(this).stop().animate({ backgroundPosition: '0px 0px', color: '#ffffff' }, {queue:true, duration:500, easing: 'easeInOutQuad'})
})
.bind('mouseout blur', function(){
$(this).stop().animate({ backgroundPosition: '0px -200px', color: '#d70000' }, {queue:true, duration:500, easing: 'easeInOutQuad'})
});
}
//bring to the fore elements that are faded out
//fadeIn, fadeOut possible, but fadeTo = better. Guess animate does equivalent
$.fn.fadeIn = function(){
$(this)
.bind('mouseover focus', function(){
$(this).stop().animate({ opacity: '1' }, 300);
})
.bind('mouseout blur', function(){
$(this).stop().animate({ opacity: '0.5' }, 1000);
});
}
//"switch off" links with js
$.fn.deLink = function(){
$(this).click(function(){ return false});
}
//last.fm albums
$.fn.lastfm = function(){
var options = {
url: 'http://lastfm-api-ext.appspot.com/2.0/?callback=?&outtype=js&callback=?&period=3month',
key: '4fd5eeee451cffadc065a642aeac5ec3',
lfm_target: '#lastfm',
user: 'mynciboi',
method: 'user.getTopAlbums',
limit: 11 //NB total minus 1
};
var url = options.url + '&method=' + options.method + '&user=' + options.user + '&api_key=' + options.key;
$('![]()
').attr('class', 'loading').attr('src', '/images/layout/loading.gif').appendTo(options.lfm_target);
$.getJSON(url, function (data){
var lfm_html = '';
$(data.topalbums).each(function(i, item){
lfm_html +='';
if (i == options.limit) {return false};
});
$(options.lfm_target).empty();
$(lfm_html).appendTo(options.lfm_target);
$('#landing h3 a').hiHover();
$('a.image-container').fadeIn();
});
};
//flickrpics
$.fn.flickr = function(){
var options = {
url: 'http://api.flickr.com/services/rest/?&method=flickr.people.getPublicPhotos&api_key=',
apiKey: '8789f8c903345e66a885ae2c77f9eb7f',
flktarget: '#flickr',
user: '10039316@N00',
limit: 12
};
var flikr_url = options.url + options.apiKey + '&user_id=' + options.user +'&per_page='+ options.limit +'&page=1&format=json&jsoncallback=?';
$('![]()
').attr('class', 'loading').attr('src', '/images/layout/loading.gif').appendTo(options.flktarget);
$.getJSON(flikr_url, function (data){
var flk_html = '';
$(data.photos.photo).each(function (i, item){
flk_html += '';
});
$(options.flktarget).empty();
$(flk_html).appendTo(options.flktarget)
$('#landing h3 a').hiHover();
$('a.image-container').fadeIn();
});
};
// landingpage tips function
// $('#hintplace')stop().delay(500).fadeTo("fast", 0).remove();
// $('#hintplace').load('page.html #hintId')
$.fn.handyHint = function(target){
this.mouseover(function(){
//alert(this.class);
$('#intro p.hide').stop().animate({ opacity: '0' }, 300)
$('#intro p.' + target).stop().animate({ opacity: '1' }, 300)
})
this.mouseout(function(){
$('#intro p.hide').stop().animate({ opacity: '0' }, 300)
})
};
// thumbs filter function
$.fn.thumbshow = function(){
//TODO:
//add a "close button" that does the same as clicking on the category tagged with .current
//add an "all" button
//add functionality for "alt" (or title?) to == text for individual images.
//This finds the title, the first image src and the categories from each blog post and put's them all in a thumbnail.
$('.entry').css('display', 'none').css('position', 'absolute').each(function(i) {
var title = $(this).find('h3').text();
var img = $(this).find('img:first').attr('src');
var cats = $(this).find('ul').text();
$(this).after('
' + title + '