var smoothNoticiero = new Class({
	initialize: function(cantidad){
				
		$('big_txt_bg').setStyle('opacity','.8');
		var indice = new Element ('input', {id:'indice', value:'0', type:'hidden'}); indice.inject($(document.body),'top');
		var cantidadN = new Element ('input', {id:'cantidad', value:cantidad, type:'hidden'}); cantidadN.inject($(document.body),'top');
		
		var id = Array();
		var ruta = Array();		
		var fecha = Array();
		var titulo = Array();
		var texto = Array();
		var small_thumb = Array();
		var big_img = Array();
		
		id[1]="1";
		id[2]="2";
		id[3]="3";
		id[4]="4";
		id[5]="5";
		
		ruta[1]="img/imgPrueba1.png";
		ruta[2]="img/imgPrueba2.png";
		ruta[3]="img/imgPrueba3.png";
		ruta[4]="img/imgPrueba4.png";
		ruta[5]="img/imgPrueba5.png";		
				
		fecha[1]="01.01.10";
		fecha[2]="02.02.10";
		fecha[3]="03.03.10";
		fecha[4]="04.04.10";
		fecha[5]="05.05.10";		
		
		titulo[1]="Titulo Noticia 1";
		titulo[2]="Titulo Noticia 2";
		titulo[3]="Titulo Noticia 3";
		titulo[4]="Titulo Noticia 4";
		titulo[5]="Titulo Noticia 5";
		
		texto[1]="Texto 1 de preuba de la noticia de prueba Texto de preuba de la noticia de prueba Texto de preuba de la noticia de prueba ...";
		texto[2]="Texto 2 de preuba de la noticia de prueba Texto de preuba de la noticia de prueba Texto de preuba de la noticia de prueba ...";
		texto[3]="Texto 3 de preuba de la noticia de prueba Texto de preuba de la noticia de prueba Texto de preuba de la noticia de prueba ...";
		texto[4]="Texto 4 de preuba de la noticia de prueba Texto de preuba de la noticia de prueba Texto de preuba de la noticia de prueba ...";
		texto[5]="Texto 5 de preuba de la noticia de prueba Texto de preuba de la noticia de prueba Texto de preuba de la noticia de prueba ...";		
		
		
		$('small_1').addEvent('click', function(){alert(id[1]);});
		$('small_2').addEvent('click', function(){alert(id[2]);});
		$('small_3').addEvent('click', function(){alert(id[3]);});
		$('small_4').addEvent('click', function(){alert(id[4]);});
		$('small_5').addEvent('click', function(){alert(id[5]);});
		
		
		$('TituloBig').set('html',titulo[1]);
		$('TextoBig').set('html',texto[1]);		
		
		//--------------------------------------------------------------------- Smalls
		for(t=1;t <= cantidad ; t++){			
			big_img[t] = new Element ('img',{id:'img_'+t ,src:ruta[t]});			
			if (big_img[t].width != $('big').getStyle('width').toInt()){ big_img[t].width = $('big').getStyle('width').toInt()};
			if (big_img[t].height != $('big').getStyle('height').toInt()){ big_img[t].height = $('big').getStyle('height').toInt()};		
			big_img[t].inject($('big_img_'+t));		
			$('small_'+t+'_fecha').set('html',fecha[t])
			$('small_'+t+'_titulo').set('html',titulo[t])
			small_thumb[t] = new Element ('img',{id:'img_s_'+t ,src:ruta[t]});			
			if (small_thumb[t].width != 100){ small_thumb[t].width = 100};
			if (small_thumb[t].height != 70){ small_thumb[t].height = 70};		
			small_thumb[t].inject($('small_'+t+'_thumb'));		
		}											
		
		$('btnOpen').addEvent('click', function(){				
			if(id[$('indice').value.toInt()+1]){
				alert(id[$('indice').value.toInt()+1]);						 
			};
		});
		
		function swich(){
			$('indice').value = $('indice').value.toInt() + 1;			
			var img = 'big_img_'+$('indice').value;		
			if ($('indice').value.toInt() < $('cantidad').value.toInt()){				
				var myMorph = new Fx.Morph($(img), {
					duration:2000,
					onComplete: function(){												
						var myMorph = new Fx.Morph($('TituloBig'), {duration:500,onStart: function(){$('TituloBig').set('html',titulo[$('indice').value.toInt()+1]);}});myMorph.start({ 'opacity': [0,1] });	
						var myMorph = new Fx.Morph($('TextoBig'), {duration:500,onStart: function(){$('TextoBig').set('html',texto[$('indice').value.toInt()+1]);}});myMorph.start({ 'opacity': [0,1] });	
					}			
				});myMorph.start({ 'opacity': [1,0] });				
			}else{						
				var myMorph = new Fx.Morph($('big_img_1'), {
					duration:2000,
					onComplete: function(){
						var myMorph = new Fx.Morph($('TituloBig'), {duration:500,onStart: function(){$('TituloBig').set('html',titulo[1]);}});myMorph.start({ 'opacity': [0,1] });	
						var myMorph = new Fx.Morph($('TextoBig'), {duration:500,onStart: function(){$('TextoBig').set('html',texto[1]);}});myMorph.start({ 'opacity': [0,1] });
						for(i=1;i<=$('cantidad').value.toInt();i++){$('big_img_'+i).setStyle('opacity','1');};
						$('indice').value = 0;
					}			
				});myMorph.start({ 'opacity': [0,1] });			
			}
		}
		
		swich.periodical(5000);
		
	}
});