");
var ani_divs = sub_div.find(".pika_animationDivs");
ani_divs.css({ 'position': 'absolute', 'width': '100%', 'height': '100%' });
var y = 0;
var x = 0;
for (var t = 0; t < 25; t++) {
var a = '
';
ani_divs.append(a);
y++
if (y == 5) {
x++;
y = 0;
}
}
ani_divs.children(':last').addClass("pikaLastAni");
var main_img = sub_div.children("img");
//build custom overlays. These will use navigation div
//sub_div.append("
");
var prevHover = sub_div.find('.pika_prev_hover');
var nextHover = sub_div.find('.pika_next_hover');
prevHover.hide();
nextHover.hide();
//create the caption div when appropriate
if (options.show_captions) {
main_div.append("
");
var caption_div = main_div.children(".pika_caption");
}
//navigation div ALWAYS gets created, its refrenced a lot
ulist.after("
");
var navigation_div = jQuery(this).next(".pika_navigation");
//fill in sub elements
navigation_div.append("
" + options.buttons_text.previous + " ::
" + options.buttons_text.next + "");
var previous_image_anchor = navigation_div.children('a:first');
var next_image_anchor = navigation_div.children('a:last');
//hide the navigation if the user doesn't want it
if (!options.show_prev_next) {
navigation_div.css("display", "none");
}
//playing triggers the loop for the slideshow
var playing = options.auto_play;
var animating = false;
main_img.wrap("
");
var main_link = main_img.parent("a");
function activate() {
//sets the intial phase for everything
//image_click is controls the fading
images.bind("click", image_click);
//hiding refrence to slide elements if slide is disabled
if (options.auto_play) {
playing = true;
play_anchor.hide();
stop_anchor.show();
} else {
play_anchor.show();
stop_anchor.hide();
}
ulist.children("li:last").children("img").addClass("pika_last");
ulist.children("li:first").children("img").addClass("pika_first");
ulist.children("li").each(function() { jQuery(this).children("span").hide(); });
//css for the list
var divcss = {
width: options.thumb_width + "px",
height: options.thumb_height + "px",
"list-style": "none",
overflow: "hidden"
};
var licss = {
"list-style": "none",
overflow: "hidden"
};
images.each(function() {
jQuery(this).parent('li').css(licss);
jQuery(this).wrap(document.createElement("div"));
jQuery(this).parent('div').css(divcss);
});
//previous link to go back an image
previous_image_anchor.bind("click", previous_image);
prevHover.bind("click", previous_image);
//ditto for forward, also the item that gets auto clicked for slideshow
next_image_anchor.bind("click", next_image);
nextHover.bind("click", next_image);
//enable mouse tracking for the hover
sub_div.mousemove(function(e) {
var w = sub_div.width();
var x = e.pageX - sub_div.offset().left;
if (x < w * 0.3) {
prevHover.fadeIn('fast');
} else {
prevHover.fadeOut('fast');
}
if (x > w * 0.7) {
nextHover.fadeIn('fast');
} else {
nextHover.fadeOut('fast');
}
});
sub_div.mouseleave(function() { prevHover.fadeOut('fast'); nextHover.fadeOut('fast'); });
} //end activate function
function Gapper(ele, aHeight) {
if (ele.attr('row') == 9 && ele.attr('col') == 0) {
//last row, check the gap and fix it!
var gap = ani_divs.height() - (aHeight * 9);
return gap;
}
return aHeight;
}
function AnimateImage(image_source, image_link, how) {
//main_img.hide();
jQuery('
![]()
').load(function() {
ani_divs.height(main_img.height()).show();
ani_divs.children('div').css({ 'width': '20%', 'height': '20%', 'float': 'left' });
var aWidth = ani_divs.children('div:first').width();
var aHeight = ani_divs.children('div:first').height();
if (how != "autoFirst") {
ani_divs.children().each(function() {
//position myself absolutely
var div = jQuery(this);
var xOffset = Math.floor(div.parent().width() / 5) * div.attr('col');
var yOffset = Math.floor(div.parent().height() / 5) * div.attr('row');
div.css({
'background': 'url(' + image_source + ') -' + xOffset + 'px -' + yOffset + 'px',
'width': '0px',
'height': '0px',
'position': 'absolute',
'top': yOffset + 'px',
'left': xOffset + 'px',
'float': 'none'
});
}); //end ani_divs.children.each
}
//decide our transition
var n = 0;
if (options.transition[0] == -1) { //random
n = Math.floor(Math.random() * 6);
} else {
n = options.transition[tranStep];
tranStep++;
if (tranStep >= options.transition.length) { tranStep = 0; }
}
if (options.IESafe == true) {
if (jQuery.browser.msie) {
n = 0;
}
}
switch (n) {
case 0:
//full frame fade
ani_divs.height(main_img.height()).hide().css({ 'background': 'url(' + image_source + ') top left no-repeat' });
ani_divs.children('div').hide();
ani_divs.fadeIn('slow', function() {
FinishedAnimating(image_source, image_link);
ani_divs.css({ 'background': 'transparent' });
});
break;
case 1:
ani_divs.children().hide().each(function(index) {
//animate out as blocks
var delay = index * 10;
jQuery(this).delay(delay).animate({ "width": aWidth, "height": aHeight }, 800, 'linear', function() {
if (jQuery(this).hasClass('pikaLastAni')) {
FinishedAnimating(image_source, image_link);
}
});
});
break;
case 2:
ani_divs.children().hide().each(function(index) {
var delay = jQuery(this).attr('row') * 10;
jQuery(this).css({ "width": aWidth }).delay(delay).animate({ "height": aHeight }, 800, 'linear', function() {
if (jQuery(this).hasClass('pikaLastAni')) {
FinishedAnimating(image_source, image_link);
}
});
});
break;
case 3:
ani_divs.children().hide().each(function(index) {
var delay = jQuery(this).attr('col') * 10;
aHeight = Gapper(jQuery(this), aHeight);
jQuery(this).css({ "height": aHeight }).delay(delay).animate({ "width": aWidth }, 800, 'linear', function() {
if (jQuery(this).hasClass('pikaLastAni')) {
FinishedAnimating(image_source, image_link);
}
});
});
break;
case 4:
ani_divs.children().show().each(function(index) {
var delay = index * Math.floor(Math.random() * 5) * 10;
aHeight = Gapper(jQuery(this), aHeight);
if (jQuery(this).hasClass('pikaLastAni')) {
delay = 800;
}
jQuery(this).css({ "height": aHeight, "width": aWidth, "opacity": .01 }).delay(delay).animate({ "opacity": 1 }, 800, function() {
if (jQuery(this).hasClass('pikaLastAni')) {
FinishedAnimating(image_source, image_link);
}
});
});
break;
case 5:
//full frame slide
ani_divs.height(main_img.height()).hide().css({ 'background': 'url(' + image_source + ') top left no-repeat' });
ani_divs.children('div').hide();
ani_divs.css({ width: 0 }).animate({ width: main_img.width() }, 'slow', function() {
FinishedAnimating(image_source, image_link);
ani_divs.css({ 'background': 'transparent' });
});
break;
}
}).attr('src', image_source); //end image preload
} // end animate images
function FinishedAnimating(image_source, image_link) {
animating = false;
main_img.attr("src", image_source);
if (image_link == null) { image_link = "#" }
main_link.attr("href", image_link);
ani_divs.children().css({ "background": "transparent" });
ani_divs.hide();
if (playing) {
main_img.animate({ opacity: 1 }, options.slide_speed, function() {
//redudency needed here to catch the user clicking on an image during a change.
if (playing) { next_image_anchor.trigger("click", ["auto"]); }
});
}
}
function image_click(event, how) {
//catch when user clicks on an image Then cancel current slideshow
if (jQuery(this).hasClass('pika_selected') || animating) { return; }
if (how != "auto" && how != "autoFirst") {
animating = true;
stop_anchor.hide();
play_anchor.show();
playing = false;
main_img.stop().dequeue();
if (options.show_captions) {
caption_div.stop().dequeue();
}
}
//all our image variables
var image_source = "";
if (options.user_thumbs) {
image_source = jQuery(this).attr("ref");
} else {
image_source = this.src;
}
//thumbnail animations
var image_link = jQuery(this).attr("pikalink");
var image_caption = jQuery(this).parent().next("span").html();
//fade out the old thumb
images.filter(".pika_selected").fadeTo(250, 0.4);
images.filter(".pika_selected").removeClass("pika_selected");
//fade in the new thumb
jQuery(this).fadeTo(250, 1);
jQuery(this).addClass("pika_selected");
//fade the caption out
if (options.show_captions) {
if (options.delay_caption) {
caption_div.fadeTo(800, 0);
}
caption_div.fadeTo(500, 0, function() {
caption_div.html(image_caption);
caption_div.fadeTo(800, 1);
});
}
AnimateImage(image_source, image_link, how);
} //end image_click function
function next_image(event, how) {
if (images.filter(".pika_selected").hasClass("pika_last")) {
images.filter(":first").trigger("click", how);
} else {
images.filter(".pika_selected").parents('li').next('li').find('img').trigger("click", how);
}
} //end next image function
function previous_image(event, how) {
if (images.filter(".pika_selected").hasClass("pika_first")) {
images.filter(":last").trigger("click", how);
} else {
images.filter(".pika_selected").parents('li').prev('li').find('img').trigger("click", how);
}
} //end previous image function
function play_button() {
main_div.hover(
function() { play_div.fadeIn(400); },
function() { play_div.fadeOut(400); }
);
play_anchor.bind("click", function() {
main_img.stop();
main_img.dequeue();
if (options.show_captions) {
caption_div.stop();
caption_div.dequeue();
}
playing = true;
next_image_anchor.trigger("click", ["auto"]);
jQuery(this).hide();
stop_anchor.show();
});
stop_anchor.bind("click", function() {
playing = false;
jQuery(this).hide();
play_anchor.show();
});
}
play_button();
activate();
ulist.children('li:first').find('img:last').trigger("click", ["autoFirst"]);
}); //end return this.each
} //end build function
//activate applies the appropriate actions to all the different parts of the structure.
//and loads the sets the first image
})(jQuery);