/**
 * Image src URLs
 */
var imageList = ["/event_gallery/41_picstrip.jpg","/event_gallery/21_picstrip.jpg","/event_gallery/77_picstrip.jpg","/event_gallery/43_picstrip.jpg","/event_gallery/54_picstrip.jpg","/event_gallery/31_picstrip.jpg","/event_gallery/49_picstrip.jpg","/event_gallery/64_picstrip.jpg","/event_gallery/62_picstrip.jpg","/event_gallery/59_picstrip.jpg","/event_gallery/35_picstrip.jpg","/event_gallery/47_picstrip.jpg","/event_gallery/66_picstrip.jpg","/event_gallery/34_picstrip.jpg","/event_gallery/44_picstrip.jpg","/event_gallery/55_picstrip.jpg","/event_gallery/37_picstrip.jpg","/event_gallery/33_picstrip.jpg","/event_gallery/5_picstrip.jpg","/event_gallery/4_picstrip.jpg","/event_gallery/39_picstrip.jpg","/event_gallery/60_picstrip.jpg","/event_gallery/76_picstrip.jpg","/event_gallery/74_picstrip.jpg"];
var imageListTitle = ["Anglesey Marathon","Bryn Terfel's Gwyl Y Faenol/Faenol Festival","Anglesey Walking Festival","Vale of Clwyd Heritage Open Days 2008 - DENBIGH","Anglesey Oyster and Welsh Produce Festival","North Wales Cricket Festival","Eglwysbach Agricultural and Horticultural Show","Llangollen Fringe Festival","Llangollen Balloon Festival","Mold Food and Drink Festival","Conwy River Festival","Denbigh  Flint Show","Llandudno Celtic Winter Fayre","Conwy Farmers' Market","Denbighshire Walking Weekend","North Wales International Music Festival","Gwledd Conwy Feast","Farmers' Market","Wakestock 2008","Abersoch Jazz Festival","Anglesey Show","Llanrwst Market","Conwy's Walking Week","Prestatyn Walking Festival"];
var imageListLink = ["/events/2840/anglesey-marathon","/events/1322/bryn-terfels-gwyl-y-faenol-faenol-festival","/events/2689/anglesey-walking-festival","/events/2798/vale-of-clwyd-heritage-open-days-2008--denbigh","/events/1298/anglesey-oyster-and-welsh-produce-festival","/events/2614/north-wales-cricket-festival","/events/1373/eglwysbach-agricultural-and-horticultural-show","/events/2807/llangollen-fringe-festival","/events/1600/llangollen-balloon-festival","/events/2758/mold-food-and-drink-festival","/events/1616/conwy-river-festival","/events/785/denbigh-flint-show","/events/2362/llandudno-celtic-winter-fayre","/events/2699/conwy-farmers-market","/events/778/denbighshire-walking-weekend","/events/2713/north-wales-international-music-festival","/events/2361/gwledd-conwy-feast","/events/1317/farmers-market","/events/1353/wakestock-2008","/events/2685/abersoch-jazz-festival","/events/1324/anglesey-show","/events/2698/llanrwst-market","/events/1614/conwys-walking-week","/events/2005/prestatyn-walking-festival"];
var imageListRegion = ["Isle of Anglesey","Snowdonia Mountains and Coast","Isle of Anglesey","North Wales Borderlands","Isle of Anglesey","Coastal North Wales","Snowdonia Mountains and Coast","North Wales Borderlands","North Wales Borderlands","North Wales Borderlands","Snowdonia Mountains and Coast","North Wales Borderlands","Coastal North Wales","Snowdonia Mountains and Coast","North Wales Borderlands","North Wales Borderlands","Snowdonia Mountains and Coast","Coastal North Wales","Snowdonia Mountains and Coast","Snowdonia Mountains and Coast","Isle of Anglesey","Snowdonia Mountains and Coast","Snowdonia Mountains and Coast","Coastal North Wales"];
var imageListWidth = [119,120,120,107,120,120,120,120,107,107,107,120,120,107,120,111,124,107,111,107,107,107,120,122];
var imageListHeight = [80,80,80,80,80,80,80,80,80,80,80,80,80,80,80,80,80,80,80,80,80,80,80,80];

var lastRan = -1;

var fmtItem = function(imgUrl, url, title, index, region, w , h) {

      var innerHTML = '<a id="dhtml-carousel-a-'+index+'" class="' + region + '" alt="' + title + '" href="' + url + '">';
	  innerHTML = innerHTML + '<img id="dhtml-carousel-img-' + index + '" src="' + imgUrl + '" width="' + w +'" height="' + h +'"/><\/a><p>' + title + '</p>';
	return innerHTML;
};


/**
 * Custom inital load handler. Called when the carousel loads the initial
 * set of data items. Specified to the carousel as the configuration
 * parameter: loadInitHandler
 **/
var loadInitialItems = function(type, args) {

    var start = args[0];
    var last = args[1]; 

    load(this, start, last);    
};

