/*
*	kellas framework v 1.03
*	kel14@mail.ru
*	kellas.habrahabr.ru
*	для Orange-Lab
*/

	/*----------------------------------------------------------*/
	/*   Типа настройки		                         */
	/*--------------------------------------------------------*/

	//$.noConflict();
	
	// адрес php скрипта(сниппета) к котоому направляются все ajax запросы
	var respond_file = 'assets/snippets/2orangeLab/respond.php';
	
	/*--------------------------------------------------------*/
		
		
		
		
		
		
		
		
		
		

$(document).ready( function() {

	/*  П р е л о а д е р */
	//$("#loading").ajaxStart(function(){ $(this).show(); });
	//$("#loading").ajaxStop(function() { $(this).hide(); });
	
	/*  небольшое преобразование страницы */

		$(document).pngFix(); // фиксим png для ie6 
		
		//alert(getClientWidth());
		if(getClientWidth()<=1024){
			$("html").addClass("px1024");
			if($("html").hasClass("ie")){
				$("html").addClass("px1024-ie");
			}
			var px1024=true;
		}
		
		// стартуем анимацию "сносок" на персонажами, типа они чё-то говорят
		if ($("#say").length) { sayStart(); }
		if ($("#say-page").length) { sayStartOnPage(); }
		
	/* конец  преобразование */

	
	/* События */
	/* конец событий */

}); // $doc.. ready



/*-----------------------------------------------------------------------*/
/*   расстановка  мягких  переносов + висячая пунктуация    	*/
/*-----------------------------------------------------------------------*/
//   в тексте блоков с классом hypernate (прим:  <p class="hyphenate " lang="ru">  )

// переносы
Hyphenator.config({
		onerrorhandler : function (e) {
			//do nothing
			alert(e);
		},
		remoteloading : false,					// авто подгрузка скрипта с паттерном, нужна в случае если он не подключен ручками в head 
		enablecache:			false,
		displaytogglebox:       false,
		classname: 				'hyphenate',
		donthyphenateclassname: 'donthyphenate',
		hyphenchar:            	'&shy;',		// знак переноса
		urlhyphenchar:         	'',				// знак переноса в ссылке
		minwordlength: 			3				// минимальная длина части слова

});
Hyphenator.run();

// обработка контента для пунктуации
$(document).ready( function() {
	var data='';
	$(".hyphenate").css({textAlign: "justify"});// вытавляем всем элементом с классом hypernate выравнивание по ширине 
	if (!IE && !$("html").hasClass('opera') && !$("html").hasClass('safari')) { // нахуй оперу и ИЕ
		setTimeout(function(){
			$(".hyphenate").each(function(){
				data = punctuationTags($(this).html());
				$(this).html(data);
			});
			punctuationRun();		
		},2000);
	}

	
	
}); // $doc.. ready

function str_replace(search, replace, subject) {
    return subject.split(search).join(replace);
} 
function punctuationTags(data) {
	data = str_replace(' - ', ' — ', data);
	data = str_replace('>«', '<span class="hlaquo">«</span>', data);
	data = str_replace('>&laquo;', '<span class="hlaquo">«</span>', data);
	data = str_replace(' «', '<span class="slaquo"> </span><span class="hlaquo">«</span>', data);
	data = str_replace(' &laquo;', '<span class="slaquo"> </span><span class="hlaquo">«</span>', data);
	data = str_replace('>(', '<span class="hbrace">(</span>', data);
	data = str_replace(' (', '<span class="sbrace"> </span><span class="hbrace">(</span>', data);
	data = str_replace(' &brace;', '<span class="sbrace"> </span><span class="hbrace">(</span>', data);
	data = str_replace('­', '<span class="hshy">­</span>', data);
    return data;
} 
function punctuationRun() {
	$(".hlaquo").each(function(){
		$(this).css({marginLeft: '-' + $(this).width()+'px'});
	});
	$(".hbrace").each(function(){
		$(this).css({marginLeft: '-' + $(this).width()+'px'});
	});			
	$(".slaquo").each(function(){
		$(this).css({marginRight: $(this).width()*2+'px'});
	});
	$(".sbrace").each(function(){
		$(this).css({marginRight: $(this).width()*2+'px'});
	});
	$(".hshy").each(function(){
		$(this).css({marginRight: '-5px'});
	});
}


	
	
