// CAT
function show() {
var a = document.getElementById('cats');
var b = document.getElementById('middle');
var c = document.getElementById('catbutton');
var d = document.getElementById('footer');
document.getElementById('cats').style.display='';
c.className='sel';
if (a.offsetHeight < height) {
a.style.height = (a.offsetHeight + 10) + "px";
b.style.top = (b.offsetTop + 10) + "px";
setTimeout (function(){show()}, 30);
}
else {bl=0;a.style.overflow='visible';document.cookie="panel=shown";d.style.top = 208 + "px";};
}

function hide() {
var a = document.getElementById('cats');
var b = document.getElementById('middle');
var c = document.getElementById('catbutton');
var d = document.getElementById('footer');
document.getElementById('cats').style.overflow='hidden';
if (a.offsetHeight > 0) {
a.style.height = (a.offsetHeight - 10) + "px";
b.style.top = (b.offsetTop - 10) + "px";
setTimeout (function(){hide()}, 30);
}
else {bl=0;c.className='allcat';a.style.display='none';document.cookie="panel=hidden";d.style.top = 0;}
}

var height = 208;
var bl=0;
function catsmenu() {
var a = document.getElementById('cats');
if(bl==1){return false;}
bl=1;
if(a.offsetHeight < height)
{show()}
else
{hide()}
}

// TIPs
var qTipTag = "a,input,span,img,textarea"; //Which tag do you want to qTip-ize? Keep it lowercase!//
var qTipX = 0; //This is qTip's X offset//
var qTipY = 15; //This is qTip's Y offset//

//There's No need to edit anything below this line//
tooltip = {
  name : "qTip",
  offsetX : qTipX,
  offsetY : qTipY,
  tip : null
}

tooltip.init = function () {
	var tipNameSpaceURI = "http://www.w3.org/1999/xhtml";
	if(!tipContainerID){ var tipContainerID = "qTip";}
	var tipContainer = document.getElementById(tipContainerID);

	if(!tipContainer) {
	  tipContainer = document.createElementNS ? document.createElementNS(tipNameSpaceURI, "div") : document.createElement("div");
		tipContainer.setAttribute("id", tipContainerID);
	  document.getElementsByTagName("body").item(0).appendChild(tipContainer);
	}

	if (!document.getElementById) return;
	this.tip = document.getElementById (this.name);
	if (this.tip) document.onmousemove = function (evt) {tooltip.move (evt)};

	var a, sTitle, elements;
	
	var elementList = qTipTag.split(",");
	for(var j = 0; j < elementList.length; j++)
	{	
		elements = document.getElementsByTagName(elementList[j]);
		if(elements)
		{
			for (var i = 0; i < elements.length; i ++)
			{
				a = elements[i];
				sTitle = a.getAttribute("title");				
				if(sTitle)
				{
					a.setAttribute("tiptitle", sTitle);
					a.removeAttribute("title");
					a.removeAttribute("alt");
					a.onmouseover = function() {tooltip.show(this.getAttribute('tiptitle'))};
					a.onmouseout = function() {tooltip.hide()};
				}
			}
		}
	}
}