/**
 * Custom load next handler. Called when the carousel loads the next
 * set of data items. Specified to the carousel as the configuration
 * parameter: loadNextHandler
 **/
 var loadNextItems = function(type, args) {    

    var start = args[0];
    var last = args[1]; 
    var alreadyCached = args[2];
    
    if(!alreadyCached) {
        load(this, start, last);
    }
};

/**
 * Custom load previous handler. Called when the carousel loads the previous
 * set of data items. Specified to the carousel as the configuration
 * parameter: loadPrevHandler
 **/
var loadPrevItems = function(type, args) {
    var start = args[0];
    var last = args[1]; 
    var alreadyCached = args[2];
    
    if(!alreadyCached) {
        load(this, start, last);
    }
};

var load = function(carousel, start, last) {
    for(var i=start;i<=last;i++){
        var liItem = carousel.addItem(i, fmtItem(imageList[i], imageListLink[i], imageListTitle[i], i, imageListRegion[i],imageListWidth[i],imageListHeight[i]));
	  	//Prepare("dhtml-carousel-a-" + i);
/*
        // If you want to add handlers for mouse over, mouse out or other events,
        // here is the pattern
        YAHOO.util.Event.addListener(liItem, "mouseover", function(e) {
        //console.log("mouseover>>"+this.id);
        });
        YAHOO.util.Event.addListener(liItem, "mouseout", function(e) {
            //console.log("mouseout<<"+this.id);
        });
*/
		Prepare(document.getElementById("dhtml-carousel-a-" + i));
    }
}

/**
 * Custom button state handler for enabling/disabling button state. 
 * Called when the carousel has determined that the previous button
 * state should be changed.
 * Specified to the carousel as the configuration
 * parameter: prevButtonStateHandler
 **/
var handlePrevButtonState = function(type, args) {

    var enabling = args[0];
    var leftImage = args[1];
    if(enabling) {
        leftImage.src = "/images/left-enabled.gif";    
    } else {
        leftImage.src = "/images/left-disabled.gif";
    }
    
};

var carousel; // for ease of debugging; globals generally not a good idea

/**
 * You must create the carousel after the page is loaded since it is
 * dependent on an HTML element (in this case 'dhtml-carousel'.) See the
 * HTML code below.
 */
var pageLoad = function() 
{
    carousel = new YAHOO.extension.Carousel("dhtml-carousel", 
        {
            numVisible:        9,
            animationSpeed:   0.5,
            scrollInc:         1,
            navMargin:         40,
            prevElement:     "prev-arrow",
            nextElement:     "next-arrow",
            loadInitHandler:   loadInitialItems,
            loadNextHandler:   loadNextItems,
            loadPrevHandler:   loadPrevItems,
            prevButtonStateHandler:   handlePrevButtonState,
            autoPlay: 3000,
            size:23,
            wrap:true
        }
    );

};
// YAHOO.extension.Carousel.prototype.startAutoPlay = function(interval) {
//         if(this._isValidObj(interval)) {
//             this.autoPlay = interval;
//         }
//         if(this.autoPlayTimer !== null) {
//             return this.autoPlayTimer;
//         }
//         var oThis = this;  
//         var autoScroll = function() { oThis.scrollPrev(); };
//         this.autoPlayTimer = setTimeout( autoScroll, this.autoPlay );
//         return this.autoPlayTimer;
// };
// 
// YAHOO.extension.Carousel.prototype.scrollPrev= function() {
//     this._scrollPrev(null, this);
//     this.autoPlayTimer = null;
//     if(this.autoPlay !== 0) {
//         this.autoPlayTimer = this.startAutoPlay();
//     }
// };
// 
// YAHOO.extension.Carousel.prototype._scrollPrev = function(e, carousel) {
//     if(carousel.scrollPrevAnim.isAnimated()) {
//         return false;
//     }
//     var currStart = carousel.firstVisible;
//     if(carousel.wrap && currStart == 1) {
//         carousel.scrollTo(carousel.size - carousel.numVisible + 1);
//     } else if(e !== null) { // event fired this so disable autoplay
//         carousel.stopAutoPlay();
//         carousel._scrollPrevInc(carousel, carousel.scrollInc, (carousel.getProperty("animationSpeed") !== 0));
//     } else {
//         carousel._scrollPrevInc(carousel, carousel.scrollInc, (carousel.getProperty("animationSpeed") !== 0));
//     }
// };


/**
 * Illustrates stop autoplay
 */
var stopAutoPlay = function(e) {
    //YAHOO.util.Dom.get("status").innerHTML = "Auto Play Stopped!";
    carousel.stopAutoPlay();
};

/**
 * Illustrates start autoplay
 */
var startAutoPlay = function(e) {
    //YAHOO.util.Dom.get("status").innerHTML = "Auto Play Started!";
    carousel.startAutoPlay(2000);
};

YAHOO.util.Event.addListener(window, 'load', pageLoad);
YAHOO.util.Event.addListener("stop-button", 'click', stopAutoPlay);
YAHOO.util.Event.addListener("start-button", 'click', startAutoPlay);