/*----------------------------------------------------------*/
/*   Появление центральной части(услуг)         	*/
/*---------------------------------------------------------*/
//  Сначала скрывается всё сожержимое блока #pers 
//  проверяется всели картинки загрузились
//  и только потом показываем всё юзеру, сразу и красиво))
/*
$(document).ready( function() {
	
	var images_all=0, 	// сколько всего в предзхагрузке картинок
		images_ready=0, // счётчик подгруженных картинок
		progress=0, 	// сколько процентов загружено
		imgload=0;		// 
	// если load вообще срабатывает(проверям по логотипу) т.е. если картинки грузятся а не берутся из кеша, то 
	$("img").load( function () { 
		if (imgload==0) {
		// скрываем персонажей
		$("#pers1").hide(); $("#pers2").hide(); $("#pers3").hide();
		// показываем прелоадер (аним. gif ку )
		$("#loading2pers").show(); 
		// пересчитываем все картинки из предзагрузки
		$("#preload img").each( function () { images_all++; }); 
		imgload=1;
		}
	 });
	
	// после каждого подгруженного изображения пересчитываем прогресс, информируем и проверяем, всё или нет
	$("#preload img").load( function () { 
		images_ready++;
		progress = "&nbsp; "+(100/(images_all/images_ready)+'').substr(0,2)+"%";
		$("#loading2pers span").html(progress);
		
		// а когда всё подгрузится, 
		if (images_ready==images_all) {
			// убираем прелоадер
			$("#loading2pers").hide();
			// показываем персов
			$("#pers1").fadeIn(); $("#pers2").fadeIn(); $("#pers3").fadeIn();
			sayStart();
		}
	});		
	
}); // $doc.. ready  Появление центральной части(услуг)    

*/


