var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var snowflake = "./img/logo.jpg";
var X, Y;

function snowNS(id_p) {  // Netscape main animation function

	document.write("<layer name=\"dot"+ id_p +"\" left=\"15\" ");
	document.write("top=\"15\" visibility=\"show\"><img src=\"");
	document.write(snowflake + "\" border=\"0\"></layer>");
}

function snowIE(id_p) {  // IE main animation function
	Y = Y + document.body.scrollTop + 10;
	X = X + 10;	
	Product_id = document.all['Product'+id_p].value;
	Desc_id = document.all['Desc'+id_p].value;	

if (FromLayer.innerHTML == "") {
		FromLayer.innerHTML = "<div id=layer_"+ id_p +" style='POSITION: absolute; Z-INDEX: 1; VISIBILITY: visible; TOP: "+ Y +"px; LEFT: 105px;'>" +
"<table width=100% CELLSPACING=0 CELLPADDING=0 valign=top border='0' align='center'><tr><td><table width=500 CELLSPACING=0 CELLPADDING=0 valign=top border='0' align='center'><tr><td><div id='body_png'><img src='img/layer-t-l.gif' style='background-image: url(img/layer-t-l.png);' class='png'/></div></td><td><div id='body_png'><img width=450 height=28 src='img/layer-t-bg.gif' style='background-image: url(img/layer-t-bg.png);' class='png'/></div>	</td><td><div id='body_png'><img src='img/layer-t-r.gif' style='background-image: url(img/layer-t-r.png);' class='png'/></div></td></tr><tr><td><div id='body_png'><img width='100%' height='180' src='img/layer-m-l.gif' style='background-image: url(img/layer-m-l.png);' class='png'/></div>" +
"</td><td><TABLE CELLSPACING=0 CELLPADDING=0 bgcolor='#FFFFFF' height='180' class='TA'><TR valign=top><TD colspan='2' valign=top align='center' class='TextLayerH' width='100%'>"+Product_id+"</TD> " +
"</TR><TR valign=top><TD valign=top align='center' style=' padding-right:10px;'><img src='./img/logo.jpg' border='0'></TD><TD valign=top align='left' class='TextBlue' width='100%' height='100%'>"+Desc_id+"</TD> "+
"</TR><TR valign=top><TD colspan='2' valign=top align='right' height='30'><a href='javascript: hideLayer()'><img src='./img/layer-close.gif' border='0'></a></TD></TR></TABLE></td><td><div id='body_png'><img width='100%' height='180' src='img/layer-m-r.gif' style='background-image: url(img/layer-m-r.png);' class='png'/></div></td></tr><tr><td><div id='body_png'><img src='img/layer-b-l.gif' style='background-image: url(img/layer-b-l.png);' class='png'/></div></td><td><div id='body_png'><img width=450 height=28 src='img/layer-b-bg.gif' style='background-image: url(img/layer-b-bg.png);' class='png'/></div></td><td><div id='body_png'><img src='img/layer-b-r.gif' style='background-image: url(img/layer-b-r.png);' class='png'/></div></td></tr></table></td></tr></table>"
	}
	else
	{
		FromLayer.innerHTML = ""
	}
}

function snowLayer(id_p) {  // IE main animation function
	if (ns4up) {
	snowNS(id_p);
	} else if (ie4up) {
	snowIE(id_p);
	}
}

function hideLayer(id_p) { 
	FromLayer.innerHTML = ""
}

function mouseplace() { 
	X = event.x;
	Y = event.y;
}

