///////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*


                                          ******** Parameter Settings ***********



          Customize the entire look of the scroll bar with the parameter options below.  Style parameters allow
          for the use of any valid CSS.


          Tips & Tricks: Parameter Settings

             1: This script block with your parameter settings and source code should appear directly before the
                documents closing </body> tag.  Placing this script tag and its contents at the location of your
                scroll bar effect may cause errors.

             2: Adjust the "function graphicsb_data0()" numeric id in the statement below to match the numeric id of
                the id='graphic0' statement within the scroll bar structure and content section above.  The numbers must
                match for the scroll bar to work, multiple scroll bars may be used on a single page by adding new sections
                with new id's.

             3: Bubble refers to the middle button which may be dragged to position the document.  Slider refers to
                the background area behind the bubble between the top and bottom buttons.

             4: The bubble is comprised of 4 images to accommodate the growth of the bubble depending on the length of your
                scrollable content.  The height of the top_cap, plus the bottom cap, plus the center image should not exceed
                the width of your scroll bar.

             5: The top and bottom buttons must be squares with their width and height the same as the width of your
                scroll bar.


*/



function graphicsb_data0()
{


    /*---------------------------------------------
    Scroll Bar Images
    ---------------------------------------------*/

 
	this.up_button = "images/scrollbar/sb1_up.png";                                          //image path and name only
	this.up_button_roll = "images/sb1_up_roll.png";                                //image path and name only
	this.down_button = "images/scrollbar/sb1_down.png";                                      //image path and name only
	this.down_button_roll = "images/scrollbar/sb1_down_roll.png";                            //image path and name only


	this.slider_tile_bg_style = ""  //image defined as CSS style


	this.bubble_top_cap = "images/scrollbar/sb2_bubble_topcap.png,5";                        //image path and name, height - (width is automatically set to scroll bar width)
	this.bubble_bottom_cap = "images/scrollbar/sb2_bubble_bottomcap.png,5";                  //image path and name, height - ""
	this.bubble_center = "images/scrollbar/sb2_bubble_center.png,10";                         //image path and name, height - ""
	this.bubble_tile_bg_style = "images/scrollbar/sb2_bubble_bg.png";                        //image path and name only





    /*---------------------------------------------
    Scroll Bar Container and Content
    ---------------------------------------------*/


	this.container_width = 400
	this.container_height = 325

	this.container_bg_color = "";



	this.content_padding = 20
	this.content_styles = "font-family:Arial;font-weight:normal;font-size:12px;";
	this.content_class_name = "";




    /*---------------------------------------------
    Scroll Bar Behaviour and Width
    ---------------------------------------------*/


	this.scroll_bar_width = 20                     //The width of the bar in pixels.
	this.scroll_increment = 20                     //The distance to scroll when clicking the up or down buttons.


	this.allow_hover_scroll = false;                //Auto scroll while hovering over top and bottom buttons.
	this.hover_scroll_delay = 50;                   //Milliseconds (1/1000 second)


	this.use_hand_cursor = false;




}