/*
 * Componente Más Vendidos
 */
function componenteMasVendidos(tipoBusqueda,tabPadre){
	var arrayCamino = new Array(2);
			 
	var arrayPaso1 = new Array(2);
	arrayPaso1[0] = localize("musica");
	arrayPaso1[1] = "../portal/musica-royalty-free-libre-de-derechos.adl";
	arrayPaso1[2] = false;
	arrayCamino[0] = arrayPaso1;
	
	Ext.get('cabeceravendidos').update();
	var htmlCabecera1	 = 	''+														
		'<div class="masVendidosa1" id="pestanavendidos"><span id="tituloMasVendidos" style="padding-left:5px;padding-top:5px;color:#393939;float:left;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;">&nbsp;</span></div>'+
		'<div id="pestananovedades" class="masVendidosb1"><a href="javascript:void(0)"><img src="../img/vendidos1b.jpg" width="18" height="21" style="border:0 none;"/></a></div>'+
		'<div id="pestanasugerencias" class="masVendidosc1"><a href="javascript:void(0)"><img src="../img/vendidos1c.jpg" width="17" height="21" style="border:0 none;"/></a></div>'+
		'<div class="masVendidosd1"><img src="../img/vendidos1d.jpg" width="8" height="21" style="border:0 none;"/></div>'+
		'<div class="masVendidose1"><img src="../img/vendidos1e.jpg" width="5" height="21" style="border:0 none;"/></div>';								
	var tplCabecera1 = new Ext.Template(htmlCabecera1);
	tplCabecera1.compile();

	var htmlCabecera2	 = 	''+														
		'<div class="masVendidosa2" id="pestanavendidos"><a href="javascript:void(0)"><img src="../img/vendidos2a.jpg" width="18" height="21" style="border:0 none;"/></a></div>'+
		'<div id="pestananovedades" class="masVendidosb2"><span id="tituloMasVendidos" style="padding-left:5px;padding-top:5px;color:#393939;float:left;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;">&nbsp;</span></div>'+
		'<div id="pestanasugerencias" class="masVendidosc2"><a href="javascript:void(0)"><img src="../img/vendidos2c.jpg" width="17" height="21" style="border:0 none;"/></a></div>'+
		'<div class="masVendidosd2"><img src="../img/vendidos1d.jpg" width="8" height="21" style="border:0 none;"/></div>'+
		'<div class="masVendidose2"><img src="../img/vendidos1e.jpg" width="5" height="21" style="border:0 none;"/></div>';										
	var tplCabecera2 = new Ext.Template(htmlCabecera2);
	tplCabecera2.compile();

	var htmlCabecera3	 = 	''+														
		'<div class="masVendidosa3" id="pestanavendidos"><a href="javascript:void(0)"><img src="../img/vendidos2a.jpg" width="18" height="21" style="border:0 none;"/></a></div>'+
		'<div id="pestananovedades" class="masVendidosb3"><a href="javascript:void(0)"><img src="../img/vendidos3b.jpg" width="18" height="21" style="border:0 none;"/></a></div>'+
		'<div id="pestanasugerencias" class="masVendidosc3"><span id="tituloMasVendidos" style="word-spacing: -2.5px;padding-left:2px;padding-top:5px;color:#393939;float:left;font-size:11px;font-weight:bold;">&nbsp;</span></div>';										
	
	var tplCabecera3 = new Ext.Template(htmlCabecera3);
	tplCabecera3.compile();
			
	busquedaVendidos = constantsAdl("TIPO_MAS_VENDIDOS");												
	busquedaNovedades = constantsAdl("TIPO_NOVEDAD");
	busquedaSugerencias = constantsAdl("TIPO_SUGERENCIAS");
	
	// Marcamos la busqueda de cada pestaña en función de la actual
	if(tipoBusqueda==constantsAdl("TIPO_MAS_VENDIDOS")){
		tplCabecera1.append('cabeceravendidos', {});	
		Ext.get("tituloMasVendidos").dom.firstChild.nodeValue = localize("masVendidos");
	}
	if(tipoBusqueda==constantsAdl("TIPO_NOVEDAD")){
		tplCabecera2.append('cabeceravendidos', {});	
		Ext.get("tituloMasVendidos").dom.firstChild.nodeValue = localize("novedades");
	}
	if(tipoBusqueda==constantsAdl("TIPO_SUGERENCIAS")){
		tplCabecera3.append('cabeceravendidos', {});	
		Ext.get("tituloMasVendidos").dom.firstChild.nodeValue = localize("sugerencias");
	}	

	Ext.get('pestanavendidos').addListener('click',function(){
		componenteMasVendidos(busquedaVendidos,tabPadre);
		dsVendidos.removeAll();
	});
	
	Ext.get('pestananovedades').addListener('click',function(){
		componenteMasVendidos(busquedaNovedades,tabPadre);
		dsVendidos.removeAll();
	});	

	Ext.get('pestanasugerencias').addListener('click',function(){
		componenteMasVendidos(busquedaSugerencias,tabPadre);
		dsVendidos.removeAll();
	});	
		
	var el = Ext.get('masVendidos');
	var dsVendidos = loadMasVendidos(tipoBusqueda);
	
	dsVendidos.load();
	
	dsVendidos.on("load",function(){
		if(Ext.get('masVendidos2')!=null){
			Ext.get('masVendidos2').remove();
		}
		var htmlComposiciones	 = 	'<div  id="masVendidos2">'+									
									'</div>';					
		var tplComposiciones = new Ext.Template(htmlComposiciones);
		tplComposiciones.compile();
		tplComposiciones.append('masVendidos', {});
		
		// comprobamos que sigue cargada la pagina	
			
			var htmlVentaSinGenero = '' +		 
				'<div id={idComposicion} class="masVendido">'+
					'<a href="javascript:void(0)"><div class="puntito" style="background-color: {color};"><img src ="../img/puntop.png" width="8" height="8"/></div>'+
					'<span style="text-align: right;padding-right:3px;">{numero}</span><b>{subgenero}<span style="color: {color};"></span></b></a>'+
				'</div>';
			var tplVentaSinGenero = new Ext.Template(htmlVentaSinGenero);
			tplVentaSinGenero.compile();
					
			// recorremos los datos
			for (var i = 0; i < dsVendidos.getCount(); i++) {
				var composicion = dsVendidos.getAt(i);
				var titulo = composicion.get('titulo');
				var textoGenero = composicion.get('generoBase');
				var textoGeneroPadre = composicion.get('generoPadre');
				var color = composicion.get('color');
				var idDiv = 'div' +i;
				var codigoComposicion = composicion.get('codigoComposicion');
				var numero = i +1;
				if(numero<10){
					numero = '0'+numero;
				}
				tplVentaSinGenero.append('masVendidos2', {
					idComposicion:idDiv,
					subgenero:textoGenero,
					color:color,
					numero:numero
			   	});
				
				if(Ext.get(idDiv)!=null){
					var elDiv = Ext.get(idDiv);
					elDiv.idActual = i;
					
					elDiv.on('click',function(){
						
						var textoCamino = "";
						if(tipoBusqueda==constantsAdl("TIPO_NOVEDAD")){
							textoCamino = localize("novedades");
						}
						else if(tipoBusqueda==constantsAdl("TIPO_SUGERENCIAS")){
							textoCamino = localize("sugerencias");
						}
						else if(tipoBusqueda==constantsAdl("TIPO_MAS_VENDIDOS")){
							textoCamino = localize("masVendidos");
						}
						nodosEnlaces(localize("musica"),"../portal/musica-royalty-free-libre-de-derechos.adl",textoCamino,"javascript:void(0);");
						componenteBusqueda('composicionBusqueda',tipoBusqueda,0,tabPadre,this.idActual);
					});
				}			    
			}		
			
	});
}