').append($templateimg.clone()).html();
// remember control's over and out, and selected image src
srcs = [$templateimg.attr('src'), $templateimg.attr('data-over'), $templateimg.attr('data-select')];
for(var i=0; i
$/, ' data-index="' + i + '" data-moveto="' + moveto + '" title="Move to Panel ' + (moveto + 1) + '">') + '\n');
// store panel index each control goes to when clicked on
controlpoints.push(moveto);
}
// replace template link with links and return them
var $controls = jQuery('
').replaceAll($templateimg).append(imgarray.join('')).find('img');
$controls.css({cursor:'pointer'});
config.$paginatediv.bind('click',
function(e)
{
var $target=jQuery(e.target)
if($target.is('img') && $target.attr('data-over'))
{
stepcarousel.stepTo(config.galleryid, parseInt($target.attr('data-moveto')) + 1);
}
}
)
config.$paginatediv.bind('mouseover mouseout',
function(e)
{
var $target = jQuery(e.target);
if($target.is('img') && $target.attr('data-over'))
{
// if this isn't the selected link
if(parseInt($target.attr('data-index')) != config.pageinfo.curselected)
{
$target.attr('src', srcs[(e.type=="mouseover")? 1 : 0]);
}
}
}
)
config.pageinfo = {controlpoints:controlpoints, $controls:$controls, srcs:srcs, prevselected:null, curselected:null};
}
},
selectpaginate:function($, galleryid)
{
var config = stepcarousel.configholder[galleryid];
if(config.$paginatediv.length == 1)
{
for(var i=0; i < config.pageinfo.controlpoints.length; i++)
{
// find largest control point that's less than or equal to current panel shown
if(config.pageinfo.controlpoints[i] <= config.currentpanel)
{
config.pageinfo.curselected = i;
}
}
// deselect previously selected link (if found)
if(typeof config.pageinfo.prevselected != null)
{
config.pageinfo.$controls.eq(config.pageinfo.prevselected).attr('src', config.pageinfo.srcs[0]);
}
// select current paginate link
config.pageinfo.$controls.eq(config.pageinfo.curselected).attr('src', config.pageinfo.srcs[2]);
// set current selected link to previous
config.pageinfo.prevselected=config.pageinfo.curselected;
}
},
loadcontent:function(galleryid, url)
{
var config = stepcarousel.configholder[galleryid];
config.contenttype = ['ajax', url];
stepcarousel.stopautostep(config);
stepcarousel.resetsettings($, config);
stepcarousel.init(jQuery, config);
},
init:function($, config)
{
config.gallerywidth = config.$gallery.width();
config.offsets = {left:stepcarousel.getoffset(config.$gallery.get(0), "offsetLeft"), top:stepcarousel.getoffset(config.$gallery.get(0), "offsetTop")};
// Find Belt DIV that contains all the panels
config.$belt = config.$gallery.find('.' + config.beltclass);
// Find Panel DIVs that each contain a slide
config.$panels = config.$gallery.find('.' + config.panelclass);
// get pagination DIV (if defined)
config.$paginatediv = jQuery('#' + config.galleryid + '-paginate');
if(config.autostep)
{
config.autostep.pause += config.panelbehavior.speed;
}
// attach custom "onpanelclick" event handler
config.onpanelclick = (typeof config.onpanelclick == "undefined") ? function(target){} : config.onpanelclick;
// attach custom "onslide" event handler
config.onslideaction = (typeof config.onslide == "undefined") ? function(){} : function(beltobj){jQuery(beltobj).stop(); config.onslide()};
// attach custom "oninit" event handler
config.oninit = (typeof config.oninit == "undefined") ? function(){} : config.oninit;
// Find length of Belt DIV's left margin
config.beltoffset = stepcarousel.getCSSValue(config.$belt.css('marginLeft'));
// get variable names that will hold "start", "end", and "total" slides info
config.statusvars = config.statusvars || [];
config.$statusobjs = [jQuery('#' + config.statusvars[0]), jQuery('#' + config.statusvars[1]), jQuery('#' + config.statusvars[2])];
config.currentpanel = 0;
// store config parameter as a variable
stepcarousel.configholder[config.galleryid] = config;
// fetch ajax content?
if(config.contenttype[0] == "ajax" && typeof config.contenttype[1] != "undefined")
{
stepcarousel.getremotepanels($, config);
}
// align panels and initialize gallery
else
{
stepcarousel.alignpanels($, config);
}
},
resetsettings:function($, config)
{
config.$gallery.unbind();
config.$belt.stop();
config.$panels.remove();
if(config.$leftnavbutton)
{
config.$leftnavbutton.remove();
config.$rightnavbutton.remove();
}
if(config.$paginatediv.length == 1)
{
config.$paginatediv.unbind();
// reset first pagination link so it acts as template again
config.pageinfo.$controls.eq(0).attr('src', config.pageinfo.srcs[0]).removeAttr('data-index').removeAttr('data-moveto').removeAttr('title')
// then remove all but first pagination link
.end().slice(1).remove();
}
if(config.autostep)
{
config.autostep.status = null;
}
if(config.panelbehavior.persist)
{
// set initial panel to 0, overridden w/ current panel if window.unload is invoked
stepcarousel.setCookie(window[config.galleryid + "persist"], 0);
}
},
setup:function(config)
{
// Disable Step Gallery scrollbars ASAP dynamically (enabled for sake of users with JS disabled)
document.write('')
jQuery(document).ready(function($)
{
config.$gallery = jQuery('#' + config.galleryid);
stepcarousel.init($, config);
});
// end document.ready
jQuery(window).bind('unload',
// clean up on page unload
function()
{
stepcarousel.resetsettings($, config);
if(config.panelbehavior.persist)
{
stepcarousel.setCookie(config.galleryid + "persist", config.currentpanel);
}
jQuery.each(config,
function(ai, oi)
{
oi = null;
}
)
config = null;
}
)
},
galleryOver:function(galleryid, func)
{
var config = stepcarousel.configholder[galleryid];
config.$gallery.bind('mouseover', func);
if(config.defaultbuttons.enable == true && config.$leftnavbutton)
{
config.$leftnavbutton.bind('mouseover', func);
config.$rightnavbutton.bind('mouseover', func);
}
// config.$paginatediv.bind('mouseover', func);
},
galleryOut:function(galleryid, func)
{
var config = stepcarousel.configholder[galleryid];
config.$gallery.bind('mouseout', func);
if(config.defaultbuttons.enable == true && config.$leftnavbutton)
{
config.$leftnavbutton.bind('mouseout', func);
config.$rightnavbutton.bind('mouseout', func);
}
// config.$paginatediv.bind('mouseover', func);
}
}
Fetching Content. Please wait...