'))
.addClass("main_image")
.attr("src",src)
.attr("id","main_"+no)
.click(function(){
})
.mouseover(function(){
})
.mouseout(function(){
})
};
container.find(".thumbs_list_container").find("div").eq(0).trigger("mouseover");
}
var options = $.extend( {
'auto_scroll':false,
'auto_scroll_speed':2500,
'images_path':'',//this is the path to the folder added in front of all the pages (if specified);
'thumbs':[], //The names of the images you want in the slider each separated by a comma
'stop_on_click':true,//set this to true if you want the aoutoscroll to stop once the user clicks on a thumbnail
/*this is the number of cycles the autoscroll will run for; if autoscroll is set to false, this is ignored;
* if stop_on_click is set to true, this will be ignored after the user clicks a thumbnail
* if this is set to 0, the loop will run infinitely*/
'stop_after':0,
'complete_cycle_slide':300,//this determines the speed needed to cycle from first image to the last. Cycling from image 1 to image 2 is complete_cycle_slide/[number of images];
//change these 2 values to set the canvas height and width; the thumbs area will be resized in height automatically, depending on the canvas height;
'canvas_height':385,
'canvas_width':410
}, options);
return this.each(function(){
var preloadimages=[]
for (var i=0, c=options.thumbs.length; i