/*
Site: NLBA
File: /js/plugins.js
Author: vinay@artminister.com
Version: 19-02-2010
*/
// usage: log('inside coolFunc', this, arguments);
// paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog/
window.log = function(){
log.history = log.history || []; // store logs to an array for reference
log.history.push(arguments);
if(this.console) console.log( Array.prototype.slice.call(arguments) );
};
// Slideshow Plugin
(function($){
$.fn.slideshow=function(options,callback){
var settings={
pager:'.pager',
autoplay:true,
delay:5000,
pagerthumbs:false,
perpage:5,
pagerid:'#Pager',
pauseonhover:false,
ajax:false,
paginate:true,
pointer:'.pointer',
pagerappend:false,
slide:false,
perslide:1,
padding:22
};
if(options) $.extend(settings,options)
return this.each(function(){
// Init Variables
var $this = $(this),
base = this,
$slideshow = $(this).children('ul').eq(0),
$slidereel = $slideshow,
$slideimages = $slidereel.find('li'),
pageli='',
imageWidth = $slideimages.width(),
imageSum = $slideimages.size(),
imageReelWidth = $slideimages.outerWidth(true) * imageSum,
imageReelHeight =$slideimages.height();
imageWidth = $slideimages.width()+settings.padding;
if(settings.slide){
$slidereel.css({
width:imageReelWidth + imageSum*settings.padding,
height:imageReelHeight,
position:"relative"
});
}
$slideimages.css({
//width:imageWidth,
//height:imageReelHeight
});
// Append Page Numbers
$slideimages.each(function(i){
i%settings.perslide==0?pageli += ''+(i)+'':'';
});
if(settings.pagerappend) $(settings.pager).empty().append(pageli);
$(settings.pager)
.find('li:first').addClass("active").end()
.find("li").live('click',function(e) {
e.preventDefault();
$active = $(this);
clearInterval(base.play);
rotate();
if(!settings.pagerappend){
$(settings.pointer).animate({
top:$(this).offset().top - 181 + $(this).height()/2
},300);
}
});
$slidereel.find('li:first').addClass("active");
//Paging + Slider Function
function rotate(){
var triggerID = $active.prevAll().length; //Get number of times to slide
var image_reelPosition = triggerID * imageWidth * settings.perslide; //Determines the distance the image reel needs to slide
//Slider Animation
if(settings.slide){
$(settings.pager).find("li").removeClass('active'); //Remove all active class
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
$slidereel.animate({
left: -image_reelPosition
}, 500);
}else{
$(settings.pager).find("li").removeClass('active'); //Remove all active class
$slidereel.find('li').removeClass("active").end().find('li').eq(triggerID).addClass("active");
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
$(settings.pointer).animate({
top:$active.offset().top - 181 + $active.height()/2
},300);
}
};
//Rotation + Timing Event
function rotateSwitch(){
base.play = setInterval(function(){
$active = $(settings.pager).find('.active').next();
if ( $active.length === 0) { //If paging reaches the end...
$active = $(settings.pager).find('li:first'); //go back to first
}
rotate();
}, settings.delay);
};
if(settings.autoplay) rotateSwitch();
//On Hover
if(settings.pauseonhover){
$slideshow.hover(function() {
if(settings.autoplay) clearInterval(base.play); //Stop the rotation
}, function() {
//if(settings.autoplay) rotateSwitch(); //Resume rotation
});
}
});
}; // End Slideshow
})(this.jQuery);
// Paginate Plugin
(function($){
$.fn.paginate=function(options, callback){
var settings = {
perpage : 5,
itemwidth:110,
nextlink:'#Next',
prevlink:'#Prev'
};
$.fn.extend(settings,options);
return this.each(function(){
$id = $(this);
$items =$id.find('li');
var numPages = Math.ceil($items.length / settings.perpage) - 1;
var current = 0;
var $next = $(settings.nextlink);
var $back = $(settings.prevlink);
$id.css({
position:"relative",
width:$items.length * settings.itemwidth+"px"
});
$back
.addClass('paging-disabled')
.click(function(e) {
pagination('<');
e.preventDefault();
});
$next.click(function(e) {
pagination('>');
e.preventDefault();
});
$items
.css({width:settings.itemwidth});
pagination = function (direction){
reveal = function (current){
$back.removeClass('paging-disabled');
$next.removeClass('paging-disabled');
_pageWidth = current * settings.perpage * settings.itemwidth;
$id
.animate({
left:- _pageWidth
},1000);
};
// 4. Move previous and next
if (direction == '<') { // previous
if (current > 1) {
reveal(current -= 1);
}
else if (current == 1) {
reveal (current -= 1);
$back.addClass('paging-disabled');
}
} else {
if (current < numPages - 1) {
reveal(current += 1);
}
else if (current == numPages - 1) {
reveal(current += 1);
$next.addClass('paging-disabled');
}
}
}
if (typeof callback == 'function') {callback.call(this);}
});
};
})(jQuery);
/*
* yaselect
* is yet-another jquery plugin for making