function showProduct(id_p,img) {  // IE main animation function
var img_p = "./img/logo.jpg";
	
	Y = Y + document.body.scrollTop + 10;
	X = X + 10;	
	Product_id = document.all['Product'+id_p].value;
	Desc_id = document.all['Desc'+id_p].value;	
	img1_id = document.all['img1_'+id_p].value;	
	img2_id = document.all['img2_'+id_p].value;	
	img3_id = document.all['img3_'+id_p].value;	
	link_id = document.all['linkPr'+id_p].value;	

// ------- Запоминаем текущее положение по Y, для корректного отображения при перезагрузке ------------
	if (img == "1" || img == "2" || img == "3")  {
		Y = Y_old	}
	else
	{	Y_old = Y	}

// ---- Если есть ссылка, то добавляем к списку фото ---------------------------------
	link_list = "";
	if (link_id == "")  {
	} else {
		link_list = "<a href='"+link_id+"'>Подробнее о товаре</a><br><br>";
	}
// ---- Если есть фото, то добавляем к списку фото ---------------------------------
	img_list = ""
	if (img1_id == "")  {
	} else {
		img_p = img1_id;
		img_list = img_list + "<a href='javascript: showProduct("+id_p+",1)'>::1</a>&nbsp;&nbsp;"
	}
	if (img2_id == "")  {
	} else {
		img_list = img_list + "<a href='javascript: showProduct("+id_p+",2)'>::2</a>&nbsp;&nbsp;"
	}
	if (img3_id == "")  {
	} else {
		img_list = img_list + "<a href='javascript: showProduct("+id_p+",3)'>::3</a>"
	}

// ------- Задаём номер фото для отображения ---
	if (img == "1")  {
		img_p = img1_id;
	} 
	if (img == "2")  {
		img_p = img2_id;
	} 
	if (img == "3")  {
		img_p = img3_id;
	} 

// ---- Отображение ---
	if (FromLayer.innerHTML == "" || img == "1" || img == "2" || img == "3")  {
			FromLayer.innerHTML = "<div id=layer_"+ id_p +" style='POSITION: absolute; Z-INDEX: 1; VISIBILITY: visible; TOP: "+ Y +"px; LEFT: 105px;'>" +
	"<table width=100% CELLSPACING=0 CELLPADDING=0 valign=top border='0' align='center'><tr><td><table width=500 CELLSPACING=0 CELLPADDING=0 valign=top border='0' align='center'><tr><td><div id='body_png'><img src='img/layer-t-l.gif' style='background-image: url(img/layer-t-l.png);' class='png'/></div></td><td><div id='body_png'><img width=450 height=28 src='img/layer-t-bg.gif' style='background-image: url(img/layer-t-bg.png);' class='png'/></div>	</td><td><div id='body_png'><img src='img/layer-t-r.gif' style='background-image: url(img/layer-t-r.png);' class='png'/></div></td></tr><tr><td><div id='body_png'><img width='100%' height='231' src='img/layer-m-l.gif' style='background-image: url(img/layer-m-l.png);' class='png'/></div>" +
	"</td><td><TABLE CELLSPACING=0 CELLPADDING=0 bgcolor='#FFFFFF' height=231' class='TA'><TR valign=top><TD colspan='2' valign=top align='center' class='TextLayerH' width='100%'>"+Product_id+"</TD> " +
	"</TR><TR valign=top><TD valign=top align='center' style=' padding-right:10px;' height=150><img src='"+img_p+"' border='0'></TD><TD valign=top align='left' class='TextBlue' width='100%' height='100%'>"+link_list+Desc_id+"</TD> "+
	"</TR><TR valign=top><TD align='center' style=' padding-right:10px;' height='10' valign=bottom>"+img_list+"</TD><TD valign=top align='right'><a href='javascript: hideLayer()'><img src='./img/layer-close.gif' border='0'></a></TD></TR></TABLE></td><td><div id='body_png'><img width='100%' height='231' src='img/layer-m-r.gif' style='background-image: url(img/layer-m-r.png);' class='png'/></div></td></tr><tr><td><div id='body_png'><img src='img/layer-b-l.gif' style='background-image: url(img/layer-b-l.png);' class='png'/></div></td><td><div id='body_png'><img width=450 height=28 src='img/layer-b-bg.gif' style='background-image: url(img/layer-b-bg.png);' class='png'/></div></td><td><div id='body_png'><img src='img/layer-b-r.gif' style='background-image: url(img/layer-b-r.png);' class='png'/></div></td></tr></table></td></tr></table>"
	}
	else
	{
		FromLayer.innerHTML = "";
	}
// ---- Для Opera, всплывающие слои у последних товаров не раздвигают страницу, обидно!!! ---
	if (FromLastLayer.innerHTML == "" &
		id_p > "70")  {
			FromLastLayer.innerHTML = "<table width=100% CELLSPACING=0 CELLPADDING=0 valign=top border='0' align='center'><tr><td height='200'></td></tr></table>"
	}
	else
	{
			FromLastLayer.innerHTML = "";
	}

}

