function mycarousel_itemLoadCallback(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }

        if (i > mycarousel_itemList.length) {
            break;
        }

        carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[i-1]));
    }
};


function mycarousel_initCallback(carousel, state) {
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });
		 
}

function mycarousel_itemLastInCallback(carousel, item, idx, state) {
	var myDivArray = new Array();
		 myDivArray = ['1','2','3', '4', '5', '6', '7', '8', '9'];
	//alert(idx);
	if ((idx > 0 ) && (idx < 10)){	 
		 for(var i in myDivArray){
				//alert('showing: ' + idx);
				if(myDivArray[i] == idx) { 
					var divName = 'display'+ idx;
					document.getElementById(divName).style.display ="block";
					//alert('showing: ' + divName);

				} else {
					var divName = 'display'+ myDivArray[i];
					document.getElementById(divName).style.display ="none";
					//alert('hiding: ' + divName);
				}
			}
	
	}else if (idx <= 0) {
		var newIndex = idx +9;
		for(var i in myDivArray){
			if(myDivArray[i] == newIndex) { 
					var divName = 'display'+ newIndex;
					document.getElementById(divName).style.display ="block";
					//alert('showing: ' + divName);

				} else {
					var divName = 'display'+ myDivArray[i];
					document.getElementById(divName).style.display ="none";
					//alert('hiding: ' + divName);
				}
			}
	}else if (idx > 9){
		var newIndex = idx - 9;
		for(var i in myDivArray){
			if(myDivArray[i] == newIndex) { 
					var divName = 'display'+ newIndex;
					document.getElementById(divName).style.display ="block";
					//alert('showing: ' + divName);

				} else {
					var divName = 'display'+ myDivArray[i];
					document.getElementById(divName).style.display ="none";
					//alert('hiding: ' + divName);
				}
			}
	
	}
}

function mycarousel_itemFirstInCallback (carousel, item, idx, state) {
	//alert(idx);
	if( idx == 10) {
		carousel.startAuto(0);
		}
}