$(document).ready(function() {	
		
		
		//scroll =p
		//$('#letras').jScrollPane();
		//$("#twitter-share").css({'cursor':'default'});	
	
		$("#playlist  li").fadeTo("slow",0.7);
		//$("#release2").attr({style:"background:#900; "});
		
		$("#playlist  li").click(function() {
				var id =  $(this).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');
						$(this).css({'background-color':'','color':''}).fadeTo("slow",0.7).removeClass('play');;
				});						
				//$(this).addClass('ativo');
				$("#twitter-share").attr("href","http://twitter.com/home/?status=Ouvindo "+$(this).text()+"  no site do @shalomdavidson - davidsonsilva.com #davidsonsilva")
				
				$(this).css({'background-color':'#C60','color':'#FFF'}).fadeTo("slow",1).addClass('play');;
					
		});



		$("#playlist  li").mouseover(function() {
		
		
		$(this).fadeTo(200,1);
			
		}).mouseout(function(){
			
		$(this).fadeTo(200,0.7);
			
		
		});
		
		
		



 });

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]).css({'background-color':'','color':''}).removeClass('play'); 
						$('#playlist li#'+itensid[i+1]).css({'background-color':'#C60','color':'#FFF'}).addClass('play');
						
						var obj = document.getElementById("myCom");
						obj.JStoASviaExternalInterface(itenselementos[i+1].attr('id'), itenselementos[i+1].text() ); 
				$("#twitter-share").attr("href","http://twitter.com/home/?status=Ouvindo "+ itenselementos[i+1].text()+"  no site do @shalomdavidson - davidsonsilva.com #davidsonsilva")
						break;
					} else {
						$('#playlist li#'+itensid[i]).css({'background-color':'','color':''}).removeClass('play'); 
						$('#playlist li#'+itensid[0]).css({'background-color':'#C60','color':'#FFF'}).addClass('play');
						var obj = document.getElementById("myCom");
						obj.JStoASviaExternalInterface(itenselementos[0].attr('id'), itenselementos[0].text() );
						
				$("#twitter-share").attr("href","http://twitter.com/home/?status=Ouvindo "+ itenselementos[0].text()+"  no site do @shalomdavidson - davidsonsilva.com #davidsonsilva")
						break;
					}
					
				} 
			}
	
	
}



function anterior(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 != 0)	 {		
					//alert( $('#playlist li#'+itensid[i-1]).text() );
						$('#playlist li#'+itensid[i]).css({'background-color':'','color':''}).removeClass('play');
						$('#playlist li#'+itensid[i-1]).css({'background-color':'#C60','color':'#FFF'}).addClass('play');
						var obj = document.getElementById("myCom");
						obj.JStoASviaExternalInterface(itenselementos[i-1].attr('id'), itenselementos[i-1].text() );
						
				$("#twitter-share").attr("href","http://twitter.com/home/?status=Ouvindo "+ itenselementos[i-1].text()+"  no site do @shalomdavidson - davidsonsilva.com #davidsonsilva")
						break;
					} else {
						idanterior = itensid[ itenselementos.length-1 ];
					//alert( idanterior );
						$('#playlist li#'+itensid[i]).css({'background-color':'','color':''}).removeClass('play'); 
						$('#playlist li#'+idanterior).css({'background-color':'#C60','color':'#FFF'}).addClass('play');;
						var obj = document.getElementById("myCom");
						obj.JStoASviaExternalInterface($('#playlist li#'+idanterior).attr('id'), $('#playlist li#'+idanterior).text() );
						
				$("#twitter-share").attr("href","http://twitter.com/home/?status=Ouvindo "+ $('#playlist li#'+idanterior).text()+"  no site do @shalomdavidson - davidsonsilva.com #davidsonsilva")
						break;
					}
					
				} 
			}
	
	
}


	function play() {
			
			var itensid = new Array();
			var itenselementos = new Array();
			var elemativo = '';
			//transforma o id e o elemento DOM em Arrays :)
			$('#playlist li').each(function(index,elemento) {
				itensid[index] = this.id;
				itenselementos[index] = $(elemento);
			});
			idprimeiro = itensid[0];
			
			
			
												
						var obj = document.getElementById("myCom");
						obj.JStoASviaExternalInterface(itenselementos[0].attr('id'), itenselementos[0].text() );
						
						$('#playlist li').css({'background-color':'','color':''}); 
						$('#playlist li#'+idprimeiro).css({'background-color':'#C60','color':'#FFF'});
						
						$("#playlist li").css({'background-color':'','color':''}); 
						itenselementos[0].css({'background-color':'#C60','color':'#FFF'});
						
						
				$("#twitter-share").attr("href","http://twitter.com/home/?status=Ouvindo "+ itenselementos[0].text()+"  no site do @shalomdavidson - davidsonsilva.com #davidsonsilva")
						
	}