// JavaScript Document


$(document).ready(function() {
		
		
	slide_abogados('.slide');
	

						   
});


/*** FUNCIONES ***/


function slide_abogados(clase) {
	
	$('.mini span', clase).css("opacity",0);
	$('span.triangulo', clase).css("opacity",0);
	
	$('.mini', clase).hover(							
					 
	function() {
		
		var posicion = $(this).position();
		$('span', this).stop().animate({"opacity":1}, 500);
		$('span.triangulo:not(.activo)').stop().animate({"left": posicion.left+50+"px"}, 400);
	},
	
	function() {
		
		$('span', this).stop().animate({"opacity":0}, 500);
		
	});
	
	
	$('.mini', clase).click(function() {
					
		var posicion = $(this).position();
		$('.mini span').removeClass("activo");
		$('span', this).addClass("activo");
		$('span.triangulo').addClass("activo");
		$('span.triangulo').css({"left": posicion.left+50+"px"});
		
		var identificador = $(this).index();		
		var titulo = $('#content0'+identificador+' .titulo').text();
		var email = $('#content0'+identificador+' .email').text();
		var publicaciones = $('#content0'+identificador+' .publicaciones').text();
		var texto = $('#content0'+identificador+' .texto').text();
		var imagen = $('#content0'+identificador+' .imagen img').attr("src");
		
		
		
		$('.titulo_slide h4').text(titulo);
		$('.titulo_slide .email a').text(email);
		$('.titulo_slide .email a').attr("href", 'mailto:'+email);
		
		if (!publicaciones){
		
			$('.titulo_slide .publicaciones').css("display","none");	
			
		}	
		
		else {
			
			$('.titulo_slide .publicaciones').css("display","block");
			$('.titulo_slide .publicaciones a').attr("href", publicaciones);
		}
		$('.texto_slide').html(texto);
		
		
		$('.foto_grande img', clase).animate({"opacity":0}, 500, function() {
																		  
								$('.foto_grande img', clase)
								.attr("src", imagen)
								.animate({"opacity":1}, 500);
																		  
																		  });
		
		$('.titulo_slide', clase).slideDown(400);
	
	});
	
	
	$('.miniaturas').mouseleave(function() {
		
		
		$('span.triangulo:not(.activo)').animate({"left": "0", "opacity": 0}, 400);
		
		
	});
	
	$('.miniaturas').mouseenter(function() {
										 
		
		$('span.triangulo').animate({"opacity": 1}, 200);
		
	});
	
}