$(document).ready(function() {
	
	/* SHOW SPECIAL TOOLTIP */		
		$('.product_overview .disturber.info').mouseover(function(){
			var $this = $(this);
			var $tooltip = $this.parents('.product_overview').eq(0).find('.tooltiplayer');
			var _position = $this.parent().parent().parent().index();
			$tooltip.addClass('pos'+_position);
			$tooltip.find('span.position').html(_position);
			$tooltip.find('.container .text h4').html($this.find('span.tooltipHeadline').html());
			$tooltip.find('.container .text p').html($this.find('span.tooltipText').html());
			$tooltip.find('.container .text a').html($this.find('span.tooltipAnker').html());
			$tooltip.find('.container .text a').attr('href', $this.find('span.tooltipAnkerHref').html());
			$tooltip.find('.container img').attr('src', $this.find('span.tooltipImg').html());
			$tooltip.show();
		}).mouseout(function(){
			var $this = $(this);
			var $tooltip = $this.parents('.product_overview').eq(0).find('.tooltiplayer');
			var _position = $tooltip.find('span.position').html();		
			$tooltip.hide();		
			$tooltip.removeClass('pos'+_position);
		});
		
		$('.product_overview .tooltiplayer').mouseenter(function(){
			var $this = $(this);
			var _position = $this.find('span.position').html();
			$this.addClass('pos'+_position);
			$this.show();
		}).mouseleave(function(){
			var $this = $(this);
			var _position = $this.find('span.position').html();
			$this.removeClass('pos'+_position);
			$this.hide();
		});
	
	
});