");
var caption_div = main_div.children(".pika_caption");
}
//navigation div ALWAYS gets created, its refrenced a lot
jQuery(this).after("");
var navigation_div = jQuery(this).next(".pika_navigation");
//fill in sub elements
navigation_div.prepend("" + 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;
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.slide_enabled){
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);
//jQuery(this).parent('li').css(licss);
//fixes a bug where images don't get the correct display after loading
if(jQuery(this).attr('complete')===true && jQuery(this).css('display')=="none")
{
jQuery(this).css({
display:'inline'
});
}
});
//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 < 65) //w*0.3 = 117
{
prevHover.fadeIn('fast');
}else{
prevHover.fadeOut('fast');
}
if(x > w-65) // w*0.7 = 252
{
nextHover.fadeIn('fast');
}else{
nextHover.fadeOut('fast');
}
});
sub_div.mouseleave(function(){
prevHover.fadeOut('fast');nextHover.fadeOut('fast');
});
}//end activate function
function image_click(event, how){
//catch when user clicks on an image Then cancel current slideshow
if(how!="auto"){
if(options.slide_enabled){
stop_anchor.hide();
play_anchor.show();
playing=false;
}
main_img.stop();
main_img.dequeue();
if(options.show_captions)
{
caption_div.stop();
caption_div.dequeue();
}
}
//all our image variables
if(options.user_thumbs)
{
var image_source = jQuery(this).attr("ref");
}else
{
var image_source = this.src;
}
var image_link = jQuery(this).attr("rel");
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,0.7);
});
}
//set back imge = main_img
var delay = 100;
if(main_img.attr('opacity') < 0.8)
{
delay = 500;
}
back_img.attr("src", main_img.attr("src"));
main_img.fadeTo(delay,0.00,function(){
//make the image fade in on load, which should hopefully get rid of any jumping
main_img.unbind('load');
main_img.bind('load',function()
{
main_img.fadeTo(800,1,function(){
if(playing){
jQuery(this).animate({
opactiy: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"]);
}
});
}
//reset it here to catch initial load.
back_img.attr("src", main_img.attr("src"));
});
});
main_img.attr("src",image_source);
main_link.attr("href", image_link);
main_link.attr("title", "View product");
});
}//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();
});
}
if(options.slide_enabled){
play_button();
}
activate();
});//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
};//end jquery.ipikachoose
jQuery.fn.PikaChoose = jQuery.iPikaChoose.build;