/*
Функция, находящая все картинки с src=/picture(\d+)\.jpg/
который не внутри DIV-а
и присваивающая им обработчик событий
*/

/*-------------------------------------
Вводим глобальные переменные
---------------------------------------*/

var in_picture=false; //Сообщаем "наверх" (bubbling), что надо обработать это событие
var picture_n; //сообщаем "наверх"(bubbling) номер картинки


function add_handler()
	{
	var imgs=document.images;

	var re=/picture(\d+)\.jpg/i;

	for (var i=0;i<imgs.length;i++ )
		{
		if (re.test(imgs[i].src))
			{
			if (parent.nodeName!='DIV')
				{
				var s=new String(imgs[i].src);
				var a=s.match(re);
				var n=a[1];
				imgs[i].onmousemove=new Function('img_move('+n+')');
				imgs[i].onmouseout=new Function('img_out('+n+')');
				}
			}
		}
	}

/*
Обработчик для картинки -- который и привязываем
*/

function img_move(n)
	{
	in_picture=true;
	picture_n=n;
	}

//----------------------------------------

function img_out(n)
	{
	in_picture=false;
	var id='picture'+n;
	var div=document.getElementById(id);
	div.style.zIndex='100';
	div.style.display='none';
	}

//----------------------------------------

function picture_move(MyEvent)
{
if (in_picture==false)
	{
	return;
	}

//Определим координаты мыши
//Ситуацию затрудняют закидоны Интернето Эксплорера

if ((navigator.appName=='Microsoft Internet Explorer')||(navigator.appName=='Opera'))
	{
	var x=event.clientX;
	var y=event.clientY;
	}
if (navigator.appName=='Netscape')
    {
	var x=MyEvent.clientX;
	var y=MyEvent.clientY;
    }

//Координаты получили. 
//Теперь присвоим соответсвующие координаты ДИВу

var id='picture'+picture_n;
var div=document.getElementById(id);
div.style.zIndex='100';
div.style.display='block';

var left=x+10;
if(left>550)
	{
	left=left-550;
	}
div.style.left=(left)+'px';

//Вычислим топ, чтоб над мышью
//Получим размер большой картинки
var img=div.firstChild;
var height=img.style.height;
var h=parseInt(height);


//div.style.top=(y-10-h)+'px';
}