var title = null;
var job = null;
var body = null;
var portrait = null;

jQuery(document).ready(function(){
	//Add cursor effect
	jQuery(".views-field-field-portrait").css("cursor","pointer");
	//Show first one
	title = jQuery(".view-id-people .views-row-1 .views-field-title");
	job = jQuery(".view-id-people .views-row-1 .views-field-field-job");
	body = jQuery(".view-id-people .views-row-1 .views-field-body");
	portrait = jQuery(".view-id-people .views-row-1 .views-field-field-portrait");
	
/*
	title.hide().css({visibility: "visible"}).fadeIn("slow");
	job.hide().css({visibility: "visible"}).fadeIn("slow");
	body.hide().css({visibility: "visible"}).fadeIn("slow");
*/
	portrait.css("visibility","hidden");
		title.css({visibility: "visible"});
		job.css({visibility: "visible"});
		body.css({visibility: "visible"});	
	
	jQuery(".views-field-field-portrait").click(function(){
		jQuery(".views-field-field-portrait").css("visibility","visible");
		
		title.css({visibility: "hidden"});
		job.css({visibility: "hidden"});
		body.css({visibility: "hidden"});
		
		
/*
		title.fadeOut("slow", function() {
    		jQuery(this).show().css({visibility: "hidden"});
		});
		job.fadeOut("slow", function() {
    		jQuery(this).show().css({visibility: "hidden"});
		});
		body.fadeOut("slow", function() {
    		jQuery(this).show().css({visibility: "hidden"});
		});
*/


		title = jQuery(this).parent().children('.views-field-title');
		job = jQuery(this).parent().children('.views-field-field-job');
		body = jQuery(this).parent().children('.views-field-body');
		portrait = jQuery(this);
		
		portrait.css({visibility: "hidden"});
		title.css({visibility: "visible"});
		job.css({visibility: "visible"});
		body.css({visibility: "visible"});
		
/*
		portrait.css("visibility","hidden");
		title.hide().css({visibility: "visible"}).fadeIn("slow");
		job.hide().css({visibility: "visible"}).fadeIn("slow");
		body.hide().css({visibility: "visible"}).fadeIn("slow");
		
*/
		//Hack to make them not disappear in Safari 4
		body.css({position: relative});
		
		
	});
	
});
;