// Для данной фичи нужен прототайп   
///--- к данным функицям прилагается div который находится в хидере
var xxxx,yyyy;// глобальные переменные с позицией мышки на экране
var showimage=0;// глобальная переменная показывать картинку

function getcords(e)
{
	mouseX = Event.pointerX(e);
    xxxx=mouseX;
    mouseY = Event.pointerY(e);
	yyyy=mouseY;
//$"debug".setStyle(mystyle);
//$('debug').update(xxxx+" "+yyyy+" "+showimage);
	
}
			
function In(e) //отображаем картинку если мышку навели
{
	getcords(e);
	path=this.src;
	containerid='hovered_content_holder'; // наш холдер всего обьекта
	image_container='hovered_content_holder_img';

	mx=xxxx+10; //небольшое смещение 
	my=yyyy+10;

	//$('debug2').update(xxxx+" "+yyyy+" "+mx+" "+my);
	if ($(image_container).src!=path) {  //Делаем обновление фото только когда это нужно 
	$(image_container).src=path; //записываем тег src нашим значением 
	}
	
	// узнаём размеры картинки загруженой в холдер
	h=$(containerid).getHeight();
	w=$(containerid).getWidth();
	winheigh=document.viewport.getHeight()+document.viewport.getScrollOffsets().top;
	
	
	//делаем обвязку для того чтобы картинка оставалась на экрае по вертикали
	//TODO:требуется функция правильного определения вьюшки
	if (winheigh<(my+h)) 
	{
		my=winheigh-h;
	}
	
  	//формируем вывод картинки в позицию 
  	$(containerid).style.position = "absolute";
  	$(containerid).style.top = my+"px";
  	$(containerid).style.left = mx+"px";
	
  	
  	
  	
  	if (showimage==0) {$(containerid).show(); showimage=1;} //надо показать картинку
	
	
	//$('debug2').update(winheigh);
}
    
function Out () {
if (showimage==1) {$(containerid).hide(); showimage=0;}//надо скрыть картинку
}
document.observe('dom:loaded' , function() 
{
		$$('img.imagehover' ).each(   /// в цикле обходим все имаджи у которых класс установлени и навешиваем на них события
					function (param){
								//		формируем событие с указанным путём 

						if (param.src!='http://www.menevra.com/images/icons/activist.gif' & param.src!='http://www.menevra.com/images/icons/folder_big.gif' & param.src!='http://www.menevra.com/images/icons/activist.jpg' & param.src!='http://www.menevra.com/images/nophoto.gif' & (param.width<=200)& 	(param.height<=200)
						 )					
						{				 						
						Event.observe(param, 'mousemove', In);  // создаём событие 	
						Event.observe(param, 'mouseout', Out);
						}
						
						
					} //function
							);//each

//лёгким движением руки add another classes for our hover widget
		
		
		$$('img.photo' ).each(   /// в цикле обходим все имаджи у которых класс установлени и навешиваем на них события
				function (param){
							
 if (param.src!='http://www.menevra.com/images/icons/activist.gif' & param.src!='http://www.menevra.com/images/icons/folder_big.gif' & param.src!='http://www.menevra.com/images/icons/activist.jpg' & param.src!='http://www.menevra.com/images/nophoto.gif' & (param.width<=200)& 	(param.height<=200)
 )					
 {

					//		формируем событие с указанным путём 
					Event.observe(param, 'mousemove', In);  // создаём событие 	
					Event.observe(param, 'mouseout', Out);
 }
					
				} //function
			
				
		);//each
		$$('img.user_top_photo' ).each(   /// в цикле обходим все имаджи у которых класс установлени и навешиваем на них события
				function (param){
							//		формируем событие с указанным путём 
					 if (param.src!='http://www.menevra.com/images/icons/activist.gif' & param.src!='http://www.menevra.com/images/icons/folder_big.gif' & param.src!='http://www.menevra.com/images/icons/activist.jpg' & param.src!='http://www.menevra.com/images/nophoto.gif' & (param.width<=200)& 	(param.height<=200)
					 )					
					 {
						 Event.observe(param, 'mousemove', In);  // создаём событие 	
					Event.observe(param, 'mouseout', Out);
					
					 }
					//alert ("asd");
				} //function
			
				
		);//each
		
		
		
		
		
}//domloaded
);

// дивы для отладки 
//<div id="debug" style=" position:absolute;left:410px;top:200px;width:200px;border:1px solid #000;height:20px;" class="debug"></div>
//<div id="debug2" style=" position:absolute;left:410px;top:250px;width:200px;border:1px solid #000;height:20px;" class="debug2"></div>
// событие для получения координат мышки 
//<div id="hovered_content_holder" class="home_last_photo_file" style="z-index: 999; display: none;padding:0; margin: 0; border:3px solid #3B5998;"><img id="hovered_content_holder_img" src=""></img></div>
// вставлять только в хеадер в самом начале чё так - к дизайнерам