/*------------------------------------------*/
/*   А н и м а ц и я   у с л у г         */
/*---------------------------------------*/
$(document).ready( function() {	
if ($("#pers1").length) {
	// ширина картинок
	var pers1width=123,
		pers2width=134,
		pers3width=143;
		
	
	//  к л и к    по    "Р а з р а б о т к а   с а й т о в " выход типка в костюме
	$("#pers1 a").click(function () {
		// скрываем линк "Разработка сайтов"
		$(this).parent().fadeOut("fast", function () {
			// после скрытия ссылки,   стартуем анимацию для картики, если одновременно запускать, то ссылка мешается и движение получается кривое
			
			//меняем картинку на большую,
			$(this).parent().find("img").attr('src','./assets/templates/OrangeLab/img/pers1big.png')
			//  чуть правим css, 
			.css({width: "123px", height:"388px", top:"33px"})
			// анимация
			.animate({width: "184px", height:"581px", top:"95px", left:"-7.7%"},1000, function () { 
				// по завершению анимации, фиксим png для ie6 
				$(document).pngFix();
			});
			// открываем окно
			//$("#window1").css({background: 'url("./assets/templates/OrangeLab/img/window2l.png") no-repeat'});
			if ($("html").hasClass("ie6")) {$("#window1").show();} else {$("#window1").fadeIn('slow');}
			
			mon_width=getClientWidth();
			span_close_left = (mon_width/100)*30.9 + 455;
			
			$("span.close").css({left: span_close_left+"px"}).show();
			
			
			$("#window1").show();
			// скрываем блок сообщений (сносок)
			$("#say").fadeTo('fast', 0);
			// скрываем ссылки "Реклама в Интернете" и "Фирменный стиль"
			$("#pers2 a").parent().css({visibility: "hidden"}); $("#pers3 a").parent().css({visibility: "hidden"});
			
			// Анимация оставшихся персонажей (немного сдвигаем вправо)
			$("#pers2").animate({paddingLeft: "21%"},500);
			$("#pers3").animate({paddingLeft: "3%"},500);
		});
		$("span.close").attr('rel', '1');
		return false;
	});
	

	//  к л и к    по    "Р е к л а м а    в   и н т е р н е т " выход девушки
	$("#pers2 a").click(function () {
		// скрываем линк 
		$(this).parent().fadeOut("fast", function () {
			// после скрытия ссылки,   стартуем анимацию для картики, если одновременно запускать, то ссылка мешается и движение получается кривое
			
			//меняем картинку на большую,
			$(this).parent().find("img").attr('src','./assets/templates/OrangeLab/img/pers2big.png')
			//  чуть правим css, 
			.css({width: "133px", height:"381px", top: "22px", zIndex:"2"})
			// анимация
			.animate({width: "198px", height:"566px", top:"95px", left:"120%"},1500, function () { 
				// по завершению анимации, фиксим png для ie6 
				$(document).pngFix();
				
				// открываем окно
				//$("#window2").css({background: 'url("./assets/templates/OrangeLab/img/window2r.png") no-repeat'});
				if ($("html").hasClass("ie6")) {$("#window2").show();} else {$("#window2").fadeIn('slow');}
				mon_width=getClientWidth();
				span_close_left = (mon_width/100)*30.9 + 455;
				$("span.close").css({left: span_close_left+"px"}).show();
				$("#window2").show();
				
			});
			
			
			// скрываем блок сообщений (сносок)
			$("#say").fadeTo('fast', 0);
			// скрываем ссылки 
			$("#pers1 a").parent().css({visibility: "hidden"}); $("#pers3 a").parent().css({visibility: "hidden"});
			
			// Анимация оставшихся персонажей (немного сдвигаем вправо)
			$("#pers1").animate({marginLeft: "-37%"},500);
			$("#pers3").animate({paddingLeft: "3%"},500);
		});
		$("span.close").attr('rel', '2');
		return false;
	});
	
	
	//  к л и к    по    "Ф и р м е н н ы й   с т и л ь " выход педика
	$("#pers3 a").click(function () {
		// скрываем линк 
		$(this).parent().fadeOut("fast", function () {
			// после скрытия ссылки,   стартуем анимацию для картики, если одновременно запускать, то ссылка мешается и движение получается кривое
			//меняем картинку на большую,
			$(this).parent().find("img").attr('src','./assets/templates/OrangeLab/img/pers3big.png')
			//  чуть правим css, 
			.css({width: "143px", height:"375px", top: "23px"})
			// анимация
			.animate({width: "220px", height:"558px", top:"55px", left:"-45%"},1000, function () { 
				// по завершению анимации, фиксим png для ie6 
				$(document).pngFix();
				
				// открываем окно
				//$("#window3").css({background: 'url("./assets/templates/OrangeLab/img/window2r.png") no-repeat'});
				if ($("html").hasClass("ie6")) {$("#window3").show();} else {$("#window3").fadeIn('slow');}
				mon_width=getClientWidth();
				span_close_left = (mon_width/100)*30.9 + 455;
				$("span.close").css({left: span_close_left+"px"}).show();
				$("#window3").show();
				
			});
			
			
			// скрываем блок сообщений (сносок)
			$("#say").fadeTo('fast', 0);
			// скрываем ссылки 
			$("#pers1 a").parent().css({visibility: "hidden"}); $("#pers2 a").parent().css({visibility: "hidden"});
			
			// Анимация оставшихся персонажей (немного сдвигаем вправо)
			$("#pers1").animate({marginLeft: "-37%"},500);
			$("#pers2").animate({paddingLeft: "35%"},700);
		});
		$("span.close").attr('rel', '3');
		return false;
	});
	

	
	// клик по кнопке закрытия окна,   возврат на место 
	$("span.close").click(function () {
		// закрываем окно убираем кнопку
		$(".window").fadeOut('slow'); $(this).fadeOut('slow');
		
		// т и п о к    в    к о с т ю м е   едет на место
		if ($(this).attr('rel')=='1') {
			$("#pers1 img").animate({width: "123px", height:"388px", top:"25px", left:"0%"},1000, function () { 
				$(this).attr('src','./assets/templates/OrangeLab/img/pers1.png').css({width: "123px", height:"436px", top:"0px"});
				$(this).parent().find("div").fadeIn("slow");
				// по завершению анимации, фиксим png для ie6 
				$(document).pngFix();
				// скрываем блок сообщений (сносок)
				$("#say").fadeTo('fast', 1);
			});
			// Анимация оставшихся персонажей (немного сдвигаем вправо)
			$("#pers2").animate({paddingLeft: "0%"},500);
			$("#pers3").animate({paddingLeft: "0%"},500);
		}
		
		// девушка  едет на место
		else if ($(this).attr('rel')=='2') {
			$("#pers2 img").animate({width: "133px", height:"381px", top:"22px", left:"0%"},1000, function () { 
				$(this).attr('src','./assets/templates/OrangeLab/img/pers2.png').css({width: "134px", height:"441px", top:"0px", zIndex:"1"});
				$(this).parent().find("div").fadeIn("slow");
				// по завершению анимации, фиксим png для ie6 
				$(document).pngFix();
				// скрываем блок сообщений (сносок)
				$("#say").fadeTo('fast', 1);
			});
			// Анимация оставшихся персонажей (немного сдвигаем вправо)
			$("#pers1").animate({marginLeft: "-33.93%"},500);
			$("#pers3").animate({paddingLeft: "0%"},500);
		} 
		
		// педик
		else if ($(this).attr('rel')=='3') {
			$("#pers3 img").animate({width: "143px", height:"375px", top:"22px", left:"0%"},700, function () { 
				$(this).attr('src','./assets/templates/OrangeLab/img/pers3.png').css({width: "143px", height:"445px", top:"0px"});
				$(this).parent().find("div").fadeIn("slow");
				// по завершению анимации, фиксим png для ie6 
				$(document).pngFix();
				// скрываем блок сообщений (сносок)
				$("#say").fadeTo('fast', 1);
			});
			// Анимация оставшихся персонажей (немного сдвигаем вправо)
			$("#pers1").animate({marginLeft: "-33.93%"},500);
			$("#pers2").animate({paddingLeft: "0%"},700);
		}

		// показываем ссылки "Реклама в Интернете" и "Фирменный стиль" "Разработка сайтов"
		$("#pers1 a").parent().css({visibility: "visible"}); $("#pers2 a").parent().css({visibility: "visible"}); $("#pers3 a").parent().css({visibility: "visible"});

		return false;
	});
	
} // проверка наличия объекта	
}); // $doc.. ready





