$(document).ready(function() {	
		
		
		//scroll =p
		//$('#letras').jScrollPane();
	
		$("#playlist  li").fadeTo("slow",0.7);
		$('.jScrollPaneDrag').fadeTo("slow",0.7);
		//$("#release2").attr({style:"background:#900; "});
		
		$("#playlist  li b").click(function() {
				var id =  $(this).parent('li').attr('id');				   
					
				var obj = document.getElementById("myCom");
				obj.JStoASviaExternalInterface(id, $(this).text() );	
				//só grava o session =)
				$.post("grava_musica_atual.php",{idmusica: id},function(data){});	
				
				$('#playlist li').each(function(index) {
						//$(this).removeClass('ativo');
						$('b',this).css({'background-color':'','color':''}).parent('li').fadeTo("slow",0.7);
				});						
				//$(this).addClass('ativo');
				
				
				$(this).css({'background-color':'#E3BA2D','color':'#FFF'}).parent('li').fadeTo("slow",1);
					
		});

		$('#fecharbotao').click(function() {
			$('#capacd').fadeIn();
			$("#letras").fadeOut();
			$("#letras").html('');
			$('#fecharbotao').fadeOut();
		});

		$("#playlist  li b").mouseover(function() {
		
		
		$(this).parent('li').fadeTo(200,1);
			
		}).mouseout(function(){
			
		$(this).parent('li').fadeTo(200,0.7);
			
		
		});
		
		
		$("#playlist  li span").click(function() {
			var id =  $(this).parent('li').attr('id');
			$('#capacd').fadeOut();
			$('#fecharbotao').fadeIn();
			$("#letras").fadeIn();
			
			
			$("#letras").html("Carregando...");
			
			$("#letras").load("letras/"+id+".html", function() { $(this).jScrollPane() });
			$("#letras")[0].scrollTo(0)
			
			$('#playlist li span').each(function(index) {
						//$(this).removeClass('ativo');
						$(this).css({'background-color':'','color':''});
			});		
			$(this).css({'background-color':'#E3BA2D','color':'#FFF'});
			return false;

		});
		
		



 });

function proxima(id) {
	
	var itensid = new Array();
	var itenselementos = new Array();
	
	//transforma o id e o elemento DOM em Arrays :)
	$('#playlist li').each(function(index,elemento) {
		itensid[index] = this.id;
		itenselementos[index] = $(elemento);
	});
	
	//loop que muda a música e posição
			for (i=0;i<=itenselementos.length;i++) {	
			//alert( itenselementos[i].hasClass('ativo') );
				if ( itenselementos[i].attr('id') == id) {
					if (i != itenselementos.length-1)	 {	
					//alert( $('#playlist li#'+itensid[i+1]+' b').text() );
						$('#playlist li#'+itensid[i]+' b').css({'background-color':'','color':''}); 
						$('#playlist li#'+itensid[i+1]+' b').css({'background-color':'#E3BA2D','color':'#FFF'});
						var obj = document.getElementById("myCom");
						obj.JStoASviaExternalInterface(itenselementos[i+1].attr('id'), itenselementos[i+1].text() );
						break;
					} else {
						$('#playlist li#'+itensid[i]+' b').css({'background-color':'','color':''}); 
						$('#playlist li#'+itensid[0]+' b').css({'background-color':'#E3BA2D','color':'#FFF'});
						var obj = document.getElementById("myCom");
						obj.JStoASviaExternalInterface(itenselementos[0].attr('id'), itenselementos[0].text() );
						break;
					}
					
				} 
			}
	
	
}