$(document).ready(function(){
	if ($(".mainBanner").length==0)
	{
		$(".content").prepend('<div class="clear"></div>');
		//$(window).load(function(){
			//alert($.browser.msie);
			cls1 = $('.collage1').attr("src");
			cls2 = $('.collage2').attr("src");
			cls3 = $('.collage3').attr("src");
			ttl  = $('.title').html();
			$('.collage1, .collage2, .collage3, .title').remove();
			html = '<div class="collage1"><img src="'+cls1+'" alt="" /><div class="title">'+ttl+'</div></div>';
			html = html + '<div class="collage2"><img src="'+cls2+'" alt="" /></div>';
			html = html + '<div class="collage3"><img src="'+cls3+'" alt="" /></div>';
			$(html).prependTo(".grey");
		//});
	}
	
	$("#shop_gallery .prevs a").css("visibility","visible");
	$("#shop_gallery .prevs a").click(function(){
		href = $(this).attr('href');
		obj = $("#shop_gallery .photo img");
		obj.animate({'opacity':0}, 'slow', function(){
			obj.attr('src',href);
			obj.animate({'opacity':1}, 'slow');
		});
		$("#shop_gallery .prevs a").css("border","1px solid #cecfce");
		$(this).css("border","1px solid #cc0001");
		return false;
	});
	
});

function wopen(imgName, w , h, Title)
{
	var wo = window.open("", "abc", "width = " + w + " , height = " + h + ", scrollbars=0, status=0");
	wo.document.open();
	var win = "";
	win = "<html><head><title>";
	win += Title;
	win += "</title></head>"
	win += "<body bgcolor='#FFFFFF' leftmargin='0' topmargin='0' rightmargin='0' bottommargin='0' marginwidth='0' marginheight='0'>";
	win += "<table cellpadding='0' cellspacing='0' border='0' width='100%' height='100%'><tr><td align='center'>";
	win += "<a href='#' onClick='self.window.close();'><img src='" + imgName + "' width='" + w + "' height='" + h + "' border='0' alt='" + Title + "'></a>";
	win += "</td></tr></table>";
	win += "</body></html>";
	w += 8;
	h += 26;
	wo.window.resizeTo(w, h);
	wo.document.write(win);
	wo.window.focus();
	wo.document.close();
}

function wopen2(imgName, w , h, Title)
{
	var left, top;
	left = screen.width / 2 - (w / 2);
	top = screen.height / 3 - (h / 3);

	var wo = window.open("", "abc", "width=" + w + ", height=" + h + ", scrollbars=0, status=0, left=" + left + ", top=" + top );
	wo.document.open();
	var win = "";
	win = "<html><head>";
	win += "<title>" + Title + "</title>";
	win += "<style type='text/css'> * {margin:0; padding:0; border:0; } img {cursor:pointer;} </style> </head>"
	win += "<body>";
	win += "<table cellpadding='0' cellspacing='0' width='100%' height='100%'><tr><td align='center'>";
	win += "<a href='#' onClick='self.window.close();'><img src='" + imgName + "' width='" + w + "' height='" + h + "' alt='" + Title + "'></a>";
	win += "</td></tr></table>";
	win += "</body></html>";
	w += 20;
	h += 52;
	wo.window.resizeTo(w, h);
	wo.document.write(win);
	wo.window.focus();
	wo.document.close();
}

var paddBottom	= new Array('0', '3', '10', '16', '23', '29'); 
var TBLPrefix	= "TBL";
var DIVPrefix	= "div";
var sLeft		= 538;
var sTop		= 59;
var Step		= 22;
var timer		= 0;
var timer_local	= 0;

var sArray = new Array();
var i = 0;
var j = 0;

sArray[i]				= new PFMenu(sTop, sLeft, "Product");
sArray[i].childArr 		= new Array();
sArray[i].childArr[j++] = new sLink("/Article_10.html", "Оптические кабели связи");
sArray[i].childArr[j++] = new sLink("/Article_11.html", "Оптические муфты");
sArray[i].childArr[j++] = new sLink("/Article_12.html", "Арматура для кабелей");
sArray[i].childArr[j++] = new sLink("/Article_13.html", "Гарантии качества");

i++; j = 0;

