$(document).ready(function() {
	$(".band").randomize(".member");
});
 
(function($) {
 
$.fn.randomize = function(childElem) {
  return this.each(function() {
      var $this = $(this);
      var elems = $this.children(childElem);
	  
      
      //elems.sort(function() { return (Math.round(Math.random())-0.5); });  
	  elems.sort(function() { return (Math.round(Math.random())-0.4); });  
 
      $this.empty();  
 
      for(var i=0; i < elems.length; i++)
        $this.append(elems[i]);      
 
  });    
}
})(jQuery);

$(function(){
		$(".contaba:first").show();//Fazemos com que a primeira class com o nome abas que demos fica visivel
		$("#materiassaopaulo").hide();
		$("#materiasriodejaneiro").hide();
	 
		$("#nav-abas a").click(function(){ //Falamos que quando clicar no id nos mande para div que correspondende
			$(".contaba").hide(); //faz somir as div que nao foram clicadas
			var div = $(this).attr('href'); // variavel para pegar o atributo href para saber em qual id o usuario clicou
			$(".menumaterias").hide();
			
			var divm = "#materias"+div.replace('#','');
			$(divm).show();
			
			$(".materia").show();
			
			$(div).fadeIn(""); // faz a div correspondente clicada ficar visivel
				//$("#nav-abas a").removeClass('current'); // remove a class no link clicado para que nao fica marcado
				//$(".esquerda").attr("src","img/aba_canto_esquerdo.gif"); // remove a class no link clicado para que nao fica marcado
				//$(".direita").attr("src","img/aba_canto_direito.gif"); // remove a class no link clicado para que nao fica marcado
				//$("#nav-abas a").attr("class","menuAbaItem"); // remove a class no link clicado para que nao fica marcado
				//$(this).attr("class","menuAbaItemSelecionado"); // adiciona a classe no link clicado para que o usuario saiba em qual link ele esta
				//$(".menuAbaItemSelecionado .esquerda").attr("src","img/aba_canto_esquerdo_azul.gif");
				//$(".menuAbaItemSelecionado .direita").attr("src","img/aba_canto_direito_azul.gif");
			return false;
		})
		
		
		//TENTANDO IMPLEMENTAR AUTOMÁTICO
		$(".menumaterias a").click(function(){ //Falamos que quando clicar no id nos mande para div que correspondende
			$(".materia").hide(); //faz somir as div que nao foram clicadas
			var div = $(this).attr('href'); // variavel para pegar o atributo href para saber em qual id o usuario clicou
			
			$(div).fadeIn(""); // faz a div correspondente clicada ficar visivel
				//$("#nav-abas a").removeClass('current'); // remove a class no link clicado para que nao fica marcado
				//$(".esquerda").attr("src","img/aba_canto_esquerdo.gif"); // remove a class no link clicado para que nao fica marcado
				//$(".direita").attr("src","img/aba_canto_direito.gif"); // remove a class no link clicado para que nao fica marcado
				//$("#nav-abas a").attr("class","menuAbaItem"); // remove a class no link clicado para que nao fica marcado
				//$(this).attr("class","menuAbaItemSelecionado"); // adiciona a classe no link clicado para que o usuario saiba em qual link ele esta
				//$(".menuAbaItemSelecionado .esquerda").attr("src","img/aba_canto_esquerdo_azul.gif");
				//$(".menuAbaItemSelecionado .direita").attr("src","img/aba_canto_direito_azul.gif");
			return false;
		})

		/*
		
		$("#materiassaopaulo a").click(function(){ //Falamos que quando clicar no id nos mande para div que correspondende
			$("#materiasriodejaneiro").hide();
			$(".materia").hide(); //faz somir as div que nao foram clicadas
			var div = $(this).attr('href'); // variavel para pegar o atributo href para saber em qual id o usuario clicou
			
			$(div).fadeIn(""); // faz a div correspondente clicada ficar visivel
				//$("#nav-abas a").removeClass('current'); // remove a class no link clicado para que nao fica marcado
				//$(".esquerda").attr("src","img/aba_canto_esquerdo.gif"); // remove a class no link clicado para que nao fica marcado
				//$(".direita").attr("src","img/aba_canto_direito.gif"); // remove a class no link clicado para que nao fica marcado
				//$("#nav-abas a").attr("class","menuAbaItem"); // remove a class no link clicado para que nao fica marcado
				//$(this).attr("class","menuAbaItemSelecionado"); // adiciona a classe no link clicado para que o usuario saiba em qual link ele esta
				//$(".menuAbaItemSelecionado .esquerda").attr("src","img/aba_canto_esquerdo_azul.gif");
				//$(".menuAbaItemSelecionado .direita").attr("src","img/aba_canto_direito_azul.gif");
			return false;
		})
		
		$("#materiasriodejaneiro a").click(function(){ //Falamos que quando clicar no id nos mande para div que correspondende
			$("#materiassaopaulo").hide();
			$(".materia").hide(); //faz somir as div que nao foram clicadas
			var div = $(this).attr('href'); // variavel para pegar o atributo href para saber em qual id o usuario clicou
			
			$(div).fadeIn(""); // faz a div correspondente clicada ficar visivel
				//$("#nav-abas a").removeClass('current'); // remove a class no link clicado para que nao fica marcado
				//$(".esquerda").attr("src","img/aba_canto_esquerdo.gif"); // remove a class no link clicado para que nao fica marcado
				//$(".direita").attr("src","img/aba_canto_direito.gif"); // remove a class no link clicado para que nao fica marcado
				//$("#nav-abas a").attr("class","menuAbaItem"); // remove a class no link clicado para que nao fica marcado
				//$(this).attr("class","menuAbaItemSelecionado"); // adiciona a classe no link clicado para que o usuario saiba em qual link ele esta
				//$(".menuAbaItemSelecionado .esquerda").attr("src","img/aba_canto_esquerdo_azul.gif");
				//$(".menuAbaItemSelecionado .direita").attr("src","img/aba_canto_direito_azul.gif");
			return false;
		})
		*/
	});