jQuery(function($) {
				function generatePages() {
					var _total, i, _link;
					
					_total = $( "#carousel" ).rcarousel( "getTotalPages" );
					
					for ( i = 0; i < _total; i++ ) {
						_link = $( "<a href='#'></a>" );
						
						$(_link)
							.bind("click", {page: i},
								function( event ) {
									$( "#carousel" ).rcarousel( "goToPage", event.data.page );
									event.preventDefault();
								}
							)
							.addClass( "marcapagina off" )
							.appendTo( "#paginacion" );
					}
					
					// mark first page as active
					$( "a:eq(0)", "#paginacion" )
						.removeClass( "off" )
						.addClass( "on" )
						.css( "background-image", "url(rotor/marcacirculo-on.png)" );

				}

				function pageLoaded( event, data ) {
					$( "a.on", "#paginacion" )
						.removeClass( "on" )
						.css( "background-image", "url(rotor/marcacirculo.png)" );

					$( "a", "#paginacion" )
						.eq( data.page )
						.addClass( "on" )
						.css( "background-image", "url(rotor/marcacirculo-on.png)" );
				}
				
				$("#carousel").rcarousel(
					{
						visible: 1,
						step: 1,
						speed: 2200,
						auto: {
							enabled: true
						},
						width: 300,
						height: 250,
						start: generatePages,
						pageLoaded: pageLoaded
					}
				);
				
			});