sArray[i]				= new PFMenu(sTop += Step, sLeft, "Service");
sArray[i].childArr 		= new Array();
/*sArray[i].childArr[j++] = new sLink("/Article_1.html", "Service" + j);
sArray[i].childArr[j++] = new sLink("/Article_1.html", "Service" + j);
sArray[i].childArr[j++] = new sLink("/Article_1.html", "Service" + j);*/

i++; j = 0;

sArray[i]				= new PFMenu(sTop += Step, sLeft, "Partners");
sArray[i].childArr 		= new Array();
sArray[i].childArr[j++] = new sLink("/Article_19.html", "Производители кабеля");
sArray[i].childArr[j++] = new sLink("/Article_20.html", "Производители материалов");
sArray[i].childArr[j++] = new sLink("/Article_21.html", "Производители доп. обор.");

i++; j = 0;

sArray[i]				= new PFMenu(sTop += Step, sLeft, "Company");
sArray[i].childArr 		= new Array();
sArray[i].childArr[j++] = new sLink("/Article_52.html", "Контакты");
sArray[i].childArr[j++] = new sLink("/Article_23.html", "Регион. представительства");
sArray[i].childArr[j++] = new sLink("/Article_24.html", "Коллектив");

i++; j = 0;

sArray[i]				= new PFMenu(sTop += Step, sLeft, "News");
sArray[i].childArr 		= new Array();
sArray[i].childArr[j++] = new sLink("/Article_25.html", "Последние новости");
sArray[i].childArr[j++] = new sLink("/newsArchive.html", "Архив новостей");

i++; j = 0;

sArray[i]				= new PFMenu(sTop += Step, sLeft, "Dialog");
sArray[i].childArr 		= new Array();

i++; j = 0;

sArray[i]				= new PFMenu(sTop += Step, sLeft, "CoolInfo");
sArray[i].childArr 		= new Array();
sArray[i].childArr[j++] = new sLink("/Article_27.html", "Прокладка и монтаж");
sArray[i].childArr[j++] = new sLink("/Article_28.html", "Оптическое волокно");
sArray[i].childArr[j++] = new sLink("/Article_29.html", "Маркировка расцветка ОМ и ОВ");
sArray[i].childArr[j++] = new sLink("/Article_30.html", "Кабельная тара");
sArray[i].childArr[j++] = new sLink("/Article_31.html", "Статьи");


function Add(str1, str2)
{
	return str1 + "_" + str2;
}

function CutTBL(str)
{
	var Arr = new Array();
	Arr = str.split("_");
	
	return Arr[0];
}

function sLink(slink, stext)
{
	this.slink = slink;
	this.stext = stext;
}

function PFMenu(top, left, name)
{
	this.top			= top;
	this.left			= left;
	this.name			= name;
	this.childArr		= new Array();
	
	this.bildItemMenu = bildItemMenu;
}

function bildItemMenu()
{
	var s1 = '';
	var hidd = 'hidden';
	var id = Add(this.name, TBLPrefix);
	var childCount = this.childArr.length;
	
	var s2 = '';
	
	if(childCount > 0)
	{
		s1 += '<table border="0" cellspacing="1" cellpadding="0" id="' + id + '" onmouseover="menuOver();" onmouseout="menuOut(' + id + ');">\n';
		s1 += '<tr >\n';
		s1 += '<td width="45" background="/firstPage/TopBottomLine.gif"><img src="/firstPage/CenterLine.gif" width="45" height="19"></td>\n';
		s1 += '<td width="100%">\n';
		
		for(var i=0; i<childCount; i++)
			s1 += '\t<div><a href="' + this.childArr[i].slink + '">' + this.childArr[i].stext + '</a></div>\n';
			
		s1 += '<td>\n';
		s1 += '<tr>\n';
		s1 += '</table>\n';
	
	
		document.getElementById('Special').innerHTML += s1;
		 
		var sID 				= document.getElementById(id);
		sID.style.position		= "absolute";
		sID.style.visibility	= "hidden";
		sID.style.top			= this.top - parseInt(paddBottom[childCount-1]);
		sID.style.left			= this.left;
		sID.style.width			= "240";
	
		var tID = document.getElementById(this.name);
		tID.onmouseover = ShowLayer;
		tID.onmouseout	= HHLayer;
	}
	else
	{
		var tID = document.getElementById(this.name);
		tID.onmouseover = HideALL;
	}
}

