var booho_seebox = new Class({
	initialize:function(cantidad,ancho,alto,posicion,contenedor,serverside,serverside2){
		
		if (contenedor == 'body' || contenedor == ''){contenedor=$(document.body);};
		
		var delay = 8000;
		var borde = 20;
		var opacidad = '0.6';
		
		var noticiasChildW = 300;
		var noticiasChildH = (alto-borde)/cantidad;		
		if (contenedor == 'body' || contenedor == ''){contenedor=$(document.body);};
		
		//-------------------------------------------------------------------------------------------------------------------------	
		
		var id= Array();
		var ruta= Array();
		var texto_0= Array();
		var texto_1= Array();
		var texto_2= Array();
		var aux_id = new Element ('div', {'id':'aux_id','value':'','display':'none'});
		var aux_fecha = new Element ('div', {'id':'aux_fecha','value':'','display':'none'});
		var aux_titulo = new Element ('div', {'id':'aux_titulo','value':'','display':'none'});
		var aux_textos = new Element ('div', {'id':'aux_textos','value':'','display':'none'});
		var aux_imagenes = new Element ('div', {'id':'aux_imagenes','value':'','display':'none'});
		
		var req = new Request({
		method: 'get',
		url: serverside+'?dato=id&cantidad='+cantidad,
		onSuccess: function(responseHTML){												
			aux_id.value=responseHTML;
			aux_id.inject($(document.body));
		}}).send();	
		
		var req = new Request({
		method: 'get',
		url: serverside+'?dato=fecha&cantidad='+cantidad,
		onSuccess: function(responseHTML){												
			aux_fecha.value=responseHTML;
			aux_fecha.inject($(document.body));
		}}).send();	
		
		var req = new Request({
			method: 'get',
			url: serverside+'?dato=titulos&cantidad='+cantidad,
			onSuccess: function(responseHTML){												
				aux_titulo.value=responseHTML;
				aux_titulo.inject($(document.body));
		}}).send();
		
		var req = new Request({
			method: 'get',
			url: serverside+'?dato=textos&cantidad='+cantidad,
			onSuccess: function(responseHTML){												
				aux_textos.value=responseHTML;
				aux_textos.inject($(document.body));
		}}).send();
		
		var req = new Request({
			method: 'get',
			url: serverside+'?dato=imagenes&cantidad='+cantidad+'ancho='+(ancho - ( noticiasChildW + borde )),
			onSuccess: function(responseHTML){												
				aux_imagenes.value=responseHTML;
				aux_imagenes.inject($(document.body));
		}}).send();
		
		//-------------------------------------------------------------------------------------------------------------------------	
		
		var armar = function(){
			if ($('aux_id') && $('aux_fecha') && $('aux_titulo') && $('aux_textos') && $('aux_imagenes')){
				if ($('aux_id').value != '' && $('aux_fecha').value != '' && $('aux_titulo').value != '' && $('aux_textos').value != '' && $('aux_imagenes').value != ''){
				
					//----------------------------------------------	
					
					id = $('aux_id').value.split("|||")
					texto_0 = $('aux_fecha').value.split("|||")
					texto_1 = $('aux_titulo').value.split("|||")
					texto_2 = $('aux_textos').value.split("|||")
					ruta = $('aux_imagenes').value.split("|||")
													
					//----------------------------------------------	
					
					var noticieroBox = new Element('div', {'id':'booho_seebox__noticieroBox'});
					noticieroBox.setStyles({
						width: ancho +'px',
						height: alto +'px'
					}); noticieroBox.inject(contenedor);
					
					var principalBox = new Element('div', {'id':'booho_seebox__principalBox', 'value':'0'});
					principalBox.setStyles({
						width: (ancho - ( noticiasChildW + borde )) +'px',
						height: (alto - borde) +'px',
						margin: (borde/2) +'px',
						float: posicion
					});	principalBox.inject(noticieroBox);
					
					for(i=0;i<cantidad;i++){
						var principal_imgBox = new Element('div', {'id':'booho_seebox__principalImg_'+i});
							principal_imgBox.setStyles({
							position:'absolute',
							width: principalBox.getStyle('width').toInt() +'px',
							height: principalBox.getStyle('height').toInt() +'px',
							zIndex: (cantidad+5)-i
						});	principal_imgBox.inject(principalBox);
							
						var principal_img = new Element('img',{
							'id':'principal_'+i+'_img','src':'includes/img.asp?Width='+principal_imgBox.getStyle('width').toInt()+'&idImg='+ruta[i], 
							'width':principal_imgBox.getStyle('width').toInt() , 
							'height':principal_imgBox.getStyle('height').toInt()
						});	principal_img.inject(principal_imgBox);					
					}
					
					var principal_bg = new Element('div', {'id':'booho_seebox__principal_texto_bg'});
					principal_bg.setStyles({
						position:'absolute',
						marginTop: (principalBox.getStyle('height').toInt()-noticiasChildH) +'px',
						width: (ancho - ( noticiasChildW + borde )) +'px',
						height: noticiasChildH +'px',
						float: posicion,
						opacity: opacidad,
						zIndex: cantidad+5,
					});	principal_bg.inject(principalBox);
					
					var principal_textos = new Element('div', {'id':'booho_seebox__principalTextos'});
					principal_textos.setStyles({
						position:'absolute',
						marginTop: (principalBox.getStyle('height').toInt()-noticiasChildH) +'px',
						width: ((ancho-50) - ( noticiasChildW + borde )) +'px',
						height: noticiasChildH +'px',
						float: posicion,
						zIndex: cantidad+6,
					});	principal_textos.inject(principalBox);
					
					var principal_texto_1 = new Element('div', {'id':'booho_seebox__principal_texto_1'});
					principal_texto_1.setStyles({		
						width: (principalBox.getStyle('width').toInt() - (principalBox.getStyle('width').toInt()/11))-110 +'px',
						height: 'auto',			
						float:'left',
						marginTop: (noticiasChildH/9)+'px',
						marginLeft: (principalBox.getStyle('width').toInt()/11)+'px',			
					});	principal_texto_1.inject(principal_textos); principal_texto_1.set('html',texto_1[0]) //---------------------------- TEXTO 1 PRINCIPAL
					
					var principal_texto_2 = new Element('div', {'id':'booho_seebox__principal_texto_2'});
					principal_texto_2.setStyles({		
						width: (principalBox.getStyle('width').toInt() - (principalBox.getStyle('width').toInt()/11))-110 +'px',
						height: 'auto',			
						float:'left',
						marginTop: '3px',
						marginLeft: (principalBox.getStyle('width').toInt()/11)+'px',			
					});	principal_texto_2.inject(principal_textos); principal_texto_2.set('html',texto_2[0]) //---------------------------- TEXTO 2 PRINCIPAL
					
					var principal_btn = new Element('div', {'id':'booho_seebox__principal_btn','value':id[0]});
					principal_btn.setStyles({
						position: 'absolute',
						width: '45px',
						height: 'auto',			
						float: 'right',
						marginTop: '30px',
						marginLeft: (principal_textos.getStyle('width').toInt()-50)+'px',
						padding: '3px',
						textAlign: 'center'
					});	principal_btn.inject(principal_textos); 
					principal_btn.set('html','<a href="javascript:void(0)" id="booho_seebox__principal_btn_txt">Ver</a>'); 
					
					principal_btn.addEvent('click',function(){window.location=serverside2+"&id="+principal_btn.value+'#contenidos'});					
					
					var listaBox = new Element('div', {'id':'booho_seebox__listaBox'});
					listaBox.setStyles({
						width: noticiasChildW - (borde/2) +'px',
						height: (alto - borde) +'px',
						marginTop: (borde/2) +'px',
						float: posicion
					});	listaBox.inject(noticieroBox);	
					
					for(i=0;i<cantidad;i++){
						var noticiasChild = new Element('div',{'id':'noticiasChild_'+i,'class':'booho_seebox__noticiasChild','value':id[i]});										
						noticiasChild.inject(listaBox);	
						noticiasChild.setStyles({
							width:	((noticiasChildW - (borde/2)) - (noticiasChild.getStyle('border').toInt()*2)) +'px',
							height: (noticiasChildH - (noticiasChild.getStyle('border').toInt()*2))+'px'
						}); 		
						
						var noticiasChild_imgBox = new Element('div',{'id':'noticiasChild_'+i+'_imgBox','class':'booho_seebox__noticiasChild_img','value':id[i]});			
						noticiasChild_imgBox.setStyles({
							width: ((((noticiasChildW- (borde/2)) - (noticiasChild.getStyle('border').toInt()*2)))- (borde/2))/3 +'px',
							height: ((noticiasChildH - (noticiasChild.getStyle('border').toInt()*2))) - (borde/2) +'px',
							margin: (borde/4) +'px',
							marginRight: (borde/2) +'px',
							float: posicion
						}); noticiasChild_imgBox.inject(noticiasChild);
						
						var noticiasChild_img = new Element('img',{
							'id':'noticiasChild_'+i+'_img','src':'includes/img.asp?Width='+noticiasChild_imgBox.getStyle('width').toInt()+'&idImg='+ruta[i], 
							'width':noticiasChild_imgBox.getStyle('width').toInt() , 
							'height':noticiasChild_imgBox.getStyle('height').toInt(),
							'value':id[i] 
						});	noticiasChild_img.inject(noticiasChild_imgBox);
						
						var noticiasChild_texto_1 = new Element('div',{'id':'noticiasChild_'+i+'_texto_1','class':'booho_seebox__noticiasChild_texto_1','value':id[i]});			
						noticiasChild_texto_1.setStyles({
							width: ((((noticiasChildW- (borde/2)) - (noticiasChild.getStyle('border').toInt()*2)))-(borde/2)) - (noticiasChild_img.getStyle('width').toInt()+borde) +'px',
							height: 'auto',
							float: posicion
						}); noticiasChild_texto_1.inject(noticiasChild);
						
						var noticiasChild_texto_2 = new Element('div',{'id':'noticiasChild_'+i+'_texto_2','class':'booho_seebox__noticiasChild_texto_2','value':id[i]});			
						noticiasChild_texto_2.setStyles({
							width: ((((noticiasChildW- (borde/2)) - (noticiasChild.getStyle('border').toInt()*2)))-(borde/2)) - (noticiasChild_img.getStyle('width').toInt()+borde) +'px',
							height: 'auto',
							marginTop: '4px',
							float: posicion
						}); noticiasChild_texto_2.inject(noticiasChild);			
						
						noticiasChild_texto_1.set('html', texto_0[i]) //---------------------------- TEXTO 1 CHILD 
						noticiasChild_texto_2.set('html', texto_1[i]) //---------------------------- TEXTO 2 CHILD
						
						noticiasChild.addEvent('click',function(e){window.location=serverside2+"&id="+e.target.value+'#contenidos'});			
					};
					
					function swichT(){					
						if (principalBox.value < cantidad - 1){
							var mySwicht = new Fx.Morph($('booho_seebox__principalImg_'+principalBox.value), {
								duration:2000,
								onComplete: function(){												
									principalBox.value = principalBox.value.toInt() + 1
									principal_btn.value = id[(principalBox.value).toInt()];
									var myText = new Fx.Morph($('booho_seebox__principal_texto_1'), {
										duration:500,onStart: function(){$('booho_seebox__principal_texto_1').set('html',texto_1[principalBox.value]);}
									});myText.start({ 'opacity': [0,1] }); //---------------------------- TEXTO 1 PRINCIPAL SWICHT
									var myText = new Fx.Morph($('booho_seebox__principal_texto_2'), {
										duration:500,onStart: function(){$('booho_seebox__principal_texto_2').set('html',texto_2[principalBox.value]);}
									});myText.start({ 'opacity': [0,1] }); //---------------------------- TEXTO 2 PRINCIPAL SWICHT
								}			
							});mySwicht.start({ 'opacity': [1,0] });		
						}else{
							var mySwicht = new Fx.Morph($('booho_seebox__principalImg_0'),{
								duration:2000,
								onComplete: function(){
									principal_btn.value = id[0];
									for(i=0;i<cantidad;i++){if($('booho_seebox__principalImg_'+i)){$('booho_seebox__principalImg_'+i).setStyle('opacity','1')}};
									var myText = new Fx.Morph($('booho_seebox__principal_texto_1'), {
										duration:500,onStart: function(){$('booho_seebox__principal_texto_1').set('html',texto_1[0]);}
									});myText.start({ 'opacity': [0,1] }); //---------------------------- TEXTO 1 PRINCIPAL SWICHT
									var myText = new Fx.Morph($('booho_seebox__principal_texto_2'), {
										duration:500,onStart: function(){$('booho_seebox__principal_texto_2').set('html',texto_2[0]);}
									});myText.start({ 'opacity': [0,1] }); //---------------------------- TEXTO 2 PRINCIPAL SWICHT
									principalBox.value = 0;
								}			
							});mySwicht.start({ 'opacity': [0,1] });
						}
					}	
					
					swichT.periodical(delay);
					window.clearInterval(intervalID)
				}
			}
		}
		
		var intervalID = window.setInterval(armar,1000);		
		
	}							
});