function iAddProduct(id_p) {  // IE main animation function
	Y = Y + document.body.scrollTop + 10;
	X = X + 10;	
	Product_id = document.all['Product'+id_p].value;
	Desc_id = document.all['Desc'+id_p].value;	

if (FromLayer.innerHTML == "") {
		FromLayer.innerHTML = "<div id=layer_"+ id_p +" style='POSITION: absolute; Z-INDEX: 1; VISIBILITY: visible; TOP: "+ Y +"px; LEFT: 105px;'>" +
"<table width=100% CELLSPACING=0 CELLPADDING=0 valign=top border='0' align='center'><tr><td><table width=500 CELLSPACING=0 CELLPADDING=0 valign=top border='0' align='center'><tr><td><div id='body_png'><img src='img/layer-t-l.gif' style='background-image: url(img/layer-t-l.png);' class='png'/></div></td><td><div id='body_png'><img width=450 height=28 src='img/layer-t-bg.gif' style='background-image: url(img/layer-t-bg.png);' class='png'/></div>	</td><td><div id='body_png'><img src='img/layer-t-r.gif' style='background-image: url(img/layer-t-r.png);' class='png'/></div></td></tr><tr><td><div id='body_png'><img width='100%' height='250' src='img/layer-m-l.gif' style='background-image: url(img/layer-m-l.png);' class='png'/></div>" +
"</td><td><TABLE CELLSPACING=0 CELLPADDING=0 bgcolor='#FFFFFF' height='250' width='100%' class='TA'><TR valign=top><TD colspan='2' valign=top align='center' width='100%' class='td_header_Show' height='40'>Добавление товара</TD> " +
"</TR><TR valign=top><TD valign=top align='left' class='TextBlue' width='30%'>Название пункта:</TD><TD valign=top align='left' style=' padding-right:10px;'><INPUT TYPE='Text' NAME = 'article' value=''  style='width=300'></TD> "+
"</TR><TR valign=top><TD valign=top align='left' class='TextBlue'>Уровень пункта:</TD><TD valign=top align='left' class='TextBlue'><INPUT TYPE='Radio' class=RADIO style='padding-left:0px;' NAME='LevPrice' value='0' style='cursor:hand'> Первый <INPUT TYPE='Radio' class=RADIO style='padding-left:0px;' NAME='LevPrice' value='0' style='cursor:hand'> Второй <INPUT TYPE='Radio' class=RADIO style='padding-left:0px;' NAME='LevPrice' value='0' style='cursor:hand'> Третий </TD> "+
"</TR><TR valign=top><TD valign=top align='left' class='TextBlue'>Описание:</TD><TD valign=top align='left' class='TextBlue'><TEXTAREA style='width=200; height=64' name='Desc' tabindex=3></TEXTAREA></TD> "+
"</TR><TR valign=top><TD valign=top align='left' class='TextBlue' width='30%'>Фото 1:</TD><TD valign=top align='left' style=' padding-right:10px;'><INPUT TYPE='Text' NAME = 'foto1' value=''  style='width=300'></TD> "+
"</TR><TR valign=top><TD valign=top align='left' class='TextBlue' width='30%'>Фото 2:</TD><TD valign=top align='left' style=' padding-right:10px;'><INPUT TYPE='Text' NAME = 'foto2' value=''  style='width=300'></TD> "+
"</TR><TR valign=top><TD valign=top align='left' class='TextBlue' width='30%'>Фото 3:</TD><TD valign=top align='left' style=' padding-right:10px;'><INPUT TYPE='Text' NAME = 'foto3' value=''  style='width=300'></TD> "+
"</TR><TR valign=top><TD colspan='2' valign=bottom align='right' height='40'><a href='javascript: wAddProduct("+id_p+")'><img src='./img/layer-yes.gif' border='0'></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href='javascript: hideLayer()'><img src='./img/layer-close.gif' border='0'></a></TD></TR></TABLE></td><td><div id='body_png'><img width='100%' height='250' src='img/layer-m-r.gif' style='background-image: url(img/layer-m-r.png);' class='png'/></div></td></tr><tr><td><div id='body_png'><img src='img/layer-b-l.gif' style='background-image: url(img/layer-b-l.png);' class='png'/></div></td><td><div id='body_png'><img width=450 height=28 src='img/layer-b-bg.gif' style='background-image: url(img/layer-b-bg.png);' class='png'/></div></td><td><div id='body_png'><img src='img/layer-b-r.gif' style='background-image: url(img/layer-b-r.png);' class='png'/></div></td></tr></table></td></tr></table>"
	}
	else
	{
		FromLayer.innerHTML = "";
	}
}

