/********************************************************************/
/* START: interactive image																	        */
var InteractiveImage = function(selector) {
	this.node;
	this.init(selector);
};

$.extend(InteractiveImage.prototype, {

	init: function(selector) {
		
		this.node = $(selector);
		this.tooltips = typeof($.tooltip) == "object";
		this.initialState = true;
		this.node.find("div.hint").css("display","block");
		
		var _this = this;

		this.node.hover(
			function(){
				if(_this.initialState){
					_this.initialState = false;
					_this.node.find("div.hint").fadeOut("normal");
				}
				$("div.image").addClass("over");
			},
			function(){
				$("div.image").removeClass("over");
			}
		);
		
		//initialize hovers
		this.node.find("a.hover-trigger").each(function(i, trigger){
			trigger = $(trigger);
			trigger.hover(
				function(){
					$("img#"+trigger.attr("rel")).css("display", "block");
				}, function(){
					$("img#"+trigger.attr("rel")).css("display", "none");
				}
			);
			if(_this.tooltips){
				trigger.tooltip({
					track: true,
					delay: 0,
					showURL: false,
					showBody: " | "
				});
			}
		});
		
	}

});

/* END:   interactive image                                         */
/********************************************************************/



			
			

			
			
							
				<div id="content-wrapper-zone">
					
					<div id="content-zone">
						
						<div class="h1">
							<h1>Ren&eacute; Kissling</h1>
						</div>
						<div class="column first-column">
							
							
							<div class="section">
								<p><img src="ec-kissling-2010_295px.jpg" width="295" height="229" alt="" /></p>
<p><a href="ec-kissling-2010_1000px.jpg" title="Ren&eacute; Kissling" class="thickbox"><img src="interaction_zoom.gif" width="11" height="12" alt="" /></a></p>

								
								
							</div>
						</div>
						<div class="column">
							<!-- CS -->
							<div class="section clearfix">Personal Data
<p>Nationality: Swiss, French, Italian<br>Year of Birth: 1966</p>
Position
<p>Assistant to the Secretary to the Board of Directors of Roche Holding Ltd, Secretary to Board of Directors Committees of Roche Holding Ltd</p>
Studies
<ul><li>Law, University of Basel (1993)</li>
<li>Admission as Attorney to the bar of the city of Basel (1998)</li></ul>
Other activities/memberships
<ul><li>European Round Table of industrialists (ERT), Associate and member of the competitiveness Group</li></ul>
</div>
							
							
							<!-- CE -->	
						</div>
					</div>
				</div>
				<div id="tool-zone">
					<div class="column use-page-tools">
						<div class="section">
							Professional Career
<ul><li>1999-2000<br>Legal consultant/attorney at law of Coop Group</li>
<li>2000-2003<br>Corporate Law Department of the Roche Group</li>
<li>1.6.2007 - 31.5.2010<br>Secretary to the Corporate Executive Committee of Roche Holding Ltd</li>
<li>since 1.9.2003<br>Assistant to the Secretary to the Board of Directors of Roche Holding Ltd, Secretary to Board of Directors Committees of Roche Holding Ltd</li></ul>

						</div>
							
							
						<div class="section">
							
						</div>
					</div>
				</div>