

document.observe('dom:loaded', function() {
	if (typeof Vx === 'undefined') {
		
		$(document.body).addClassName('vx');
		
		$$('.content_selector').each(function(selector) {
		
			var nav_elements = selector.up().select('div.large_list'),
					   text_elements = selector.up().select('div.large_list'),
					   current_element = 0,
					   is_interacted = false,
					   timer = selector.readAttribute('data-timer');
			
			nav_elements.each(function(el, i) {
				el.observe('carousel:opened', function(event) {
					event.stop();
					current_element = i;
					nav_elements.invoke('removeClassName', 'selected');
					el.addClassName('selected');
					text_elements.invoke('hide');
					if (text_elements[i]) {
						text_elements[i].show();
					}
				});

				el.observe('click', function(event) {
					// event.stop();
					// is_interacted = true;
					// el.fire('carousel:opened');
				});
			});

			text_elements.each(function(t) {
				t.observe('mouseover', function() {
					is_interacted = true;
				});
			});

			nav_elements[current_element].fire('carousel:opened');

			new PeriodicalExecuter(function(pe) {
				if (is_interacted) {
					pe.stop();
					return;
				}

				current_element++;
				if (!(nav_elements[current_element])) current_element = 0;

				nav_elements[current_element].fire('carousel:opened');
			}, timer || 3);
		});
	}
});
