$(function() {
 
	// satisfy the requirement of the Cycle plugin to have at least 2 images in the div
    $('#banner_slideshow').append('<img src="' + baseURL + 'wp-content/uploads/bannerImages/img1.jpg" width="1300" height="160" class="other_pics" />');
	
	// add slides to slideshow  
    for (var i = 2; i < 14; i++) 
        $('#banner_slideshow').append('<img src="' + baseURL + 'wp-content/uploads/bannerImages/img' + i + '.jpg" width="1300" height="160" class="other_pics" />');
   
    
	//var stack = [];

    // preload images into an array
    //for (var i = 3; i < 14; i++) {
    //    var img = new Image(1300, 160);
    //    img.src = baseURL + 'wp-content/uploads/bannerImages/img' + i + '.jpg';
    //    $(img).bind('load', function() {
    //        stack.push(this);
    //    });
    //}

    // call the method to cycle through contents of div
    $('#banner_slideshow').cycle({
	  delay:   0, // additional delay for first transition
      next:    '#banner_slideshow', // element to use as click trigger for next slide
      //speed:   2000,
	  pause:   0,     // pause slideshow on mouse hover
      timeout: 7000 
	  //before: onBefore,
	  //end:    onEnd
    });

    // add images to slideshow
    //function onBefore(curr, next, opts) {
    //    if (opts.addSlide) // <-- important!
    //        while(stack.length)
    //            opts.addSlide(stack.pop());
    //};

	//function onEnd() {
	//};

});