stepcarousel.setup({
    galleryid: 'carouselGallery', //id of carousel DIV
    beltclass: 'carouselBelt', //class of inner "belt" DIV containing all the panel DIVs
    panelclass: 'carouselPanel', //class of panel DIVs each holding content
    autostep: { enable: true, moveby: 1, pause: 300 },
    panelbehavior: { speed: 500, wraparound: true, persist: false },
    defaultbuttons: { enable: true },
    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']
    contenttype: ["external", "CarouselItems.htm"]
})


var selectedIndex = 1;


    function activate(index) {
     /*   var panelCount = statusC;
        selectedIndex = index;
		workingImage = new Image(20,20);
        for (items = 1; items <= panelCount; items++) {
           /* if (items == index) {
				workingImage.src = "../User/img/Item" + items.toString() + "_selected.gif";
            } else {
				workingImage.src = "../User/img/Item" + items.toString() + ".gif";
            }
		//	document.getElementById('Item' + items.toString()).src = workingImage.src;
        }
		 return true;*/
    }

    function incrementActive(marker) {
     /*   var panelCount = statusC;
		workingImage = new Image(20,20);
		workingImage.src = "../User/img/Item" + selectedIndex.toString() + ".gif";
		document.getElementById('Item' + selectedIndex.toString()).src = workingImage.src;
        selectedIndex = selectedIndex + marker;
        if (selectedIndex == (panelCount + 1)) {
            selectedIndex = 1;
        } else if (selectedIndex == 0) {
        selectedIndex = panelCount;
        }
		workingImage.src = "../User/img/Item" + selectedIndex.toString() + "_selected.gif"; */
     //   document.getElementById('Item' + selectedIndex.toString()).src = workingImage.src; 
		return true;
    }