window.addEvent('domready',function() {
	//Cargador de noticias
	var list = $('news-feed').getFirst('ul');
	var items;
	var showDuration = 5250;
	var scrollDuration = 250;
	var index = 0;
	var pause=false;
	var funcionPeriodica;
	var begin; 
	
	/* progress bar */
	var progressBar = new dwProgressBar({
		container: $('progress-bar'),
		startPercentage: 0,
		speed:750,
		boxID: 'box',
		percentageID: 'perc',
		displayID: 'text',
		displayText: true
	});
	
	/* preloading */
	var images=new Array();
	$('images').getElements('div').each(function(el, i){
		images[i]=el.get('text');
	});

	var loader = new Asset.images(images, {
		onProgress: function(counter,y) {
			progressBar.set((counter + 1) * (100 / images.length));
		},
		onComplete: function() {
			images.each(function(im,indice) {
				var li=new Element('li');
				var a=new Element('a',{href:$('url'+(indice+1)).get('value')});
				var img=new Element('img',{ src:im, width:'715', height:'250'});
				img.inject(a);
				a.inject(li);
				li.inject(list);
			});
			//Creamos la tabla de li
			items = list.getElements('li');
			//Quitamos la precarga y mostramos la lista
			$('progress-bar').dispose();
			//Mostramos los botones
			$('pause').setStyle('visibility','visible');
			$('controles').setStyle('visibility','visible');
			//Mostramos el primer elemento
			items[index].setStyle('display','inline');
			items[index].getFirst('a').getFirst('img').tween('opacity',1); 
			
			//Repetimos el proceso
			begin = function() {
				funcionPeriodica = (function() {
					//Efecto de desaparecer
					var desaparecer = new Fx.Morph(items[index].getFirst('a').getFirst('img'),{
						transition: Fx.Transitions.Sine.easeOut,
						duration: scrollDuration,
						onComplete: function() {
							//Pasamos al siguiente
							items[index].setStyle('display','none');
							if(index==items.length-1){
								index=0;
								//Cambio de boton activo
								$$('.fichaSel')[0].removeClass('fichaSel');
								$('controles').getFirst().addClass('fichaSel');
							}
							else{
								index=index+1;
								//Cambio de boton activopolitica
								$$('.fichaSel')[0].getNext().addClass('fichaSel');
								$$('.fichaSel')[0].removeClass('fichaSel');
							}
							
							//Efecto de reaparecer
							items[index].setStyle('display','inline');
							items[index].getFirst('a').getFirst('img').tween('opacity',1); 
						}
					});
					desaparecer.start({'opacity':0});
				}).periodical(showDuration);
			}
			
			//Comenzamso el ciclo
			begin();
		}
	});
	
	//Controlamos los click en los botones
	$$('.ficha').each(function(el, j) {
		el.addEvent('click', function(e){
			e.stop();
			//Cambiamos el boton seleccionado y el indice
			$$('.fichaSel')[0].removeClass('fichaSel');
			el.addClass('fichaSel');
			//Paramos el ciclo y cargamos la ficha adecuada
			var ruta=$('btnFichas').get('src');
			$('btnFichas').set('src',ruta.substring(0,ruta.lastIndexOf('/'))+'/play.png');
			$clear(funcionPeriodica);
			pause=!pause;
			//Efecto de desaparecer
			var desaparecer = new Fx.Morph(items[index].getFirst('a').getFirst('img'),{
				transition: Fx.Transitions.Sine.easeOut,
				duration: scrollDuration,
				onComplete: function() {
					//Pasamos al siguiente
					items[index].setStyle('display','none');
					//Cambiamos el indice
					index=j-1;
					if(index==items.length-1){
						index=0;
					}
					else{
						index=index+1;
					}
					
					//Efecto de reaparecer
					items[index].setStyle('display','inline');
					items[index].getFirst('a').getFirst('img').tween('opacity',1);
				}
			});
			desaparecer.start( { 'opacity': ['1', '0'] } );
		});
	});
	
	//Boton de play y pause
	$('btnFichas').addEvent('click', function(e){
		var ruta=$('btnFichas').get('src');
		//Comprobamos si esta pausado o no
		if(!pause){
			$('btnFichas').set('src',ruta.substring(0,ruta.lastIndexOf('/'))+'/play.png');
			$clear(funcionPeriodica);
		}
		else{
			$('btnFichas').set('src',ruta.substring(0,ruta.lastIndexOf('/'))+'/pause.png');
			begin();
		}
		//Cambiamos el modo
		pause=!pause;
	});
	
	//Menu inferior de familias
	var menuFamilias = new MenuMatic({'duration': '200', 'hideDelay': '500'});
	
	//Novedades
	$$('.verProducto').each(function(item){
		item.addEvent('click', function(e) {
			//Detenemos el evento
			e.stop();
			
			//Sacamos los datos del producto
			var id=item.getParent().getFirst('.novedadID').get('value');
			
			//Mostramos la ficha del producto
			SqueezeBox.open(RAIZ+'index.php?ajax=1&modulo=producto&id='+id);
		});
	});
	
	$$('.verPolitica').addEvent('click', function(e) {
		//Detenemos el evento
		e.stop();
		
		//Mostramos la ficha del producto
		SqueezeBox.open(RAIZ+'index.php?ajax=1&modulo=politica');
	});
		
	$$('.verAdvertencia').addEvent('click', function(e) {
		//Detenemos el evento
		e.stop();
		
		//Mostramos la ficha del producto
		SqueezeBox.open(RAIZ+'index.php?ajax=1&modulo=advertencia');
	});
		
	
	//Demostrador de lentes	
	/*var box = new CeraBox();
	box.addItems('a.demostrador', {
		width: 800,
		height: 500
	});*/
	
	$$('.demostrador').addEvent('click', function(e) {
		//Detenemos el evento
		e.stop();
		
		//Mostramos la ficha del producto
		SqueezeBox.open(RAIZ+'index.php?ajax=1&modulo=demostrador');
	});
	
	$$('.selectorAuditivo').addEvent('click', function(e) {
		//Detenemos el evento
		e.stop();
		
		//Mostramos la ficha del producto
		SqueezeBox.open(RAIZ+'index.php?ajax=1&modulo=selectorAuditivo');
	});
	
	
	
	/*SqueezeBox.parsers.swf = function(preset) {
		return (preset || this.url.test(/\.swf/)) ? this.url : false;
	};
		 
	SqueezeBox.handlers.swf = function(url) {
		var size = this.options.size;
		return new Swiff(url, {
			id: 'sbox-swf',
			width: size.x,
			height: size.y,
			params: {
				wmode: 'transparent'
	    	}
		});
	};
		
	//Mostramos la ficha del producto
	SqueezeBox.assign($$('a.demostrador'), {
		parse: 'rel'
	});*/
});