/*------------------------------------------*/
/*  П р о к р у т к а    портфолио         */
/*---------------------------------------*/
$(document).ready( function() {	
// проверка существует ли вообще этот блок
if ($("#portfolio").length) {
	// обработка слоя с портфолио
	$("#portfolio").css({overflow: "hidden"});
	// показываем курсоры ( без JS они должны быть скрыт, что и заданоо в css )
	$("#arrow_left").show();
	$("#arrow_right").show();
	
	/* для расчётов позиций */
		tw=$("#portfolio table").width()-900,
		dw=getClientWidth(),
		tm=-tw/280,
		intOverallDelta=0,
		scrollLock=0;

	
	/* начальное крутилово */
	// прокрутка при загрузке страницы
	$("#portfolio table").animate({marginLeft: tm*70+"px"}, 3000);	
	
	/*  О б р а б о т к а   с о б ы т и й    */
		// при наведении мышки
		$("#portfolio").bind("mouseenter",function(){
			// через секунду разрешаем прокрутку
			$(this).everyTime(500, 'timer2', function(i) {
				scrollLock=0;
			}, 1); 
		});
		// при уходе мышки
		$("#portfolio").bind("mouseleave",function(){  
			// останавливаем таймер и запрещаем прокрутку
			$(this).stopTime('timer2');
			scrollLock=1;
		});
		
		// прокрутка портфолио     к о л ё с и к о м     мыши
		$("#portfolio").bind('mousewheel',function(event, delta){
			if (scrollLock==0) { // если прокрутка разрешена
			//var scrollValue = document.documentElement.scrollTop;
			//window.onscroll = function() {document.documentElement.scrollTop = scrollValue; }
			// влево(колесико вверх)
			if (delta > 0 && tm<0){
			   tm++;
				$("#portfolio table").animate({marginLeft: tm*70+"px"}, 50);	
			// вправо (колесико вниз)
			} else if (delta < 0 && -tm*70<tw-dw ){
				tm--;
				$("#portfolio table").animate({marginLeft: tm*70+"px"}, 50);
			}
			cursorActivate();
			return false;
			}
		});
		
		// клик по      с т р е л к е   прокручивания портфолио    в л е в о
		$("#arrow_left").click(function () {
			if ( tm<0){
				var tmargin=tm*70+dw/2;
				if(tmargin>0) {tmargin=0; tm=0;}
				tm=tmargin/70;
				$("#portfolio table").animate({marginLeft: tmargin+"px"}, 1000);
				cursorActivate();
			}
		});		
		// клик по     с т р е л к е     прокручивания портфолио    в п р а в о
		$("#arrow_right").click(function () {
			if (-tm*70<tw-dw){
				var tmargin=tm*70-dw/2;
				
				if(tmargin< -tw+dw) {tmargin=-tw+dw-50; }
				
				tm=tmargin/70;
				$("#portfolio table").animate({marginLeft: tmargin+"px"}, 1000);
				cursorActivate();
			}
		});		

	/* конец событий */
	
	cursorActivate();
} // проверка существует ли portfolio
}); // $doc.. ready

