// dummy data (images are randomly chosen from this array)
var imageList = [
				 "",
				"images/thumbnails/symbol.jpg",
                "images/thumbnails/fluence.jpg",
                "images/thumbnails/clio_new.jpg",
                "images/thumbnails/clio_estate.jpg",
				"images/thumbnails/clio_rs.jpg",
				"images/thumbnails/bicorp.jpg",
                "images/thumbnails/sedan.jpg",
				"images/thumbnails/scenic_new.jpg",
                "images/thumbnails/scenic_grand.jpg",
				"images/thumbnails/koleos.jpg",
				"images/thumbnails/laguna.jpg",
                "images/thumbnails/laguna_coupe.jpg",
				"images/thumbnails/estate.jpg",
				"images/thumbnails/megane_st.jpg",
				"images/thumbnails/megestate.jpg",
                "images/thumbnails/coupe.jpg",
                "images/thumbnails/espace.jpg",
				"images/thumbnails/kangoo.jpg",
                "images/thumbnails/kangoo_ex.jpg",
                "images/thumbnails/trafic.jpg",
				"images/thumbnails/master.jpg",
                 ];

/**
 * The URL of the images corresponding to the thumbs.
 */
var imageURL = [
				"",
               	 "http://www.dedemanauto.ro/renault/symbol.html",
				 "http://www.dedemanauto.ro/renault/fluence.html",
                 "http://www.dedemanauto.ro/renault/clio_new.html",
                 "http://www.dedemanauto.ro/renault/clio_estate.html",
				 "http://www.dedemanauto.ro/renault/clio_rs.html",
                 "http://www.dedemanauto.ro/renault/bicorp.html", 
				 "http://www.dedemanauto.ro/renault/sedan.html",
				 "http://www.dedemanauto.ro/renault/scenic.html",
				 "http://www.dedemanauto.ro/renault/scenic_grand.html",
				 "http://www.dedemanauto.ro/renault/koleos.html",
				 "http://www.dedemanauto.ro/renault/laguna.html",
				 "http://www.dedemanauto.ro/renault/laguna_coupe.html",
				 "http://www.dedemanauto.ro/renault/estate.html",
				 "http://www.dedemanauto.ro/renault/megane_st.html",
				 "http://www.dedemanauto.ro/renault/megestate.html",
				 "http://www.dedemanauto.ro/renault/coupe.html",
				 "http://www.dedemanauto.ro/renault/espace.html",
				 "http://www.dedemanauto.ro/renault/kangoo.html",
				 "http://www.dedemanauto.ro/renault/kangoo_ex.html",
				 "http://www.dedemanauto.ro/renault/trafic.html",
				 "http://www.dedemanauto.ro/renault/master.html"
                ];

/**
 * The names of the images corresponding to the thumbs.
 */

var imageNames = [
                "",
				"Symbol",
				"Fluence",
				"Clio",
				"Clio Estate",
				"Clio Sport",
				"Noul Megane",
				"Megane Sedan",
				"Noul Scenic",
				"Grand Scenic",
				"Koleos",
				"Laguna",
				"Laguna Coupe",
				"Laguna Estate",
				"Sport Tourer",
				"Megane Estate",
				"Megane Coupe", 
				"Espace",
				"Kangoo Calatori",
				"Kangoo Express",
				"Trafic",
				"Master"
                ];				
				


var fmtItem = function(imgUrl, url, title) {
  	var innerHTML = '<a href="' + url + '" title="' + title + '"><img src="' + imgUrl + '" width="' + 85 + '" height="' + 45 + '" alt="' + title + '"/>' + title + '</a>';
  	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);	
};

var loadInitialItems2 = function(type, args) {

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

	load2(this, start, last);	
};

var loadInitialItems3 = function(type, args) {

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

	load3(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);
	}
};

var loadNextItems2 = function(type, args) {	

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

var loadNextItems3 = function(type, args) {	

	var start = args[0];
	var last = args[1]; 
	var alreadyCached = args[2];
	
	if(!alreadyCached) {
		load3(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 loadPrevItems2 = function(type, args) {
	var start = args[0];
	var last = args[1]; 
	var alreadyCached = args[2];
	
	if(!alreadyCached) {
		load2(this, start, last);
	}
};

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

var load = function(carousel, start, last) {
	for(var i=start; i<=last; i++) {
		carousel.addItem(i, fmtItem(imageList[i], imageURL[i], imageNames[i]));
	}
};

var load2 = function(carousel, start, last) {
	for(var i=start; i<=last; i++) {
		carousel.addItem(i, fmtItem(imageList2[i], imageURL2[i], imageNames2[i]));
	}
};

var load3 = function(carousel, start, last) {
	for(var i=start; i<=last; i++) {
		carousel.addItem(i, fmtItem(imageList3[i], imageURL3[i], imageNames3[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";	
	}
	
}

/**
 * Custom button state handler for enabling/disabling button state. 
 * Called when the carousel has determined that the next button
 * state should be changed.
 * Specified to the carousel as the configuration
 * parameter: nextButtonStateHandler
 **/
var handleNextButtonState = function(type, args) {
	var enabling = args[0];
	var rightImage = args[1];
	if(enabling) {
		rightImage.src = "images/right-enabled.gif";	
	} else {
		rightImage.src = "images/right-disabled.gif";
	}
	
};

/**
 * 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() 
{
	var carousel = new YAHOO.extension.Carousel("dhtml-carousel", 
		{
			numVisible:        5,
			animationSpeed:    .8,
			animationMethod:   YAHOO.util.Easing.easeBoth,
			scrollInc:         5,
			navMargin:         15,
			size:              21,
			loadInitHandler:   loadInitialItems,
			prevElementID:     "prev-arrow",
			nextElementID:     "next-arrow",
			loadNextHandler:   loadNextItems,
			loadPrevHandler:   loadPrevItems,
			prevButtonStateHandler:   handlePrevButtonState,
			nextButtonStateHandler:   handleNextButtonState,
			wrap: true
		}
	);
	
};

YAHOO.util.Event.addListener(window, 'load', pageLoad);