function showClient(id_p,img) {  // IE main animation function
var img_p = "./img/logo.jpg";
	
	Y = Y + document.body.scrollTop + 10;
	X = X + 10;	
	Product_id = document.all['Product'+id_p].value;
	Desc_id = document.all['Desc'+id_p].value;	
	img1_id = document.all['img1_'+id_p].value;	
	img2_id = document.all['img2_'+id_p].value;	
	img3_id = document.all['img3_'+id_p].value;	
	link_id = document.all['linkPr'+id_p].value;	

// ------- Запоминаем текущее положение по Y, для корректного отображения при перезагрузке ------------
	if (img == "1" || img == "2" || img == "3")  {
		Y = Y_old	}
	else
	{	Y_old = Y	}

// ---- Если есть ссылка, то добавляем к списку фото ---------------------------------
	link_list = ""
	if (link_id == "")  {
	} else {
		link_list = "<a href='"+link_id+"'>"+link_id+"</a><br><br>"
	}
// ---- Если есть фото, то добавляем к списку фото ---------------------------------
	img_list = ""
	if (img1_id == "")  {
	} else {
		img_p = img1_id
		img_list = img_list + "<a href='javascript: showClient("+id_p+",1)'>::1</a>&nbsp;&nbsp;"
	}
	if (img2_id == "")  {
	} else {
		img_list = img_list + "<a href='javascript: showClient("+id_p+",2)'>::2</a>&nbsp;&nbsp;"
	}
	if (img3_id == "")  {
	} else {
		img_list = img_list + "<a href='javascript: showClient("+id_p+",3)'>::3</a>"
	}

// ------- Задаём номер фото для отображения ---
	if (img == "1")  {
		img_p = img1_id
	} 
	if (img == "2")  {
		img_p = img2_id
	} 
	if (img == "3")  {
		img_p = img3_id
	} 

// ---- Отображение ---
	if (FromLayer.innerHTML == "" || img == "1" || img == "2" || img == "3")  {
			FromLayer.innerHTML = "<div id=layer_"+ id_p +" style='POSITION: absolute; Z-INDEX: 1; VISIBILITY: visible; TOP: "+ Y +"px; LEFT: 105px;'>" +
	"<table width=100% CELLSPACING=0 CELLPADDING=0 valign=top border='0' align='center'><tr><td><table width=500 CELLSPACING=0 CELLPADDING=0 valign=top border='0' align='center'><tr><td><div id='body_png'><img src='img/layer-t-l.gif' style='background-image: url(img/layer-t-l.png);' class='png'/></div></td><td><div id='body_png'><img width=450 height=28 src='img/layer-t-bg.gif' style='background-image: url(img/layer-t-bg.png);' class='png'/></div>	</td><td><div id='body_png'><img src='img/layer-t-r.gif' style='background-image: url(img/layer-t-r.png);' class='png'/></div></td></tr><tr><td><div id='body_png'><img width='100%' height='210' src='img/layer-m-l.gif' style='background-image: url(img/layer-m-l.png);' class='png'/></div>" +
	"</td><td><TABLE CELLSPACING=0 CELLPADDING=0 bgcolor='#FFFFFF' height=210' class='TA'><TR valign=top><TD colspan='2' valign=top align='center' class='TextLayerH' width='100%' height='30'>"+Product_id+"</TD> " +
	"</TR><TR valign=top><TD valign=top align='center' style=' padding-right:10px;' height=150><img src='"+img_p+"' border='0'></TD><TD valign=top align='left' class='TextBlue' width='100%' height='100%'>"+link_list+Desc_id+"</TD> "+
	"</TR><TR valign=top><TD align='center' style=' padding-right:10px;' height='10' valign=bottom>"+img_list+"</TD><TD valign=top align='right'><a href='javascript: hideLayer()'><img src='./img/layer-close.gif' border='0'></a></TD></TR></TABLE></td><td><div id='body_png'><img width='100%' height='210' src='img/layer-m-r.gif' style='background-image: url(img/layer-m-r.png);' class='png'/></div></td></tr><tr><td><div id='body_png'><img src='img/layer-b-l.gif' style='background-image: url(img/layer-b-l.png);' class='png'/></div></td><td><div id='body_png'><img width=450 height=28 src='img/layer-b-bg.gif' style='background-image: url(img/layer-b-bg.png);' class='png'/></div></td><td><div id='body_png'><img src='img/layer-b-r.gif' style='background-image: url(img/layer-b-r.png);' class='png'/></div></td></tr></table></td></tr></table>"
	}
	else
	{
		FromLayer.innerHTML = ""
	}
// ---- Для Opera, всплывающие слои у последних товаров не раздвигают страницу, обидно!!! ---
	if (FromLastLayer.innerHTML == "" &
		id_p > "96")  {
			FromLastLayer.innerHTML = "<table width=100% CELLSPACING=0 CELLPADDING=0 valign=top border='0' align='center'><tr><td height='200'></td></tr></table>"
	}
	else
	{
			FromLastLayer.innerHTML = "";
	}

}