// (де)активация курсоров прокрутки портфолио
function cursorActivate() {

	// активация курсора влево
	if ( tm*70<0 && !$("#arrow_left").hasClass('active')){$("#arrow_left").addClass('active');}
	// деактивация курсора влево
	if ( tm*70>=0 ){$("#arrow_left").removeClass('active');}
	// активация курсора вправо
	if (-tm*70<tw-dw && !$("#arrow_right").hasClass('active')){$("#arrow_right").addClass('active');}
	// деактивация курсора вправо
	if (-tm*70<tw-dw ) {} else {$("#arrow_right").removeClass('active');}
}










/*----------------------------------------------------------*/
/*   Обработка "О нас"                                     		*/
/*---------------------------------------------------------*/
$(document).ready( function() {
// проверка существует ли вообще этот блок
if ($("#about").length) {

	var about = new Object();
	var etc =1;
	

	
	
	// делаем запрос, получаем все отзывы, которые хранятся в объекте about
	
	
	//var fuckie = "?fuckie="+randomNumber(1, 1000);
	
/*
    $.ajax({
           type: "GET",
           url: "index-ajax.php",
           data: "q="+respond_file+"&act=about",
           success: function(msg){
                alert(msg);
           }
     });

	$.get("index-ajax.php", {q:respond_file, act:'about'}, function (data) {
		alert(data);
	});
*/	
	
	$.getJSON("index-ajax.php", {q:respond_file, act:'about'}, function (data) {
		about=data
		//Вставляем последний отзыв
		// кто 			
		$(".about-content h3 span").html( about[about.last].longtitle );
		// что 			
		$(".about-content>div.fr").html( about[about.last].content );
		// "Еще о нас отзывается"
			etc = about.last-1;
			$(".about-content .others a").html(about[etc].pagetitle);
			$(".about-content .others a").attr('rel', etc);
		// линк "пред"
		$(".about-content .buttons .left").attr('rel', about.last--);
		// линк "след"
		$(".about-content .buttons .right").attr('rel', about.last++);
	});
	
	
	
	
	// клик по ссылкам
	$(".about-content .etc").click(function(){
		var num = $(this).attr('rel');
		if (num*1 > about.last) {num=1;} else if (num<1) {num=about.last;}
		// кто 			
		//alert($(this).attr('rel'));
		$(".about-content h3 span").fadeOut('fast', function () { $(".about-content h3 span").html( about[num].longtitle ).fadeIn('fast'); });
		// что 			
		//var hyph_about = Hyphenator.hyphenate(about[num].content, 'ru');
		//	hyph_about = punctuationTags(hyph_about);
				
						
		$(".about-content>div.fr").fadeOut('slow', function () { $(".about-content>div.fr").html( about[num].content ).fadeIn('slow'); });
		//"Еще о нас отзывается"
			etc = randomNumber(1, about.last);
			if (etc==num*1 && etc > 1) {etc=num*1-1;} else if (etc==num*1 && etc == 1) {etc=num*1+1;}
			$('.about-content .others a').attr('rel', etc);
			$('.about-content .others a').html(about[etc].pagetitle);
		// линк "пред"
		$(".about-content .buttons .left").attr('rel', num*1-1);
		// линк "след"
		$(".about-content .buttons .right").attr('rel', num*1+1);
		return false;
	});
	
}
}); // $doc.. ready




/*----------------------------------------------------------*/
/*   Новости                                                		*/
/*---------------------------------------------------------
$(document).ready( function() {
	var news = new Object();
	var add_data='';
	// делаем запрос, получаем все отзывы, которые хранятся в объекте news
	$.getJSON("index-ajax.php",{q:respond_file, act:'news'}, function (data) {
		news=data;
		for ( i = 1; i <= news.last; i++) {	
			add_data = add_data+news[i].introtext;
		}
		//Вставляем 
		$("#news").html(add_data);
	});
}); // $doc.. ready
*/