tooltip.move = function (evt) {
	var x=0, y=0;
	if (document.all) {//IE
		x = (document.documentElement && document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft;
		y = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
		x += window.event.clientX;
		y += window.event.clientY;
		
	} else {//Good Browsers
		x = evt.pageX;
		y = evt.pageY;
	}
	this.tip.style.left = (x + this.offsetX) + "px";
	this.tip.style.top = (y + this.offsetY) + "px";
}

tooltip.show = function (text) {
	if (!this.tip) return;
	this.tip.innerHTML = text;
	this.tip.style.display = "block";
}

tooltip.hide = function () {
	if (!this.tip) return;
	this.tip.innerHTML = "";
	this.tip.style.display = "none";
}

window.onload = function () {
	tooltip.init ();
}

// main page

function animate(tagId,alfa,step){
 div = document.getElementById(tagId);
 var items = new Array();
 //Выбираем все рисунки слайдшоу
 for(c=i=0;i<div.childNodes.length;i++){
  if (div.childNodes[i].tagName=="IMG"){
   items[c] = div.childNodes[i];
   c++;
  }
 }
 last = items[items.length-1];
 next = items[items.length-2];
 //делаем верхний в стопке(текущий) рисунок более прозрачным
 last.style.opacity= alfa/100;
 last.style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity="+alfa+")";
 last.style.filter= "alpha(opacity="+alfa+")";

 if ((alfa-step)>0){
  //если еще не достигли полной прозрачности верхнего рисунка - продолжаем анимацию
   setTimeout("animate('"+tagId+"',"+(alfa-step)+","+step+");",50);
 }else{
  //если достигли полной прозрачности верхнего рисунка
  //делаем абсолютно непрозрачным следующий рисунок
  next.style.opacity= 1;
  next.style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  next.style.filter= "alpha(opacity=100)";
  // а верхний рисунок перемещаем в низ стопки
  tmp = last;
  div.removeChild(last);
  div.insertBefore(tmp,items[0]);
  tmp.style.opacity= 1;
  tmp.style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  tmp.style.filter= "alpha(opacity=100)";

  setTimeout( "slideSwitch('"+tagId+"',1000)", 8000 );
 }
}
//эта функция делает видимым блок с рисунками для слайдшоу (изначально он невидим, чтобы избежать мерцания во время загрузки картинок) и запускает анимацию
function slideSwitch(tagId,speed){
 div = document.getElementById('slideshow');
 if (div) { // проверяем, есть ли на странице слайдшоу
 if (div.style.visibility!="visible")
 {div.style.visibility = "visible";}
 items = div.getElementsByTagName('IMG');
 if (items.length>0){
  animate(tagId,100,10);
  }
 }
}
//выжидаем пару секунд, чтобы картинки успели загрузиться... можно просто поставить на onload-событие последнего из рисунков
setTimeout( "slideSwitch('slideshow',1000);",8000 );



function demo() {
alert('Данная ограниченная версия сайта выложена исключительно для демонстрации. Работает всего 4 страницы: Главная, Контакты, О каталоге и Пример оформления страницы (кликните по любой картинке слева). Адекватно сайт работает в браузерах Opera 10, Firefox 3, Internet Explorer 7 и Internet Explorer 8.')}

//function big(id) {
//document.getElementById('pic-1').style.width='400';
//document.getElementById('pic-1').style.height='300';
//document.getElementById('imgpic-1').style.width='400';
//document.getElementById('imgpic-1').style.height='300';
//}

function toggle(id) {
if (document.getElementById(id).style.display=='none')
{document.getElementById(id).style.display='block';}
else {
document.getElementById(id).style.display='none';}
}


function submit_validator(f) {
	if (f.report_service.value=='' || f.report_service.value=='Название услуги') { alert('Вы не заполнили название услуги.'); f.report_service.focus(); return false; }
	if (f.report_company.value=='' || f.report_company.value=='Кто оказал услугу') { alert('Вы не заполнили название предприятия (имя предпринимателя), оказавшего Вам услугу.'); f.report_company.focus(); return false; }
	if (f.report_contacts.value=='' || f.report_contacts.value=='Как связаться с тем, кто оказал услугу') { alert('Вы не заполнили контакты предоставителя услуги.'); f.report_contacts.focus(); return false; }
	if (f.report_adress.value=='' || f.report_adress.value=='Желательно адрес') { alert('Вы не указали, где была оказана услуга.'); f.report_adress.focus(); return false; }
    if (f.report_text.value=='' || f.report_text.value=='Что Вам понравилось (качество, скорость, стоимость). Почему именно это предприятие (предпринимателя) Вы рекомендуете.') { alert('Вы не заполнили текст отзыва.'); f.report_text.focus(); return false; }
    if (f.report_name.value=='' || f.report_name.value=='Ваши имя и фамилия') { alert('Пожалуйста, укажите Ваше имя.'); f.report_name.focus(); return false; }
    if (f.report_email.value=='' || f.report_email.value=='Ваш e-mail (не публикуется)') { alert('Вы должны указать свой email адрес.'); f.report_email.focus(); return false; }
    if (!f.report_email.value.match("^[A-Za-z0-9][A-Za-z0-9\._-]*[A-Za-z0-9_]*@([A-Za-z0-9]+([A-Za-z0-9-]*[A-Za-z0-9]+)*\.)+[A-Za-z]+$")) { alert("Некорректный синтаксис email-адреса!"); f.report_email.focus(); return false; } 
return true;
}