/*
 * Composicion de busqueda avanzada
 */
function objetoComposicionBusqueda(composicion,indice,tabEfectos){  
	
	this.composicion = composicion;
	this.indice = indice;
	this.idDiv = "composicion" + this.indice;			
	this.visNovedad = 'width: 0px; overflow:hidden;';
	this.contenidoPrincipal = null;
	this.elBotonComprarObra = null;
	this.logado = logado;
	this.tabEfectos = tabEfectos;
	
	this.idComposicion = this.composicion.get('idComposicion');
	this.codigoComposicion = this.composicion.get('codigoComposicion');
	this.idImagen = 'img'+ this.codigoComposicion;
	this.duracionFicheroFormato = this.composicion.get('duracionFichero1Formato');
	this.novedad = this.composicion.get('novedad');
	this.destacado = this.composicion.get('destacado');
	this.titulo = this.composicion.get('titulo');
	this.notas = this.composicion.get('nota');
	this.numeroEfectos = this.composicion.get('numeroEfectos');
	this.compositores = this.composicion.get('compositoresPseudonimo');
	this.compositorPrincipal = this.composicion.get('nombreCompositorPrincipal');
	this.licenciaEfecto = this.composicion.get('licenciaEfecto');
	this.fecha = this.composicion.get('fechaRegistroLocale');
	this.textoOferta = this.composicion.get('textoOferta');
	
	this.seleccion = this.composicion.get('seleccion');
	this.carrito = this.composicion.get('carrito');
	this.duracionCarrito = this.composicion.get('duracionCarrito');
	this.licenciaCarrito = this.composicion.get('licenciaCarrito');

	if (this.numeroEfectos == 1)
		this.numeroEfectos += " " + localize('efecto')
	else this.numeroEfectos += " " + localize('efectos')
	
	if (this.licenciaEfecto == 5)
		this.icono = "../img/premium.gif";
	else 
		this.icono = "../img/basic.gif";
	if (this.novedad==true){
		this.visNovedad = 'width: 35px; margin-right: 20px;';
	}
	if (this.textoOferta==null) {
		this.visLowcost = 'visibility:hidden';
	}else{
		this.visLowcost = '';
	}	

 	this.htmlComposicion = '' +		 				
		'<div id="{idDiv}" class="efecto">'+
			'<div class="efectoc0">'+
				'<div class="composicionf0">'+
					'<div class="ec0"><img src ="{icono}" width="12" height="12"/></div>' +
					'<div class="ec1"><b>{titulo}</b></div>' +
					'<div class="ec2">{numeroEfectos}</div>' +
					'<div class="ec4comprarObra"><a href="javascript:void(0)" '+ (this.carrito?'style="color: #E4103E"':'') + '><span style="position:relative;top:1px;"><img src="../img/carrito' + (this.carrito?'S':'') + '.jpg" width="16" height="13"/></span>'+localize('comprar')+'</a></div>' +
				'</div>'+   
				'<div class="composicionf1">'+
					'<div class="ec0">&nbsp;</div>'+
					'<div class="ec1"><b>{codigoComposicion}</b></div>'+
					'<div class="ec2">{notas}</div>' +
					'<div class="ec4selecciones"><a href="javascript:void(0)" '+ (this.seleccion?'style="color: #E4103E"':'') + '><span style="position:relative;top:1px;"><img src="../img/seleccion' + (this.seleccion?'S':'') + '.jpg" width="11" height="11"/></span> '+localize('misSelecciones')+'</a></div>'+
				'</div>'+
				'<div class="composicionf2">'+
					'<div class="ec0">&nbsp;</div>'+
					'<div class="ec1" style="width:150px;color:#dd1144;"><div style="float:left;widht:35px;{visNovedad}"><img src="../img/novedad.png" width="35" height="14"/></div><div class="lowcost" style="{visLowcost}"><img src="../img/lowcost.png" width="60" height="14"/></div></div>'+
					'<div class="ec2" style="width:65px;text-align:right;margin-right:5px;"></div>' +
					'<div class="ec4selecciones" style="width:165px;"></div>'+
				'</div>'+
			'</div>'+
			'<div class="efectoc1"><a href=\'javascript:cargarObra("{compositorPrincipal}","{codigoComposicion}",1)\'>'+
			'<img src="../img/player_play_portal.png" id="{idImagen}" width="40" height="40"></a></div>'+
		'</div>';
					
	this.tplComposicion = new Ext.Template(this.htmlComposicion);		
	this.tplComposicion.compile();	

	this.booleanExpandido = false;
				
 	this.pintar = function(){					 		
 		this.elComposicion = Ext.get('composicionBusqueda').createChild();
 
 		// si ya existe ese div
		this.contenidoPrincipal = this.tplComposicion.append(this.elComposicion , {
			idDiv: this.idDiv,					    
		    codigoComposicion: this.codigoComposicion,
			compositor: this.compositor,
			idImagen: this.idImagen,
			numeroEfectos: this.numeroEfectos,
			compositorPrincipal: this.compositorPrincipal,
			indice: this.indice,
			duracionFicheroFormato: this.duracionFicheroFormato,
			novedad: this.novedad,
			destacado: this.destacado,
			titulo: this.titulo,
			notas: this.notas,
			compositores: this.compositores,
			compositorPrincipal: this.compositorPrincipal,
			icono: this.icono,
			visNovedad:this.visNovedad,
			visLowcost:this.visLowcost
		});
		
		this.elContenidoPrincipal = Ext.get(this.contenidoPrincipal);
		this.elComposicion.addClass('composicionpadre');
		var padre = this;
		
		// obra a carrito
		this.botonComprarObra = this.elContenidoPrincipal.select('div.ec4comprarObra').elements[0];
		this.elBotonComprarObra = Ext.get(this.botonComprarObra);		
		this.elBotonComprarObra.on('click',function(){
			padre.addCarrito(this);
		});
		
		// obra a mis selecciones
		this.botonSelecciones = this.elContenidoPrincipal.select('div.ec4selecciones').elements[0];
		this.elBotonSelecciones = Ext.get(this.botonSelecciones);		
		this.elBotonSelecciones.on('click',function(){
			padre.misSelecciones();
			if (logado) {
				this.dom.getElementsByTagName("img")[0].src = '../img/seleccionS.jpg';
				this.dom.firstChild.style.color = "#E4103E";
			}	
		});
	}
							    	
	this.addCarrito = function(capaCarrito){
		this.tabEfectos.addCarrito(this.idComposicion,this.licenciaEfecto,capaCarrito);	
	}
	
	this.misSelecciones = function(){
		if(this.logado==true){
			this.tabEfectos.addMisSelecciones(this.idComposicion,"titulo");
		}else{
			Ext.MessageBox.alert(localize("addlibrary"), localize("soloRegist"));
		}		
	}
	
}