/*----------------------------------------------------------*/
/*  Смена работ в "Портфолио" по годам             */
/*---------------------------------------------------------*/
$(document).ready( function() {
if ($(".portfolio-wrap").length) {

	//определяем какой год просматриваем
	// если у пользователя в cookie не записана информация о том какой год он просматривал в последний раз то показывает текущий год
	if(!$.cookie('year')){
		var god=$("#thisYear div").html(); // текущий год, что указан php-скриптом в скрытом слое
	} else {
		var god=$.cookie('year');
		getWorksOnYear(god);

		$("#navigation a").each(function(){
			if($(this).text()==god) {
				$(this).attr('class', 'select');
			} else {
				$(this).attr('class', ''); 
			}
		});
	} 

	var rabot = $("div.hide").html(),
		slovo='работ';
	var chislo=rabot.substr(rabot.length-1,1)*1;
	if (chislo==1) { slovo='работa'; }
	if (chislo>1 && chislo<5) { slovo='работы'; }
	$("#thisYear").html('<div>'+god+'</div><span class="orange">'+rabot+'</span> '+slovo);
	
	
	$(".portfolio-wrap #navigation a").click(function() {			
		$("#navigation a").attr('class', ''); $(this).attr('class', 'select');
		getWorksOnYear($(this).text());
		return false;
	});
}
}); // $doc.. ready

function getWorksOnYear(god) {
	$.cookie('year', god); // записываем в cookie тот год что просматриваем
	
	$.getJSON("index-ajax.php",{q:respond_file, act:'works', year:god}, function (data) {
		works=data;
		var add_data='',
			first='';
		for ( i = 1; i <= works.last; i++) {	
			if (i==1) {first='first';} else {first='';}
			add_data = add_data+ 	'<div class="inline '+first+'"> <span class="date">'+
									works[i].date+
									'</span><br><a href="'+
									works[i].url+
									'"><img src="'+
									works[i].picture_url+
									'"></a><span class="inline desc">'+
									works[i].longtitle+
									'</span> </div>';
		}
		//Вставляем 
		$(".portfolio-wrap .page").html(add_data);
		
			
		var rabot = works.last+'',
			slovo='работ';
		var chislo=rabot.substr(rabot.length-1,1)*1;

		if (chislo==1) { slovo='работa'; }
		if (chislo>1 && chislo<5) { slovo='работы'; }
		$("#thisYear").html('<div>'+god+'</div><span class="orange">'+rabot+'</span> '+slovo);
	});
}




/*--------------------------------------------------------------------------------------------------------*/
/*   Смена работ на  странице из  "Портфолио"  при листании влево вправо            	*/
/*-------------------------------------------------------------------------------------------------------*/

