btn= new Array;
top= new Array;
left= new Array;

btn[0]="binaerbaer";
btn[1]="flickr";
btn[2]="xing";

add_x=0;
add_y=0;


function rollover(b){
	if(b=="xing"){
		add_x=-10;
		add_y=30;
	}else{
		add_x=-20;
		add_y=-20;
	}
	
	$('#tooltip_'+b).stop().animate(
					{
					// Zurücksetzen
					opacity: 0,
					top:((top[b]-20)+add_y)+'px',
					left:((left[b]-10)+add_x)+'px'
					}
					,0).show().animate(
					{
					// MOUSE OVER 
					top:top[b]+'px',
					left:left[b]+'px',
					opacity: 1
					}
					,{duration: 300, easing: 'easeOutExpo'}
	);

}
function rollout(b){
	$('#tooltip_'+b).animate(
		{
		// MOUSE OUT
		top:(top[b]-20)+'px', 
		left:(left[b]-10)+'px',
		opacity: 0
		}, 200).hide();
}

function window_resize(){
	pos_right_2 = $('#right_2').position();
	pos_right_1 = $('#right_1').position();
	pos_main_links = $('#main_links').position();
		
		//alert(pos_right_1.left);
	top['xing']=Math.ceil(pos_main_links.top)+50;
	left['xing']=Math.ceil(pos_right_1.left)+240;
		
	top['binaerbaer']=Math.ceil(pos_right_2.top)-60;
	left['binaerbaer']=Math.ceil(pos_right_2.left)+60;
		
	top['flickr']=Math.ceil(pos_right_2.top)-60;
	left['flickr']=Math.ceil(pos_right_2.left)+160;
}

function init(){

	$(window).resize(function() {
	  	 window_resize();
	});
	
	window_resize();
	
	
	for(x=0;x<3; x++){
		b=btn[x];
		$('#'+b).hover(
			function(){rollover(this.id);} , 
			function(){rollout(this.id)} 
		);
	}

	
}

//###############################################################
$(document).ready(function(){					    
	init();
});