﻿//main carousel
stepcarousel.setup({
    galleryid: 'mygallery', //id of carousel DIV
    beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
    panelclass: 'panel', //class of panel DIVs each holding content
    autostep: { enable: false, moveby: 1, pause: 3000 },//for automatic rotation
    panelbehavior: { speed: 300, wraparound: true, persist: true },
    defaultbuttons: { enable: true, moveby: 1, leftnav: ['App_Images/Home/left_carousel_arrow.png', 0, 80], rightnav: ['App_Images/Home/right_carousel_arrow.png', -15, 80] },
    statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})

////mini carousel 1
//stepcarousel.setup({
//    galleryid: 'ctl00_bodyContent_gallery1', //id of carousel DIV
//    beltclass: 'beltMini', //class of inner "belt" DIV containing all the panel DIVs
//    panelclass: 'panelMini', //class of panel DIVs each holding content
//    autostep: { enable: false, moveby: 1, pause: 3000 }, //for automatic rotation
//    panelbehavior: { speed: 300, wraparound: true, persist: true },
//    defaultbuttons: { enable: false, moveby: 1, leftnav: ['App_Images/Home/SeeMore_left_arrow.png', -5, 80], rightnav: ['App_Images/Home/SeeMore_right_arrow.png', -20, 80] },
//    statusvars: ['statusMini1_A', 'statusMini1_B', 'statusMini1_C'], //register 3 variables that contain current panel (start), current panel (last), and total panels
//    contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
//})

////mini carousel 2
//stepcarousel.setup({
//    galleryid: 'ctl00_bodyContent_gallery2', //id of carousel DIV
//    beltclass: 'beltMini', //class of inner "belt" DIV containing all the panel DIVs
//    panelclass: 'panelMini', //class of panel DIVs each holding content
//    autostep: { enable: false, moveby: 1, pause: 3000 }, //for automatic rotation
//    panelbehavior: { speed: 300, wraparound: true, persist: true },
//    defaultbuttons: { enable: false, moveby: 1, leftnav: ['App_Images/Home/SeeMore_left_arrow.png', -5, 80], rightnav: ['App_Images/Home/SeeMore_right_arrow.png', -20, 80] },
//    statusvars: ['statusMini2_A', 'statusMini2_B', 'statusMini2_C'], //register 3 variables that contain current panel (start), current panel (last), and total panels
//    contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
//})

//mini carousel 3
stepcarousel.setup({
galleryid: 'ctl00_bodyContent_gallery3', //id of carousel DIV
    beltclass: 'beltMini', //class of inner "belt" DIV containing all the panel DIVs
    panelclass: 'panelMini', //class of panel DIVs each holding content
    autostep: { enable: false, moveby: 1, pause: 3000 }, //for automatic rotation
    panelbehavior: { speed: 300, wraparound: true, persist: true },
    defaultbuttons: { enable: false, moveby: 1, leftnav: ['App_Images/Home/SeeMore_left_arrow.png', -5, 80], rightnav: ['App_Images/Home/SeeMore_right_arrow.png', -20, 80] },
    statusvars: ['statusMini3_A', 'statusMini3_B', 'statusMini3_C'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})

//mini carousel 4
stepcarousel.setup({
galleryid: 'ctl00_bodyContent_gallery4', //id of carousel DIV
    beltclass: 'beltMini', //class of inner "belt" DIV containing all the panel DIVs
    panelclass: 'panelMini', //class of panel DIVs each holding content
    autostep: { enable: false, moveby: 1, pause: 3000 }, //for automatic rotation
    panelbehavior: { speed: 300, wraparound: true, persist: true },
    defaultbuttons: { enable: false, moveby: 1, leftnav: ['App_Images/Home/SeeMore_left_arrow.png', -5, 80], rightnav: ['App_Images/Home/SeeMore_right_arrow.png', -20, 80] },
    statusvars: ['statusMini4_A', 'statusMini4_B', 'statusMini4_C'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})

//mini carousel 5
stepcarousel.setup({
galleryid: 'ctl00_bodyContent_gallery5', //id of carousel DIV
    beltclass: 'beltMini', //class of inner "belt" DIV containing all the panel DIVs
    panelclass: 'panelMini', //class of panel DIVs each holding content
    autostep: { enable: false, moveby: 1, pause: 3000 }, //for automatic rotation
    panelbehavior: { speed: 300, wraparound: true, persist: true },
    defaultbuttons: { enable: false, moveby: 1, leftnav: ['App_Images/Home/SeeMore_left_arrow.png', -5, 80], rightnav: ['App_Images/Home/SeeMore_right_arrow.png', -20, 80] },
    statusvars: ['statusMini5_A', 'statusMini5_B', 'statusMini5_C'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})

//mini carousel 6
stepcarousel.setup({
galleryid: 'ctl00_bodyContent_gallery6', //id of carousel DIV
    beltclass: 'beltMini', //class of inner "belt" DIV containing all the panel DIVs
    panelclass: 'panelMini', //class of panel DIVs each holding content
    autostep: { enable: false, moveby: 1, pause: 3000 }, //for automatic rotation
    panelbehavior: { speed: 300, wraparound: true, persist: true },
    defaultbuttons: { enable: false, moveby: 1, leftnav: ['App_Images/Home/SeeMore_left_arrow.png', -5, 80], rightnav: ['App_Images/Home/SeeMore_right_arrow.png', -20, 80] },
    statusvars: ['statusMini6_A', 'statusMini6_B', 'statusMini6_C'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})