$(document).ready( function() {	
if ($(".portfolio-page").length) {
	var menuindex=0,
		active='';
	$(".page").attr('rel', '1');
	// Получаем данные о всех работах из данной категории (parent)
	var allworks = new Array();
	$.getJSON("index-ajax.php",{q:respond_file, act:'worksBrothers', parent:$("#work").attr('rel')}, function (works) {
		
		if (works.last>1) {

			for ( i = 1; i <= works.last; i++) {
				allworks[i]=new Object();
				// заголовок
				allworks[i].title=works[i].pagetitle;
				// дата работы
				allworks[i].date=works[i].date;
				
				// оновное содержание
				allworks[i].content =	'	<div class="left-pan fl">						'+
											works[i].leftblock								 +
										'	</div><div class="fr"><p class="desc round1 hide"><div class="box w60"> <div class="box-c"><em class="ctl"><b>&bull;</b></em><em class="ctr"><b>&bull;</b></em></div><div class="box-inner"> <i>'+
											works[i].introtext								 +
										'	</i></div><div class="box-c"><em class="cbl"><b>&bull;</b></em><em class="cbr"><b>&bull;</b></em> </div></div></p>											'+
											works[i].content								 +
										'	</div><div class="clear"></div>					';
							
				// ссылки на на другие работы из группы		
				allworks[i].group='';
				for ( j = 1; j <= works[i].group.last; j++) {
					if(works[i].group[j].active==1){active= ' class="active"';}else{active=''}
					allworks[i].group = allworks[i].group +	'	<li'+active+'><a href="/'+works[i].group[j].id+'.html">'+
																works[i].group[j].pagetitle  +
															'	</a></li>					';
				}
				allworks.last=works.last;
			}
		} else {
			$("#navigation img#left").hide();
			$("#navigation img#right").hide();
		}
		
		// клик вправо
		$("#navigation img#right").click(function () {
			menuindex=$(".page").attr('rel')*1;
			if (menuindex==allworks.last) { menuindex=1; } else {	menuindex++; }
			if (IE) {
				$("#work").html(allworks[menuindex].content);
				$("#navigation h3 span").html(allworks[menuindex].title);
				$("#date").html(allworks[menuindex].date);
				$("#navigation ul").html(allworks[menuindex].group);
			} else {
				$("#work").animate({left: "-1000px"}, 700).animate({left: "1000px"}, 1, function(){
					$("#work").html(allworks[menuindex].content).animate({left: "0px"}, 700);
				});
				
				$("#navigation h3 span").fadeOut('slow', function () { 
				 $(this).html(allworks[menuindex].title)
						.fadeIn('slow', function () {
							$("#date").html(allworks[menuindex].date);
							$("#navigation ul").html(allworks[menuindex].group);
						});
				});
				
			}
			$(".page").attr('rel', menuindex);
			return false;
		});
		
		// клик влево
		$("#navigation img#left").click(function () {
			menuindex=$(".page").attr('rel')*1;
			if (menuindex==1) { menuindex=allworks.last; } else {	menuindex--; }
			
			if (IE) {
				$("#work").html(allworks[menuindex].content);
				$("#navigation h3 span").html(allworks[menuindex].title);
				$("#date").html(allworks[menuindex].date);
				$("#navigation ul").html(allworks[menuindex].group);
			} else {
				$("#work").animate({left: "1000px"}, 700).animate({left: "-1000px"}, 1, function(){
					$("#work").html(allworks[menuindex].content).animate({left: "0px"}, 700);
				});
				
				$("#navigation h3 span").fadeOut('slow', function () { 
				 $(this).html(allworks[menuindex].title)
						.fadeIn('slow', function () {
							$("#date").html(allworks[menuindex].date);
							$("#navigation ul").html(allworks[menuindex].group);
						});
				});
			}
			$(".page").attr('rel', menuindex);
			
			return false;
		});
		
		
	});

	
	
}
});//doc ready



/*------------------------------------------*/
/*   Обработка формы заказа            */
/*---------------------------------------*/
$(document).ready( function() {	
if ($("#order").length) {
	var tempval='';
	
	$("#fbName").val("Ваше имя");
	$("#fbEMail").val("Электронная почта");
	$("#fbSitename").val("Название сайта");
	$("#fbText").val("Краткое описание проекта");
	
	cookie2form();
	
	$("#order input.w100").focus(function () {
		tempval=$(this).val();
		$(this).val('');
	});
	$("#order input.w100").blur(function () {
		if($(this).val()=='') {
			$(this).val(tempval);
		}
		form2cookie();
	});
	$("#order textarea").focus(function () {
		tempval=$(this).val();
		$(this).val('');
	});
	$("#order textarea").blur(function () {
		if($(this).val()=='') {
			$(this).val(tempval);
		}
		form2cookie();
	});

	$("#fbEMail").change(function() {
		if (emailCheck($(this).val())) {
			$("#fbEMailError").html("");
		} else {
			$("#fbEMailError").html("Неккоректный e-mail адрес");
		}
		form2cookie();
	});
//fbEMailError
}
});

function form2cookie() {
	$.cookie('fbName',$("#fbName").val());
	$.cookie('fbEMail',$("#fbEMail").val());
	$.cookie('fbSitename',$("#fbSitename").val());
	$.cookie('fbService',$("#fbService").val());
	$.cookie('fbText',$("#fbText").val());
}
function cookie2form() {
	if($.cookie('fbName')) {
		$("#fbName").val($.cookie('fbName'));
		$("#fbEMail").val($.cookie('fbEMail'));
		$("#fbSitename").val($.cookie('fbSitename'));
		$("#fbText").val($.cookie('fbText'));
		
		$("#fbService option").each(function(){
			if($(this).val()==$.cookie('fbService')){
				$(this).attr('selected','selected');
			}
		});
		
	}
}

