/**
 * Image src URLs
 **/
var imageList = [
				 ['http://www.blogcinefilos.com/carousel/c1.jpg', 'http://www.blogcinefilos.com/', 'Blog de Cine'],
				 ['http://www.blogcinefilos.com/carousel/c2.jpg', 'http://www.musicosfamosos.com/', 'Blog de Musica'],
				 ['http://www.blogcinefilos.com/carousel/c3.jpg', 'http://www.libertadsexual.es/', 'Blog Gay'],
				 ['http://www.blogcinefilos.com/carousel/c4.jpg', 'http://www.curiosidad.org/', 'Blog de Curiosidades'],
				 ['http://www.blogcinefilos.com/carousel/c5.jpg', 'http://www.deportismo.net/', 'Blog de Deportes'],
				 ['http://www.blogcinefilos.com/carousel/c6.jpg', 'http://www.humoristas.org/', 'Blog de Humor'],
				 ['http://www.blogcinefilos.com/carousel/c7.jpg', 'http://www.recetasdelacocina.org/', 'Blog de Cocina'],
				 ['http://www.blogcinefilos.com/carousel/c8.jpg', 'http://www.seriestelevision.org/', 'Blog de Series TV'],
				 ['http://www.blogcinefilos.com/carousel/c9.jpg', 'http://www.efemeride.net/', 'Blog de Efemerides'],
				 ['http://www.blogcinefilos.com/carousel/c10.jpg', 'http://www.fantasmasyovnis.net/', 'Blog de Misterios'],
				 ['http://www.blogcinefilos.com/carousel/c11.jpg', 'http://www.consolasyjuegos.org/', 'Blog de Videojuegos'],
				 ['http://www.blogcinefilos.com/carousel/c12.jpg', 'http://www.bellezamujer.org/', 'Blog de Belleza'],
				 ['http://www.blogcinefilos.com/carousel/c13.jpg', 'http://www.historiayarte.org/', 'Blog de Arte'],
				 ['http://www.blogcinefilos.com/carousel/c14.jpg', 'http://www.prensadelcorazon.net/', 'Blog de Prensa Rosa'],
				 ['http://www.blogcinefilos.com/carousel/c15.jpg', 'http://www.cuidarbebes.net/', 'Blog de Bebes'],
				 ['http://www.blogcinefilos.com/carousel/c16.jpg', 'http://www.asiaticos.org/', 'Blog de Asiaticos'],
				 ['http://www.blogcinefilos.com/carousel/c17.jpg', 'http://www.latecnologia.net/', 'Blog de Tecnologia'],
				 ['http://www.blogcinefilos.com/carousel/c18.jpg', 'http://www.blogdecomics.com/', 'Blog de Comics'],
				 ['http://www.blogcinefilos.com/carousel/c19.jpg', 'http://www.decoracionymuebles.net/', 'Blog de Decoracion'],
				 ['http://www.blogcinefilos.com/carousel/c20.jpg', 'http://www.mitosurbanos.net/', 'Blog de Mitos Urbanos'],
				 ['http://www.blogcinefilos.com/carousel/c21.jpg', 'http://www.losanimales.net/', 'Blog de Animales'],
				 ['http://www.blogcinefilos.com/carousel/c22.jpg', 'http://www.programas-pc.com/', 'Blog de Software'],
				 ['http://www.blogcinefilos.com/carousel/c23.jpg', 'http://www.psicologiayterapia.net/', 'Blog de Psicologia'],
				 ['http://www.blogcinefilos.com/carousel/c24.jpg', 'http://www.vidalujosa.net/', 'Blog de Lujos'],
				 ['http://www.blogcinefilos.com/carousel/c25.jpg', 'http://www.laecologia.net/', 'Blog de Ecologia'],
				 ['http://www.blogcinefilos.com/carousel/c26.jpg', 'http://www.polemicas.net/', 'Blog de Polemicas'],
			 ['http://www.blogcinefilos.com/carousel/c27.jpg', 'http://www.ciudadeseuropa.net/', 'Blog de Europa'],
			 ['http://www.blogcinefilos.com/carousel/c28.jpg', 'http://www.irdeviaje.net/', 'Blog de Viajes'],
			 ['http://www.blogcinefilos.com/carousel/c29.jpg', 'http://www.medicinaysalud.org/', 'Blog de Salud'],
			['http://www.blogcinefilos.com/carousel/c30.jpg', 'http://www.ropaycomplementos.org/', 'Blog de Estilismo'],
			 ['http://www.blogcinefilos.com/carousel/c32.jpg', 'http://www.librosliteratura.com/', 'Blog de Literatura'],
			['http://www.blogcinefilos.com/carousel/c33.jpg', 'http://www.programasdetv.net/', 'Blog de Programas TV'],
			['http://www.blogcinefilos.com/carousel/c31.jpg', 'http://www.blogdelinux.com/', 'Blog de Linux'],
			 ['http://www.blogcinefilos.com/carousel/c34.jpg', 'http://www.lasmotos.org/', 'Blog de Motos'],
		['http://www.blogcinefilos.com/carousel/c35.jpg', 'http://www.musicaderock.net/', 'Blog de Rock&Roll'],
		['http://www.blogcinefilos.com/carousel/c36.jpg', 'http://www.lasexologia.org/', 'Blog de Sexologia (+18)'],
		['http://www.blogcinefilos.com/carousel/c37.jpg', 'http://www.poderpolitico.net/', 'Blog de Politica'],
		['http://www.blogcinefilos.com/carousel/c38.jpg', 'http://www.diarioadolescente.com/', 'Blog de Adolescentes'],
		['http://www.blogcinefilos.com/carousel/c39.jpg', 'http://www.ciencia-ficcion.net/', 'Blog de Ciencia Ficcion'],
		['http://www.blogcinefilos.com/carousel/c40.jpg', 'http://www.defotografia.net/', 'Blog de Fotografia'],
		['http://www.blogcinefilos.com/carousel/c41.jpg', 'http://www.lasreligiones.net/', 'Blog de Religiones'],
		['http://www.blogcinefilos.com/carousel/c42.jpg', 'http://www.elcrimen.net/', 'Blog de Crimen (+18)'],
		['http://www.blogcinefilos.com/carousel/c43.jpg', 'http://www.jugarya.net/', 'Blog de Juegos Online'],
				['http://www.blogcinefilos.com/carousel/c44.jpg', 'http://www.elcoche.net/', 'Blog de Coches'],
				['http://www.blogcinefilos.com/carousel/c45.jpg', 'http://www.creatividades.net/', 'Blog de Arte Digital'],
				['http://www.blogcinefilos.com/carousel/c46.jpg', 'http://www.laeconomia.org/', 'Blog de Economia'],
	['http://www.blogcinefilos.com/carousel/c47.jpg', 'http://www.lospoemas.net/', 'Blog de Poemas'],
		['http://www.blogcinefilos.com/carousel/c48.jpg', 'http://www.videosrisa.net/', 'Blog de Videos de Humor'],
				['http://www.blogcinefilos.com/carousel/c49.jpg', 'http://www.loschistes.org/', 'Blog de Chistes'],
				['http://www.blogcinefilos.com/carousel/c50.jpg', 'http://www.lasbiografias.net/', 'Blog de Biografias'],
				['http://www.blogcinefilos.com/carousel/c51.jpg', 'http://www.blogdelwebmaster.net/', 'Blog del Webmaster'],
];
/**
 * Since carousel.addItem uses an HTML string to create the interface
 * for each carousel item, this method formats the HTML for an LI.
 **/
