$(document).ready(function(){
  
	$("select#comunitats").change(function(){
		
		var cname=$(this).attr("value");
		$("span").css("background-color","silver");
		$("span."+"cuadre_blanc").css("background-color","white");
		$("span."+cname+"-cobranded").css("background-color","orange");
		$("span."+cname).css("background-color","green");
		
	});
  
	$("div#mapa").load("../mapa/",function(){
  
	$("span").hover(function () {
	  var cname=$(this).attr("class");
	  var cnames=cname.split("-");
	  if(cnames[1]=="cobranded"){
		$("span."+cnames[0]+"-cobranded").css("background-color","orange");
		$("span."+cnames[0]).css("background-color","green");
	  }
	  else{
		if(cname!="cuadre_blanc"){		
			$("span."+cname+"-cobranded").css("background-color","orange");
			$("span."+cname).css("background-color","green");
		}
	  }
    },function () {
      var cname=$(this).attr("class");
	  var cnames=cname.split("-");
	  if(cnames[1]=="cobranded"){
		$("span."+cnames[0]+"-cobranded").css("background-color","silver");
		$("span."+cnames[0]).css("background-color","silver");
		}
	  if(cname!="cuadre_blanc"){
		$("span."+cname).css("background-color","silver");
		$("span."+cname+"-cobranded").css("background-color","silver");
		}
    } );
	
	$("span").click(function () {
      var cname=$(this).attr("class");
	  var cnames=cname.split("-");
	  
		if(cnames[1]=="cobranded"){
			var idcobranded=$(this).attr("id");
			
			$("div#cobrandeds").hide("fast", function(){
				$("div#cobrandeds").load("../cobrandeds/"+idcobranded+".html", function(){
					$("div#cobrandeds").show("fast");
				});
			});
				
				
		}
		else{
		//	alert(cname);
		}
    });
    });
	
  });