/**
 * Funções de exibição nas páginas de gênros
 */


function getGenresResults(idGenre){

	$("#r_regs").html("0");
	$("#r_total").html("");
	
	var fileHit = URL_JS + "xml/hit_" + idGenre + ".xml";
	var fileAlp = URL_JS + "xml/alp_" + idGenre + ".xml";
	
	var indexHit = 0;
	var indexAlp = 0;
	
	/**
	 * Ordenação por mais tocados
	 */
	
	$.ajax({
		beforeSend: function(){ arrGenresDataHit = new Array(); },
		type: "GET",
		url: fileHit,
		dataType: "xml",
		success: function(xml) {
			$(xml).find('estacion').each(function(){
				hashData = new Array();
				hashData['top'] = $(this).attr('top');
				hashData['titulo'] = $(this).find('titulo').text();
				hashData['descricao'] = $(this).find('descricao_estacion').text();
				hashData['url'] = $(this).find('url').text();
				
				hashData['generos'] = '';
				$(this).find('genero_station').each(function(){
					if($(this).attr('id') != ''){
						linkG = "showGenre(" + $(this).attr('id') + ")";
						hashData['generos'] += '<a onclick="'+ linkG +'">' + $(this).text() + '</a>, ';
					}
				});
				hashData['generos'] = hashData['generos'].substr(0,(hashData['generos'].length -2));			
				arrGenresDataHit[indexHit] = hashData;
				
				indexHit++;
			});
			
			showResultsGenre(0,0);
		}
	});
	
	
	/**
	 * Ordenação alfabética
	 */
		
	$.ajax({	
		beforeSend: function(){ arrGenresDataAlp = new Array(); },
		type: "GET",
		url: fileAlp,
		dataType: "xml",
		success: function(xml) {
			$(xml).find('estacion').each(function(){
				hashData = new Array();
				hashData['top'] = $(this).attr('top');
				hashData['titulo'] = $(this).find('titulo').text();
				hashData['descricao'] = $(this).find('descricao_estacion').text();
				hashData['url'] = $(this).find('url').text();
				
				hashData['generos'] = '';
				$(this).find('genero_station').each(function(){
					linkG = "showGenre(" + $(this).attr('id') + ")";
					hashData['generos'] += '<a onclick="'+ linkG +'">' + $(this).text() + '</a>, ';
				});
				hashData['generos'] = hashData['generos'].substr(0,(hashData['generos'].length -2));
				arrGenresDataAlp[indexAlp] = hashData;
				
				indexAlp++;
			});
			
			showResultsGenre(0,1);
		}
	});
	
}

function showResultsGenre(start,arrInfo){
	
	var regsShow 	= 10;	// Nro. de registros exibidos em cada laço
	var html 		= '';
	var info 		= new Array('arrGenresDataHit', 'arrGenresDataAlp');
	var regsTotal 	= (arrGenresDataHit.length > 0) ? arrGenresDataHit.length : arrGenresDataAlp.length;
	var nextStep	= ((start + regsShow) > regsTotal) ? regsTotal : start + regsShow;
	var regs 		= Number($('#r_regs').html());
	var regsNew 	= ((regs + regsShow) > regsTotal) ? regsTotal : regs + regsShow;
	
	if(start != regsTotal){
	
		if( (arrGenresDataHit.length > 0) && (arrGenresDataAlp.length > 0) ){
			$('#r_regs').html(regsNew);
			$('#r_total').html(regsTotal);
		}
		
		// Carrega uma aba separadamente
		if(arrInfo != undefined){
			for(i=0; i<nextStep; i++){
			
				html += '<div class="item">';
				html += '<div class="n"><a onClick="play(' + i + ',\''+info[arrInfo]+'\');">';
				html += '<img src="'+URL_JS+'_img/bg_play.png" alt="play"></div></a>';
				html += '<div class="t">';
				html += '<h2><a onClick="play(' + i + ',\''+info[arrInfo]+'\');">';
				html += eval(info[arrInfo] + '['+ i +']'+'[\'top\']') + '.&nbsp;';
				html += eval(info[arrInfo]+'['+ i +']'+'[\'titulo\']');
				html += '</a></h2>';
				html += eval(info[arrInfo]+'['+ i +']'+'[\'descricao\']');
				html += '<div class="playl">';
				
				html += '<div class="sgenres">Genres: ' + eval(info[arrInfo]+'['+ i +']'+'[\'generos\']') + '</div>';
				html += '</div>';
				html += '</div>';
				html += '</div>';
			}
			
			if(nextStep != regsTotal){
				html += '<div class="more">';
				html += '<a onClick="showResultsGenre('+ nextStep +');"><img src="'+ URL_JS +'_img/bt_morelist.png" alt="More"/></a>';
				html += '</div>';
			}
			
			if(info[arrInfo] == 'arrGenresDataHit'){
				targetTag = '#sresultli_1';
			} else {
				targetTag = '#sresultli_2';
			}

			$(targetTag).html(html);
		} 
		// Carrega abas simultaneamente
		else {
			for(j=0; j < info.length; j++){
				
				html = '';
				
				for(i=0; i<nextStep; i++){

					html += '<div class="item">';
					html += '<div class="n"><a onClick="play(' + i + ',\''+info[j]+'\');">';
					html += '<img src="'+URL_JS+'_img/bg_play.png" alt="play"></div></a>';
					html += '<div class="t">';
					html += '<h2><a onClick="play(' + i + ',\''+info[j]+'\');">';
					html += eval(info[j] + '['+ i +']'+'[\'top\']') + '.&nbsp;';
					html += eval(info[j] + '['+ i +']'+'[\'titulo\']');
					html += '</a></h2>';
					html += eval(info[j]+'['+ i +']'+'[\'descricao\']');
					html += '<div class="playl">';
					
					html += '<div class="sgenres">Genres: ' + eval(info[j]+'['+ i +']'+'[\'generos\']') + '</div>';
					html += '</div>';
					html += '</div>';
					html += '</div>';
				}
				
				if(nextStep != regsTotal){
					html += '<div class="more">';
					html += '<a onClick="showResultsGenre('+ nextStep +');"><img src="'+ URL_JS +'_img/bt_morelist.png" alt="More"/></a>';
					html += '</div>';
				}
				
				if(info[j] == 'arrGenresDataHit'){
					targetTag = '#sresultli_1';
				} else {
					targetTag = '#sresultli_2';
				}
				
				$(targetTag).html(html);
			}
		}
	
	}

}