function initProductImageLeft(init){
		
 	var pImgLeft = $('#product1');//$(".hiddenproduct_left");
	var leftcorner =  parseInt(($(document).width()/2) - ($("#contentcontainer").width()/2));
	var topcorner = 152;
	var contentheight = parseInt($("#contentcontainer").height());
	var bottomcorner = topcorner + contentheight;
	//centerpoint
	var centerX = parseInt($(document).width()/2);
	var centerY = parseInt((topcorner + bottomcorner)/2);
	//image dimensions
	var wL = pImgLeft.width();
	var hL = pImgLeft.height();
	//target coordinates LEFT
	var targetLX = parseInt((leftcorner - wL/2));
	var targetLY = generateRandomNumber(topcorner, bottomcorner);
	if ((targetLY + hL) > bottomcorner){
		targetLY = parseInt(bottomcorner - hL);
	}
	//first call = init=true, interval calls iit = null;
	if (init == true){	
		pImgLeft.stop();
		pImgLeft.css("left", centerX); 
		pImgLeft.css("top", targetLY);
		pImgLeft.css("opacity", 0.7);
	}
	else{
		 //move to inside / outside and vice versa ...		 
		 if(parseInt(pImgLeft.css("left")) < centerX){targetLX = centerX;}	
		 pImgLeft.animate( { left:targetLX, top:targetLY }, { queue:true, duration:1000 } );	
	}
	
}


function initProductImageRight(init){
 	
	var pImgRight = $('#product2');//$(".hiddenproduct_right");	
	var rightcorner =  parseInt(($(document).width()/2) + ($("#contentcontainer").width()/2));
	var topcorner = 152;
	var contentheight = parseInt($("#contentcontainer").height());
	var bottomcorner = topcorner + contentheight;
	//centerpoint
	var centerX = parseInt($(document).width()/2);
	var centerY = parseInt((topcorner + bottomcorner)/2);
	//image dimensions
	var wR = pImgRight.width();
	var hR = pImgRight.height();
	//target coordinates RIGHT
	var targetRX = parseInt((rightcorner - wR/2));
	var targetRY = generateRandomNumber(topcorner, bottomcorner);
	if ((targetRY + hR) > bottomcorner){
		targetRY = parseInt(bottomcorner - hR);
	}	
	//first call = init=true, interval calls iit = null;
	if (init == true){
		pImgRight.stop();
		pImgRight.css("left", centerX);
		pImgRight.css("top", targetRY);
		pImgRight.css("opacity", 0.7);
		
	}
	else{
		 //move to inside / outside and vice versa ...
		 if(parseInt(pImgRight.css("left")) > centerX){targetRX = centerX;}	
		 pImgRight.animate( { left:targetRX, top:targetRY }, { queue:true, duration:1000 } );
	}	
	
	
	
}



function slideOut(direction, id,text){
	 $('#'+id).stop();
	 $('#tooltip').hide();
	 clearInterval(aktivL);
	 clearInterval(aktivR);
	 var left = parseInt($('#'+id).css("left"));
	 var corner;
	 var targetX;

	 $('#tooltip').html(text);
	 if (direction == 'right'){
		corner =  parseInt(($(document).width()/2) + ($("#contentcontainer").width()/2));
		targetX = corner + 10;
		ttipleft = targetX + $('#'+id).width();

	 }
	 else{
		corner =  parseInt(($(document).width()/2) - ($("#contentcontainer").width()/2));
		targetX = (corner - 10) - ($('#'+id).width());
		ttipleft = targetX - $('#'+id).width() + 40;
	 }
	 if (text!=''){
		ttiptop = parseInt($('#'+id).css("top")) - parseInt($('#tooltip').height()); 
		$('#'+id).animate({left: targetX, opacity: 1}, 300,function(){showToolTip(ttipleft, ttiptop)});
	 } 
	 else {
		$('#'+id).animate({left: targetX, opacity: 1}, 300);
	 }
 }


function slideIn(direction, id){
	$('#tooltip').hide();
	$('#'+id).stop();
	
	var left = parseInt($('#'+id).css("left"));
	var corner;
	var targetX;
	if (direction == 'left'){
 		corner =  parseInt(($(document).width()/2) + ($("#contentcontainer").width()/2));
 		targetX = (corner) - $('#'+id).width()/2;
	}
	else{
		corner =  parseInt(($(document).width()/2) - ($("#contentcontainer").width()/2));
		targetX = corner - $('#'+id).width()/2;
	}
   $('#'+id).animate({ 
		left: targetX,
        opacity: 0.7
      }, 300);
   
   aktivL = setInterval("initProductImageLeft(null)", generateRandomNumber(12000,25000));
   aktivR = setInterval("initProductImageRight(null)", generateRandomNumber(15000,30000));
   }
   
   
function showToolTip(x,y){
	parseInt(x);
	parseInt(y);
	$('#tooltip').css("left", x);
	$('#tooltip').css("top", y);
	$('#tooltip').show();
}



//generate number between l and h:
function generateRandomNumber(l, h){
	h = h+1;
	var ret = Math.floor(Math.random()*h)
	if (ret < l){
	ret = l;	
	}
	return parseInt(ret);
}