function Projet (link, caption, titleBar) {
	
	this.link = link;
	this.caption = caption;
	this.titleBar = titleBar
	this.titleHtml = titleBar.html ();
	
	this.captionHtml = caption.html ();
	this.caption.html ("&nbsp;");
	//this.caption.removeClass ('projet_caption');
	//this.caption.addClass ('projet_over');
	this.caption.hide ();
	
	
	
	// public functions
	this.over = Projet_over;
	this.out = Projet_out;

	
	// add listeners
	// we use some special function definition to be able to access
	// nouvelle object (this) inside the hover function in which
	// this refers to the hovered element 
	this.link.hover (
	(function(projet){ 
			return function(){
	     		projet.over ();
				}
			}
		) (this), 
		
		(function (projet) {
			return function () {
				projet.out ();
			}
		}) (this)
	);
}


function Projet_over () {
	
	this.caption.show ();
	this.titleBar.html (this.captionHtml);
	
}

function Projet_out () {
	this.caption.hide ();
	this.titleBar.html (this.titleHtml);
}
