// JavaScript Document
// получение реального "body"
function truebody(){
	if (!window.opera && document.compatMode && document.compatMode!="BackCompat") 
		return document.documentElement;
	else return document.body;
}
// получение стиля объекта слоя с превью
function getprevobj(id){
	if (document.getElementById)
	return document.getElementById(id).style;
}
// получить объект слоя с превью
function getprevobjnostyle(id) {
	if (document.getElementById)
	return document.getElementById(id);
}

// функция, открывающая страницу с изображением из ссылки в ImageMap
function ShowImage(xn_,yn_,c_,thid_) {
	document.forms['ImageMapForm'+thid_].xn.value = xn_;
	document.forms['ImageMapForm'+thid_].yn.value = yn_;
	document.forms['ImageMapForm'+thid_].c.value = c_;
	document.forms['ImageMapForm'+thid_].submit();
}

// функция вывода превью с именем thpic к картинке pic с сеткой номер num, ширина превью w, высота превью h, ширина оригинального
// изображения wp, высота - hp, id слоя - thid
function ChangePic(thpic,pic,num,w,h,wp,hp,thid,country_code) {
// составляем путь к скрипту рисующему превью с сеткой
	imagePath = '/thumb_img.php?im='+pic+'&w='+w+'&h='+h+'&c='+num+'&th='+thpic+'&cntr='+country_code;
// составляем тэг <img...> для превью с сеткой
	newHTML = '<img src="' + imagePath + '" border="1" usemap="#ThumbMap'+thid+'" width="'+w+'px" height="'+h+'px">';
// получаем размер фрагмента sliceW x sliceH в зависимости от номера
	switch (num) {
		case 1:
			sliceW = 320;
			sliceH = 240;
			break;
		case 2:
			sliceW = 640;
			sliceH = 480;
			break;
		case 3:
			sliceW = 1024;
			sliceH = 768;
			break;
	}
// "рисуем" карту изображения
	newHTML	= newHTML + '<map name="ThumbMap'+thid+'">';
// объявляем массивы координат сетки карты изображения
	var xcoords=new Array();
	var ycoords=new Array();
// первые координаты по X и Y равны 0
	xcoords[0] = 0;	ycoords[0] = 0;
	var k = 0;
// отношение высоты и ширины изображения к высоте и ширине превью
	var aspectX = wp/w;
	var aspectY = hp/h;
// заполняем массивы координат
	while (xcoords[k] + Math.round(sliceW/aspectX) < w) {
		k++;
		xcoords[k] = xcoords[k-1] + Math.round(sliceW/aspectX);
	}
	xcoords[k+1] = w;
	k = 0;
	while (ycoords[k] + Math.round(sliceH/aspectY) < h) {
		k++;
		ycoords[k] = ycoords[k-1] + Math.round(sliceH/aspectY);
	}
	ycoords[k+1] = h;

	
	for (var i=0;i<ycoords.length-1;i++) {
		for (var j=0;j<xcoords.length-1;j++) {
// составляем ссылку на страницу с изображением, где pic - ссылка на изображение, j, i - номера квадратов по X и Y, num - номер разрешения 
// (1, 2, 3), thid - ID превью, thpic - ссылка на файл превью
			a1 = xcoords[j];
			a2 = ycoords[i];
			a3 = xcoords[j+1];
			a4 = ycoords[i+1];
			
			var arlink = 'javascript:ShowImage('+j+','+i+','+num+','+thid+');';
			newHTML = newHTML + '<area shape="rect" coords="' + a1 + ',' + a2 + ',' + a3 + ',' + a4 + '" href="' + arlink+'" />';
		}
	}

	newHTML = newHTML + '</map>';

	getprevobjnostyle("preview"+thid).innerHTML = newHTML;
	getprevobj("preview"+thid).display="block";
}
function RefreshImage(im,xn,yn,c,cntr) {
	var w, h;
	switch (c) {
		case 1:
			w = 320;
			h = 240;
			break;
		case 2:
			w = 640;
			h = 480;
			break;
		case 3:
			w = 1024;
			h = 768;
			break;
	}
	newHTML = '<img src="/part_img.php?im=' + im + '&xn='+ xn + '&yn=' + yn + '&c=' + c + '&cntr=' + cntr + '" width="'+w+'px" height="'+h+'px"/>';
	getprevobjnostyle("image").innerHTML = newHTML;
	getprevobj("image").display="block";
}
// функция вывода превью с именем thpic к картинке pic с сеткой num x num, ширина превью w, высота превью h, id слоя - thid
// (для вывода превью c возможностью перемещения над изображением)
function ShowPreview(thpic,pic,num,w,h,wp,hp,thid,xn,yn,country_code) {
	newHTML = '<table border="0" cellpadding="0" cellspacing="0" width="'+w+'px">';
	newHTML += '<tr class="td_1menu" height="20" width="180" style="cursor:move;" onmousedown="grabPreview(event);" onmouseout="movePreview(event);">';
	newHTML += '<td class="m10" align="left"><font color="white"><b>&nbsp;Уменьшенное&nbsp;изображение&nbsp;</b></font></td>';
	newHTML += '<td align="right">&nbsp;<img src="/img/move.gif" width="14" height="14" border="0"/>&nbsp;</td></tr><tr bgcolor="#FFFFFF"><td colspan="2" align="center"><br>';
	imagePath = '/thumb_img.php?im='+pic+'&w='+w+'&h='+h+'&c='+num+'&th='+thpic+'&xn='+xn+'&yn='+yn+'&cntr='+country_code;
	newHTML = newHTML + '<img src="' + imagePath + '" border="1" usemap="#ThumbMap'+thid+'" width="'+w+'px" height="'+h+'px">';

	switch (num) {
		case 1:
			sliceW = 320;
			sliceH = 240;
			break;
		case 2:
			sliceW = 640;
			sliceH = 480;
			break;
		case 3:
			sliceW = 1024;
			sliceH = 768;
			break;
	}

	newHTML	= newHTML + '<map name="ThumbMap'+thid+'">';
	
	var xcoords=new Array();
	var ycoords=new Array();
	xcoords[0] = 0;	ycoords[0] = 0;
	var k = 0;
	var aspectX = wp/w;
	var aspectY = hp/h;

	while (xcoords[k] + Math.round(sliceW/aspectX) < w) {
		k++;
		xcoords[k] = xcoords[k-1] + Math.round(sliceW/aspectX);
	}
	xcoords[k+1] = w;
	k = 0;
	while (ycoords[k] + Math.round(sliceH/aspectY) < h) {
		k++;
		ycoords[k] = ycoords[k-1] + Math.round(sliceH/aspectY);
	}
	ycoords[k+1] = h;

	for (var i=0;i<ycoords.length-1;i++) {
		for (var j=0;j<xcoords.length-1;j++) {
// составляем ссылку на страницу с изображением, где pic - ссылка на изображение, j, i - номера квадратов по X и Y, num - номер разрешения
// (1, 2, 3), thid - ID превью, thpic - ссылка на файл превью
			a1 = xcoords[j];
			a2 = ycoords[i];
			a3 = xcoords[j+1];
			a4 = ycoords[i+1];
			var arlink = 'javascript:RefreshImage('+pic+','+j+','+i+','+num+','+country_code+');';
			newHTML = newHTML + '<area shape="rect" coords="' + a1 + ',' + a2 + ',' + a3 + ',' + a4 + '" href="' + arlink+'" style="cursor:pointer"/>';
		}
	}

	newHTML = newHTML + '</map></td></tr>';
    newHTML = newHTML + '<tr bgcolor="#FFFFFF"><td colspan="2" class="m10" align="right">';
    newHTML = newHTML + '<a href="/show_picture.php?cntr=' + country_code + '&type=1&id=' + pic + '&cd=1"><b>показать всю карту</b>&nbsp;<img src="/img/str3blue.gif" width="10" height="5" border="0"></a>&nbsp;<br>';
    newHTML = newHTML + '<a href="/show_picture.php?cntr=' + country_code + '&preview=1&type=1&id=' + pic + '&cd=1"><b>вернуться</b>&nbsp;<img src="/img/str3blue.gif" width="10" height="5" border="0"></a>&nbsp;<br>';
    newHTML = newHTML + '<img src="/img/1px.gif" width="10" height="5"></td></tr></table>';

	getprevobjnostyle("preview").innerHTML = newHTML;
	getprevobj("preview").display="block";
}