(function($) { var sliderXmax = function(element, options){ var settings = $.extend({}, $.fn.sliderXmax.defaults, options); var vars = { crtSlide: 0, crtImg: '', slideTotal: 0, rndAnime: '', runexe: false, paused: false, stop: false
}; var slider = $(element); slider.data('imac:vars', vars); slider.css('position','relative'); slider.addClass('sliderXmax'); var kids = slider.children(); kids.each(function() { var child = $(this); var link = ''; if(!child.is('img')){ if(child.is('a')){ child.addClass('imac-imageLink'); link = child;}
child = child.find('img:first');}
var childWidth = child.width(); if(childWidth == 0) childWidth = child.attr('width'); var childHeight = child.height(); if(childHeight == 0) childHeight = child.attr('height'); if(childWidth > slider.width()){ slider.width(childWidth);}
if(childHeight > slider.height()){ slider.height(childHeight);}
if(link != ''){ link.css('display','none');}
child.css('display','none'); vars.slideTotal++;}); if(settings.startSlide > 0){ if(settings.startSlide >= vars.slideTotal) settings.startSlide = vars.totalSlides - 1; vars.crtSlide = settings.startSlide;}
if($(kids[vars.crtSlide]).is('img')){ vars.crtImg = $(kids[vars.crtSlide]);} else { vars.crtImg = $(kids[vars.crtSlide]).find('img:first');}
if($(kids[vars.crtSlide]).is('a')){ $(kids[vars.crtSlide]).css('display','block');}
slider.css('background','url("'+ vars.crtImg.attr('src') +'") no-repeat'); slider.append( $('<div class="imac-caption"><p></p></div>').css({ display:'none', opacity:settings.captionOpacity }) ); var processCaption = function(settings){ var imacCaption = $('.imac-caption', slider); if(vars.crtImg.attr('title') != ''){ var title = vars.crtImg.attr('title'); if(title.substr(0,1) == '#') title = $(title).html(); if(imacCaption.css('display') == 'block'){ imacCaption.find('p').fadeOut(settings.animSpeed, function(){ $(this).html(title); $(this).fadeIn(settings.animSpeed);});} else { imacCaption.find('p').html(title);}
imacCaption.fadeIn(settings.animSpeed);} else { imacCaption.fadeOut(settings.animSpeed);}
}
processCaption(settings); var timer = 0; if(!settings.manualAdvance && kids.length > 1){ timer = setInterval(function(){ imacRun(slider, kids, settings, false);}, settings.pauseTime);}
if(settings.directionNav){ slider.append('<div class="imac-directionNav"><a class="imac-prevNav">'+ settings.prevText +'</a><a class="imac-nextNav">'+ settings.nextText +'</a></div>'); if(settings.directionNavHide){ $('.imac-directionNav', slider).hide(); slider.hover(function(){ $('.imac-directionNav', slider).show();}, function(){ $('.imac-directionNav', slider).hide();});}
$('a.imac-prevNav', slider).live('click', function(){ if(vars.runexe) return false; clearInterval(timer); timer = ''; vars.crtSlide -= 2; imacRun(slider, kids, settings, 'prev');}); $('a.imac-nextNav', slider).live('click', function(){ if(vars.runexe) return false; clearInterval(timer); timer = ''; imacRun(slider, kids, settings, 'next');});}
if(settings.controlNav){ var imacControl = $('<div class="imac-controlNav"></div>'); slider.append(imacControl); for(var i = 0; i < kids.length; i++){ if(settings.controlNavThumbs){ var child = kids.eq(i); if(!child.is('img')){ child = child.find('img:first');}
if (settings.controlNavThumbsFromRel) { imacControl.append('<a class="imac-control" rel="'+ i +'"><img src="'+ child.attr('rel') + '" alt="" /></a>');} else { imacControl.append('<a class="imac-control" rel="'+ i +'"><img src="'+ child.attr('src').replace(settings.controlNavThumbsSearch, settings.controlNavThumbsReplace) +'" alt="" /></a>');}
} else { imacControl.append('<a class="imac-control" rel="'+ i +'">'+ (i + 1) +'</a>');}
}
$('.imac-controlNav a:eq('+ vars.crtSlide +')', slider).addClass('active'); $('.imac-controlNav a', slider).live('click', function(){ if(vars.runexe) return false; if($(this).hasClass('active')) return false; clearInterval(timer); timer = ''; slider.css('background','url("'+ vars.crtImg.attr('src') +'") no-repeat'); vars.crtSlide = $(this).attr('rel') - 1; imacRun(slider, kids, settings, 'control');});}
if(settings.keyboardNav){ $(window).keypress(function(event){ if(event.keyCode == '37'){ if(vars.runexe) return false; clearInterval(timer); timer = ''; vars.crtSlide-=2; imacRun(slider, kids, settings, 'prev');}
if(event.keyCode == '39'){ if(vars.runexe) return false; clearInterval(timer); timer = ''; imacRun(slider, kids, settings, 'next');}
});}
if(settings.pauseOnHover){ slider.hover(function(){ vars.paused = true; clearInterval(timer); timer = '';}, function(){ vars.paused = false; if(timer == '' && !settings.manualAdvance){ timer = setInterval(function(){ imacRun(slider, kids, settings, false);}, settings.pauseTime);}
});}
slider.bind('imac:animFinished', function(){ vars.runexe = false; $(kids).each(function(){ if($(this).is('a')){ $(this).css('display','none');}
}); if($(kids[vars.crtSlide]).is('a')){ $(kids[vars.crtSlide]).css('display','block');}
if(timer == '' && !vars.paused && !settings.manualAdvance){ timer = setInterval(function(){ imacRun(slider, kids, settings, false);}, settings.pauseTime);}
settings.afterChange.call(this);}); var createSlices = function(slider, settings, vars){ for(var i = 0; i < settings.slices; i++){ var sliceWidth = Math.round(slider.width()/settings.slices); if(i == settings.slices-1){ slider.append( $('<div class="imac-slice"></div>').css({ left:(sliceWidth*i)+'px', width:(slider.width()-(sliceWidth*i))+'px', height:'0px', opacity:'0', background: 'url("'+ vars.crtImg.attr('src') +'") no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%'
}) );} else { slider.append( $('<div class="imac-slice"></div>').css({ left:(sliceWidth*i)+'px', width:sliceWidth+'px', height:'0px', opacity:'0', background: 'url("'+ vars.crtImg.attr('src') +'") no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%'
}) );}
}
}
var createBoxes = function(slider, settings, vars){ var boxWidth = Math.round(slider.width()/settings.boxCols); var boxHeight = Math.round(slider.height()/settings.boxRows); for(var rows = 0; rows < settings.boxRows; rows++){ for(var cols = 0; cols < settings.boxCols; cols++){ if(cols == settings.boxCols-1){ slider.append( $('<div class="imac-box"></div>').css({ opacity:0, left:(boxWidth*cols)+'px', top:(boxHeight*rows)+'px', width:(slider.width()-(boxWidth*cols))+'px', height:boxHeight+'px', background: 'url("'+ vars.crtImg.attr('src') +'") no-repeat -'+ ((boxWidth + (cols * boxWidth)) - boxWidth) +'px -'+ ((boxHeight + (rows * boxHeight)) - boxHeight) +'px'
}) );} else { slider.append( $('<div class="imac-box"></div>').css({ opacity:0, left:(boxWidth*cols)+'px', top:(boxHeight*rows)+'px', width:boxWidth+'px', height:boxHeight+'px', background: 'url("'+ vars.crtImg.attr('src') +'") no-repeat -'+ ((boxWidth + (cols * boxWidth)) - boxWidth) +'px -'+ ((boxHeight + (rows * boxHeight)) - boxHeight) +'px'
}) );}
}
}
}
var imacRun = function(slider, kids, settings, nudge){ var vars = slider.data('imac:vars'); if(vars && (vars.crtSlide == vars.slideTotal - 1)){ settings.lastSlide.call(this);}
if((!vars || vars.stop) && !nudge) return false; settings.beforeChange.call(this); if(!nudge){ slider.css('background','url("'+ vars.crtImg.attr('src') +'") no-repeat');} else { if(nudge == 'prev'){ slider.css('background','url("'+ vars.crtImg.attr('src') +'") no-repeat');}
if(nudge == 'next'){ slider.css('background','url("'+ vars.crtImg.attr('src') +'") no-repeat');}
}
vars.crtSlide++; if(vars.crtSlide == vars.slideTotal){ vars.crtSlide = 0; settings.slideshowEnd.call(this);}
if(vars.crtSlide < 0) vars.currentSlide = (vars.slideTotal - 1); if($(kids[vars.crtSlide]).is('img')){ vars.crtImg = $(kids[vars.crtSlide]);} else { vars.crtImg = $(kids[vars.crtSlide]).find('img:first');}
if(settings.controlNav){ $('.imac-controlNav a', slider).removeClass('active'); $('.imac-controlNav a:eq('+ vars.crtSlide +')', slider).addClass('active');}
processCaption(settings); $('.imac-slice', slider).remove(); $('.imac-box', slider).remove(); if(settings.effect == 'random'){ var anims = new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade', 'boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse'); vars.rndAnime = anims[Math.floor(Math.random()*(anims.length + 1))]; if(vars.rndAnime == undefined) vars.randAnim = 'fade';}
if(settings.effect.indexOf(',') != -1){ var anims = settings.effect.split(','); vars.rndAnime = anims[Math.floor(Math.random()*(anims.length))]; if(vars.rndAnime == undefined) vars.randAnim = 'fade';}
vars.runexe = true; if(settings.effect == 'sliceDown' || settings.effect == 'sliceDownRight' || vars.rndAnime == 'sliceDownRight' || settings.effect == 'sliceDownLeft' || vars.rndAnime == 'sliceDownLeft'){ createSlices(slider, settings, vars); var timeBuff = 0; var i = 0; var slices = $('.imac-slice', slider); if(settings.effect == 'sliceDownLeft' || vars.rndAnime == 'sliceDownLeft') slices = $('.imac-slice', slider)._reverse(); slices.each(function(){ var slice = $(this); slice.css({ 'top': '0px' }); if(i == settings.slices-1){ setTimeout(function(){ slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('imac:animFinished');});}, (100 + timeBuff));} else { setTimeout(function(){ slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);}, (100 + timeBuff));}
timeBuff += 50; i++;});}
else if(settings.effect == 'sliceUp' || settings.effect == 'sliceUpRight' || vars.rndAnime == 'sliceUpRight' || settings.effect == 'sliceUpLeft' || vars.rndAnime == 'sliceUpLeft'){ createSlices(slider, settings, vars); var timeBuff = 0; var i = 0; var slices = $('.imac-slice', slider); if(settings.effect == 'sliceUpLeft' || vars.rndAnime == 'sliceUpLeft') slices = $('.imac-slice', slider)._reverse(); slices.each(function(){ var slice = $(this); slice.css({ 'bottom': '0px' }); if(i == settings.slices-1){ setTimeout(function(){ slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('imac:animFinished');});}, (100 + timeBuff));} else { setTimeout(function(){ slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);}, (100 + timeBuff));}
timeBuff += 50; i++;});}
else if(settings.effect == 'sliceUpDown' || settings.effect == 'sliceUpDownRight' || vars.rndAnime == 'sliceUpDown' || settings.effect == 'sliceUpDownLeft' || vars.rndAnime == 'sliceUpDownLeft'){ createSlices(slider, settings, vars); var timeBuff = 0; var i = 0; var v = 0; var slices = $('.imac-slice', slider); if(settings.effect == 'sliceUpDownLeft' || vars.rndAnime == 'sliceUpDownLeft') slices = $('.imac-slice', slider)._reverse(); slices.each(function(){ var slice = $(this); if(i == 0){ slice.css('top','0px'); i++;} else { slice.css('bottom','0px'); i = 0;}
if(v == settings.slices-1){ setTimeout(function(){ slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('imac:animFinished');});}, (100 + timeBuff));} else { setTimeout(function(){ slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);}, (100 + timeBuff));}
timeBuff += 50; v++;});}
else if(settings.effect == 'fold' || vars.rndAnime == 'fold'){ createSlices(slider, settings, vars); var timeBuff = 0; var i = 0; $('.imac-slice', slider).each(function(){ var slice = $(this); var origWidth = slice.width(); slice.css({ top:'0px', height:'100%', width:'0px' }); if(i == settings.slices-1){ setTimeout(function(){ slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('imac:animFinished');});}, (100 + timeBuff));} else { setTimeout(function(){ slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed);}, (100 + timeBuff));}
timeBuff += 50; i++;});}
else if(settings.effect == 'fade' || vars.rndAnime == 'fade'){ createSlices(slider, settings, vars); var firstSlice = $('.imac-slice:first', slider); firstSlice.css({ 'height': '100%', 'width': slider.width() + 'px'
}); firstSlice.animate({ opacity:'1.0' }, (settings.animSpeed*2), '', function(){ slider.trigger('imac:animFinished');});}
else if(settings.effect == 'slideInRight' || vars.rndAnime == 'slideInRight'){ createSlices(slider, settings, vars); var firstSlice = $('.imac-slice:first', slider); firstSlice.css({ 'height': '100%', 'width': '0px', 'opacity': '1'
}); firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), '', function(){ slider.trigger('imac:animFinished');});}
else if(settings.effect == 'slideInLeft' || vars.rndAnime == 'slideInLeft'){ createSlices(slider, settings, vars); var firstSlice = $('.imac-slice:first', slider); firstSlice.css({ 'height': '100%', 'width': '0px', 'opacity': '1', 'left': '', 'right': '0px'
}); firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), '', function(){ firstSlice.css({ 'left': '0px', 'right': ''
}); slider.trigger('imac:animFinished');});}
else if(settings.effect == 'boxRandom' || vars.rndAnime == 'boxRandom'){ createBoxes(slider, settings, vars); var totalBoxes = settings.boxCols * settings.boxRows; var i = 0; var timeBuff = 0; var boxes = shuffle($('.imac-box', slider)); boxes.each(function(){ var box = $(this); if(i == totalBoxes-1){ setTimeout(function(){ box.animate({ opacity:'1' }, settings.animSpeed, '', function(){ slider.trigger('imac:animFinished');});}, (100 + timeBuff));} else { setTimeout(function(){ box.animate({ opacity:'1' }, settings.animSpeed);}, (100 + timeBuff));}
timeBuff += 20; i++;});}
else if(settings.effect == 'boxRain' || vars.rndAnime == 'boxRain' || settings.effect == 'boxRainReverse' || vars.randAnim == 'boxRainReverse' || settings.effect == 'boxRainGrow' || vars.rndAnime == 'boxRainGrow' || settings.effect == 'boxRainGrowReverse' || vars.randAnim == 'boxRainGrowReverse'){ createBoxes(slider, settings, vars); var totalBoxes = settings.boxCols * settings.boxRows; var i = 0; var timeBuff = 0; var rowIndex = 0; var colIndex = 0; var box2Darr = new Array(); box2Darr[rowIndex] = new Array(); var boxes = $('.imac-box', slider); if(settings.effect == 'boxRainReverse' || vars.rndAnime == 'boxRainReverse' || settings.effect == 'boxRainGrowReverse' || vars.rndAnime == 'boxRainGrowReverse'){ boxes = $('.imac-box', slider)._reverse();}
boxes.each(function(){ box2Darr[rowIndex][colIndex] = $(this); colIndex++; if(colIndex == settings.boxCols){ rowIndex++; colIndex = 0; box2Darr[rowIndex] = new Array();}
}); for(var cols = 0; cols < (settings.boxCols * 2); cols++){ var prevCol = cols; for(var rows = 0; rows < settings.boxRows; rows++){ if(prevCol >= 0 && prevCol < settings.boxCols){ (function(row, col, time, i, totalBoxes) { var box = $(box2Darr[row][col]); var w = box.width(); var h = box.height(); if(settings.effect == 'boxRainGrow' || vars.rndAnime == 'boxRainGrow' || settings.effect == 'boxRainGrowReverse' || vars.rndAnime == 'boxRainGrowReverse'){ box.width(0).height(0);}
if(i == totalBoxes-1){ setTimeout(function(){ box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3, '', function(){ slider.trigger('imac:animFinished');});}, (100 + time));} else { setTimeout(function(){ box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3);}, (100 + time));}
})(rows, prevCol, timeBuff, i, totalBoxes); i++;}
prevCol--;}
timeBuff += 100;}
}
}
var shuffle = function(arr){ for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x); return arr;}
var trace = function(msg){ if (this.console && typeof console.log != "undefined")
console.log(msg);}
this.stop = function(){ if(!$(element).data('imac:vars').stop){ $(element).data('imac:vars').stop = true; trace('Stop Slider');}
}
this.start = function(){ if($(element).data('imac:vars').stop){ $(element).data('imac:vars').stop = false; trace('Start Slider');}
}
settings.afterLoad.call(this); return this;}; $.fn.sliderXmax = function(options) { return this.each(function(key, value){ var element = $(this); if (element.data('imacslider')) return element.data('imacslider'); var imacslider = new sliderXmax(this, options); element.data('imacslider', imacslider);});}; $.fn.sliderXmax.defaults = { effect: 'fade', slices: 15, boxCols: 8, boxRows: 4, animSpeed: 100, pauseTime: 3200, startSlide: 0, directionNav: true, directionNavHide: false, controlNav: false, controlNavThumbs: false, controlNavThumbsFromRel: false, controlNavThumbsSearch: '.jpg', controlNavThumbsReplace: '_thumb.jpg', keyboardNav: true, pauseOnHover: true, manualAdvance: false, captionOpacity: 0.8, prevText: 'Prev', nextText: 'Next', beforeChange: function(){}, afterChange: function(){}, slideshowEnd: function(){}, lastSlide: function(){}, afterLoad: function(){}
}; $.fn._reverse = [].reverse;})(jQuery);