function ShowLayer()
{
	s1 = Add(this.id, TBLPrefix)
	HideALL(s1);
	
	var str		= Add(this.id, TBLPrefix);
	var str2	= Add(this.id, DIVPrefix);
	
	var nID = document.getElementById(str).style;
	nID.visibility = "visible";
	
	var hID = document.getElementById(str2);
	hID.className = "firstPageBigImgBGR";

}

function HideLayer(id)
{
	var str 	= Add(id, TBLPrefix);
	var str2	= Add(id, DIVPrefix);
	
	var nID = document.getElementById(str).style;
	nID.visibility = "hidden";
	
	var hID = document.getElementById(str2);
	hID.className = "";
}

function HHLayer()
{	
	timer = window.setTimeout("HideLayer('" + this.id + "')", 200);
}

function Hide()
{
	var bID = '';
	var s1 = '';
	
	for(var i=0; i<sArray.length; i++)
	{
		if(sArray[i].childArr.length > 0)
		{
			s1 = Add(sArray[i].name, TBLPrefix);
		
			alert(bID.visibility)
		
			bID = document.getElementById(s1).style;
			bID.visibility = "hidden";
			
			alert(bID.visibility)
		}	
	}
}

function HideALL(id)
{
	var bID = '';
	var tID = '';
	var s1 = '';
	var s2 = '';
	
	for(var i=0; i<sArray.length; i++)
	{
		s1 = Add(sArray[i].name, TBLPrefix);
		s2 = Add(sArray[i].name, DIVPrefix);

		if((s1 != id) && (sArray[i].childArr.length > 0))
		{	
			bID = document.getElementById(s1).style;
			bID.visibility = "hidden";
			
			tID = document.getElementById(s2);
			tID.className = "";
		}
	}
}

function BildLayers()
{
	for(var i=0; i<sArray.length; i++)
	{
		sArray[i].bildItemMenu();
	}
}


function menuOver()
{	
	if(timer)
		window.clearTimeout(timer);

	if(timer_local)
		window.clearTimeout(timer_local);
}

function menuOut(menuDiv) 
{
	timer_local = window.setTimeout("setMenuVisibility('" + menuDiv.id +"', '')", 100);

}

function setMenuVisibility(menuID, visibility) {
	var div1 = document.getElementById(menuID);
	div1.style.visibility = visibility;	
	
	var Arr = new Array();
	Arr = menuID.split("_");
	
	var s1 = Add(Arr[0], DIVPrefix);
	document.getElementById(s1).className = '';
}

function gototuda(sel_id)
{
	var currentSelect;
	currentSelect = document.getElementById(sel_id);
	window.location = currentSelect.value;
}


/*  для моделей (article_5.html) */
var curx=0; //текущее положение слоя
var speed=20; // частота обновления
var step=5; //шаг движения слоя
var areawidth=150; //размер области, по которой движется слой
var needmove=1; 
var visibleid;
var globalid;
var lastclick;
function movelayer(id){  //функция перемещения слоя	
	if (id) {
		globalid=id;
		if (lastclick) {
			document.getElementById(lastclick).style.color="#666";
			document.getElementById(lastclick).style.backgroundColor="#cecfce";
		}
		lastclick='p'+id;
		document.getElementById(lastclick).style.color="#F00";
		document.getElementById(lastclick).style.backgroundColor="#FFF";
	}
	if (visibleid) { closelayer(id); }
	else { openlayer(id); }
}
function openlayer(id){
	curx+=step;
	document.getElementById("m234").style.left=curx+'px'; //перемещаем слой в новое положение
	if(curx>=areawidth) { document.getElementById(globalid).style.display='block'; visibleid=globalid; }
	else setTimeout("movelayer();",speed);
}
function closelayer(id){
	curx-=step;
	document.getElementById("m234").style.left=curx+'px'; //перемещаем слой в новое положение
	if(curx<=0) {
		document.getElementById(visibleid).style.display='none';
		visibleid=0;
		openlayer(globalid);
	}
	else setTimeout("movelayer();",speed);
}