var fmtItem = function(imgUrl, url, title) {

  	var innerHTML = 
  		'<a href="' + url + '" onMouseover="ddrivetip(\'' + title + '\');" onMouseout="hideddrivetip();" target="_blank" rel="nofollow"><img src="' + imgUrl +'" width="16" height="16"/><\/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);	
};

/**
 * 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++) {
		carousel.addItem(i, fmtItem(imageList[i-1][0], imageList[i-1][1], imageList[i-1][2]));
	}
};



/**
 * 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 = "http://www.blogcinefilos.com/carousel/izquierdaon_02.jpg";		
	} else {
		leftImage.src = "http://www.blogcinefilos.com/carousel/izquierdaoff_02.jpg";	
	}
	
}

/**
 * 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 = "http://www.blogcinefilos.com/carousel/derechaon_02.jpg";	
	} else {
		rightImage.src = "http://www.blogcinefilos.com/carousel/derechaoff_02.jpg";
	}
	
};

/**
 * 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 carousel; // for ease of debugging; globals generally not a good idea
var pageLoad = function() 
{
	carousel = new YAHOO.extension.Carousel("dhtml-carousel", 
		{
			numVisible:        25,
			animationSpeed:    0.8,
			animationMethod:   YAHOO.util.Easing.easeBoth,
			scrollInc:         25,
			navMargin:         0,
			size:              imageList.length,
			loadInitHandler:   loadInitialItems,
			prevElement:       "prev-arrow",
			nextElement:       "next-arrow",
			loadNextHandler:   loadNextItems,
			loadPrevHandler:   loadPrevItems,
			prevButtonStateHandler:   handlePrevButtonState,
			nextButtonStateHandler:   handleNextButtonState,
			wrap: true
		}
	);
};

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