/**
 * @description slideshow functions on the bottom of the page
 * @namespace 
 */
var slideshow_bottom =
{
  /**
   * @description slideshow class for methods and properties
   * @type {Object} 
   */
  handler_class: null,
  
  /**
   * @description configuration options for the class
   * @type {Object}
   */
  options:
  {
    cardwidth: 72,
    cardwidth_modifier: 0,
    slider_id: "slideshow_bottom",
    inactivebutton_class: "inactivebutton",
    animation_time: 500,
    animate: true,
    loop: false
  },
  
  /**
   * @description sets handler class
   */
  initClass: function()
  {
    if ( this.handler_class )
    {
      return true;
    }
    this.handler_class = new slideshow_class();
    this.handler_class.construct( this.options );
    return true;  
  },
  
  /**
   * @description steps left one card
   */
  stepLeft: function()
  {
    this.initClass();
    if ( this.options.animate )
    {
      this.handler_class.stepLeftAnim();
    }
    else
    {
      this.handler_class.stepLeft();
    }
    return true;
  },
  
  /**
   * @description steps right one card
   */
  stepRight: function()
  {
    this.initClass();
    if ( this.options.animate )
    {
      this.handler_class.stepRightAnim();
    }
    else
    {
      this.handler_class.stepRight();
    }
    return true;
  }
}