/*------------------------------------------*/
/*   Сообщения                              */
/*---------------------------------------*/
	function sayStart() {
	
		var pers_id=1;
		var message='',
			oldmes='';
		message1 = new Array();
		message2 = new Array();
		message3 = new Array();	

		// делаем запрос, получаем все отзывы, которые хранятся в объекте about
		$.getJSON("index-ajax.php",{q:respond_file, act:'main-says'}, function (say) {
			message1[1]=say[1].say1;
			message1[2]=say[1].say2;
			message1[3]=say[1].say3;
			message1[4]=say[1].say4;
			message1[5]=say[1].say5;

			message2[1]=say[2].say1;
			message2[2]=say[2].say2;
			message2[3]=say[2].say3;
			message2[4]=say[2].say4;
			message2[5]=say[2].say5;

			message3[1]=say[3].say1;
			message3[2]=say[3].say2;
			message3[3]=say[3].say3;
			message3[4]=say[3].say4;
			message3[5]=say[3].say5;
		});
		
		$("#say").everyTime(9000, function(i) {
			
			pers_id = randomNumber(1,3);
			message='';
			if (pers_id==1) {
			var id=randomNumber(1, message1.length);
				message = message1[id];
			} else if (pers_id==2) {
			var id=randomNumber(1, message2.length);
				message = message2[id];
			} else if (pers_id==3) {
				var id=randomNumber(1, message3.length);
				message = message3[id];
			}
	
			if (message != '' && message != undefined && message != oldmes) {		
				$("#say").attr('class','').addClass("sp"+pers_id).fadeIn(2000).find("span").html(message);
				$("#say").oneTime("5s", function () { $(this).fadeOut(2000); });
				oldmes=message;
			}
		});
	}

	function sayStartOnPage() {
		var message='',
			oldmes='';
		message1 = new Array();
		// делаем запрос, получаем все отзывы, которые хранятся в объекте about
		$.getJSON("index-ajax.php",{q:respond_file, act:'page-says', pageid:$("#pageid").val()}, function (say) {
			message1[1]=say[1].say1;
			message1[2]=say[1].say2;
			message1[3]=say[1].say3;
			message1[4]=say[1].say4;
			message1[5]=say[1].say5;
		});
		
		$("#say-page").fadeTo(1,0).css({visibility: "visible"});
		
		$("#say-page").everyTime(5000, function(i) {
			message='';
			var id = randomNumber(1, message1.length);
				message = message1[id];

			if (message != '' && message != undefined && message != oldmes) {		
				$("#say-page").fadeIn(2000).fadeTo(2000, 1).find("span").html(message);
				$("#say-page").oneTime("5s", function () { $(this).fadeTo(2000, 0).find("span").html(''); });
				oldmes=message;
			}
		});
	}




/*--------------------------------------------------------------------------------*/
/*   Отключение/скрытие некоторых элементов на странице             */
/*------------------------------------------------------------------------------*/

// p.desc в cлучае отсутствия в нём содержания
	$(document).ready( function() {	
		if ($("p.desc").length && $.trim($(".box-inner i").html())=='') {
				$("p.desc").hide();	
			$(".box").hide();		
		} else {
			$("p.desc").hide();	
		}
	});
// изображение сётчика liveinternet
	$(document).ready( function() {	
		if ($("img#LVcount").length) {
			$("img#LVcount").fadeOut();		
		}
	});



// проверка email'a
function emailCheck(emailStr) {
	var emailPat=/\w+@\w+\.[a-z]{2,4}/;
	var matchArray=emailStr.match(emailPat);
	if (matchArray==null) {
		return false;
	}
	return true;
}


/* самая короткая проверка на IE */
var IE='\v'=='v'; // юзай   if(IE) {}

// получение ширины рабочей области экрана
function getClientWidth() {
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}
// получение высоты рабочей области экрана
function getClientHeight() {
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}

// генерация случаиного числа
function randomNumber (m,n)
{
  m = parseInt(m);
  n = parseInt(n);
  return Math.floor( Math.random() * (n - m + 1) ) + m;
}