$(document).ready(function(){

	// el offset del div noticies
	var of_noti=$("#noticies").offset();
	// colocació inicial del visor (a partir d'aquí es mourà per la zona notícies)
	$("#visor_noticia").css({"top" : of_noti.top+"px","left":of_noti.left+"px"});
	
	// Al fer clic en alguna opció del menú de les categories. 
	// Recupera el href del link que es correspon amb la classe de les notícies a mostrar.
	// s'oculten totes les noticies i es mostren les d'aquesta categoria.
	$("#categories li a").click(function(){
		aquest=$(this);
		oculta_visor();
		// aquí la imatge de fons
		rel=$(this).attr("rel");
		
		cat=$(this).attr("href");
		// tots els items de menu categories: posar el fons
		$("#categories ul li a").css({"background":"url(imatges/fons_menu_cat.png) no-repeat"});
		
		
		// si el menu clicat és el de totes les noticies
		if (cat == "totes"){
			aquest.css({"background":"url(admin/multimedia/imatges/fons_btnotis_blanc.png) center bottom no-repeat","color":"#451E0F"});
				$(".capsanotigran").show(410,function(){
					$(".capsanoti,.enquesta").show();
				});
		}
		// si el menu clicat és el de les enquestes.
		else if(cat == "enquesta"){
			aquest.css({"background":"url(admin/multimedia/imatges/fons_btnotis_blau.png) center bottom no-repeat","color":"#fff"});
					$(".capsanotigran").slideUp(410,function(){
						$(".capsanoti").hide();
						$(".enquesta").show();
					
					});

		}
		// si el menu clicat és qualsevol altre (generat dinamicament de les categories de noticies).
		else{
			aquest.css({"background":"url(admin/multimedia/imatges/fons_btnotis_"+rel+".png) center bottom no-repeat","color":"#fff"});
			$(".capsanotigran").slideUp(410);
				n_dest=$(".capsanotigran."+cat).length;
				if(n_dest!=0){
					$(".capsanotigran."+cat).slideDown(410,function(){
						$(".capsanoti,.enquesta").hide();
						$(".capsanoti."+cat).css("width","2px").animate({width:"186px"},400);
					
					});
				}else{
					$(".capsanoti,.enquesta").hide();
					$(".capsanoti."+cat).css("width","2px").animate({width:"186px"},400);
					
					
				}
			
		}
		
		// funció que posa el color al items dels menús. Agafa l'atribut color del link (a).
		menu_cat_colors(aquest);
		return false;
	});
	
	// hover del menú de categories noticies - estableix la imatge de fons.
	
	//Al fer clic en una notícia. Es clona la notícia dins del cos del visor i es mostra el visor. 
	// el visor es desplaça a la zona de la notícia. Agafa com a referencies. El top de la notícia. el left del contenidor de notícies i l'ample del contenidor noticies
	$(".capsanoti,.capsanotigran").click(function(){
		noti=$(this);
		offset = noti.offset();
		var offset_noticies=$("#noticies").offset();
		var w_noticies=$("#noticies").width()-7 ;
		dis_visor=$("#visor_noticia").css("display");
		opcions_visor={"top" : offset.top+"px","left":offset_noticies.left+"px","width":w_noticies+"px"};
		
		
		
		if(dis_visor=="none"){
			neteja_espai_noticia();
			$("#visor_noticia").css({"height":"30px"}).css(opcions_visor);
				posa_noticia(noti);
				mostra_visor();						  
		}else{
			$("#visor_noticia").animate({"height":"30px"},500,function(){
				neteja_espai_noticia();													   
				posa_noticia(noti);
				$("#visor_noticia").animate(opcions_visor,500,function(){																																		 				 	mostra_visor();
				});	
			});
		}

	});
	$(".enquesta").click(function(){
		id=$(this).attr("rel");;
		
		window.location="enquestes/index.php?id="+id;

	});
	
	// Tanca el visor.
	$("#bototanca").click(function(){
		// normalitza la mida de les notícies
		$(this).parent().parent().slideUp();
		$(".capsanoti .zona_oculta").hide();
	});

});

function oculta_visor(){
	$("#visor_noticia").slideUp(500);
}
function mostra_visor(){
	$("#visor_noticia").animate({"height":"550px"},500,function(){
		$("html").animate({scrollTop:offset.top}, 1000);
	});
}
function neteja_espai_noticia(){
	$("#visor_noticia .capsanoti,#visor_noticia .capsanotigran").remove();
}
function posa_noticia(noti){
	noti.clone().appendTo("#visor_noticia .cos");
	$("#visor_noticia .cos .capsanoti,#visor_noticia .cos .capsanotigran").css({"width":"97%","height":"auto"}).removeClass("ocult").children(".zona_oculta").show();
	$("#visor_noticia .cos .capsanotigran").addClass("capsanoti");
}
function menu_cat_colors(seleccionat){
	as=$("#categories ul li a");
	for(i=0 ; i<as.length ; i++){
			color=$(as[i]).attr("color");
		 	$(as[i]).css("color",color);
	}
	seleccionat.css("color","#fff");
	
	// si el item seleccionat és el primer (totes) - cal posar un color diferent al blanc
	sino=seleccionat.hasClass("totes");
	if(sino){
		seleccionat.css("color","#451E0F");
	}
}