var loadInitialItems = function(type, args){
    var start = args[0];
    var last = args[1]; 
    // fetch twice the number for caching. images are create once.
    //makeRequest(this, 'getTrips.php', "Amsterdam", start, (last-start+1) * 2);    
    for(var i = 1; i <= 5; i++){
	    this.addItem(i, "<div style=width:100px;height:100px;><h2>item " + i + "<br/>blah blah </h2></div>");
    }
};

var loadNextItems = function(type, args){
       var start = args[0];
       var last = args[1];
       var alreadyCached = args[2];
       if(!alreadyCached) {
            //makeRequest(this, 'getTrips.php', "Amsterdam", start, (last-start+1) * 2);
    	    for(var i = start; i <= last; i++){
	        this.addItem(i, "<div style=width:100px;height:100px;><h2>item " + i + "<br/>blah blah </h2></div>");
    	    }
       }
};

var loadPrevItems = function(type, args){
       var start = args[0];
       var last = args[1];
       var alreadyCached = args[2];
       if(!alreadyCached) {
            //makeRequest(this, 'getTrips.php', "Amsterdam", start, (last-start+1) * 2);
    	    for(var i = start; i < last; i++){
	        this.addItem(i, "<div style=width:100px;height:100px;><h2>item " + i + " </h2></div>");
    	    }
       }
}

var handlePrevButtonState = function(type, args){
    var enabling = args[0];
        var leftImage = args[1];
    if(enabling) {
            leftImage.src = "http://billwscott.com/carousel/images/left-enabled.gif";    
   } else {
	        leftImage.src = "http://billwscott.com/carousel/images/left-disabled.gif";    
    }
}

// numVisible must be > scrollInc, not even >=
var conf = {
		navMargin : 50,
		size : 10,
		wrap : true,
                numVisible:        5,
                animationSpeed:   .4,
                scrollInc:         5,
                loadInitHandler:   loadInitialItems,
                prevElementID:     "prev-arrow",
                nextElementID:     "next-arrow",
                loadNextHandler:   loadNextItems,
                loadPrevHandler:   loadPrevItems,
                prevButtonStateHandler:   handlePrevButtonState
};

var onLoad = function(){
   var carousel = new YAHOO.extension.Carousel("dhtml-carousel", conf);
}