help with jquery slider code
Hello, I have purchased a Wordpress template with nice slider in it. Slier works only on click but I am looking for finding a way to alter a code so the slider can slide automatically and on click.
Here is a link to the page http://bolderimage.com/chicago-web-design and code. Please advice.
jQuery.noConflict();
function bi_noscript(){
jQuery(".bihide").css({visibility:"visible"});
if(jQuery(".next").length > 1){
jQuery(".next").css({visibility:"visible"});
}
}
function bi_sleekslide(){
modifyIE = 1;
if(jQuery.browser.msie && jQuery.browser.version < 7){// IE6 Fix
modifyIE = -1;
}
var animation_stopped = true;
var viewport = (jQuery(window).width() * 2);
jQuery(".slider_container:not(.slide1)").each(function(i){
var currentPos_container = jQuery(this).position();
var newpos_container = (currentPos_container.left + viewport) * modifyIE;
jQuery(this).css({left:newpos_container}).removeClass("notactive");
});
jQuery(".buttonlinks .next").each(function(i){
jQuery(this).bind("click",function(){
if(animation_stopped){
animation_stopped = false;
viewport = (jQuery(window).width() * 2);
var number = i +1;
var next = i + 2;
if(jQuery(".slider_container").length < next){
next = 1;
}
jQuery('.slide'+ number).animate({left:-viewport},600,"easeInQuint",function(){
var css_set = viewport * modifyIE;
jQuery('.slide'+ number).css({left:css_set});
jQuery('.slide'+ next).animate({left:0},600,"easeOutBack");
animation_stopped = true;
});
jQuery('.slide'+ number+ ' .slideme').each(function(i){
var speed = 450;
var this_css_left = jQuery(this).css("left");
var pos_left = parseInt(this_css_left.replace(/px/g, ""));
var adjust_left = pos_left + ((i+1) * 35);
jQuery(this).animate({left:adjust_left},speed,"linear").animate({left:pos_left},300);
;
});
}
return false;
});
});
}
jQuery(document).ready(function(){
bi_sleekslide();
bi_noscript();
});