//     ----------------------------------      //
//     Мой хэндмейд скрипт © art-e-faq.ru      //
//     ----------------------------------      //


$(document).ready(function(){

	var speed = 800,											// Параметры
		$line = $('div.line'),
		wid = 437,
		n = $("div.proj").length,
		hed = 129;
	
	var i = n-1;
	
	$line.width(wid * (n+2)).css({left: -wid*(n+1)+wid}); 	// Ширина горизонтально полосы

	$('div.txt').css({opacity:'0.3'}); 								// Текст проекта по умолчанию	
	$('div.foto_con').hide();
	
	$('span.ptx').click(function () {				//Описание проекта
		$(this).next().next().toggle("slow");
	});
	
	$("div.proj").eq(i).clone().prependTo("div.right_karusel");
	$("div.proj").eq(1).clone().prependTo("div.left_karusel");
	

	var knn = 150;
	/*
	var picicon = ["pic0.jpg",
	               "pic1.jpg",
	               "pic2.jpg",
	               "pic3.jpg",
	               "pic4.jpg",
	               "pic5.jpg"];
	
	*/
	for (bb=0; bb<n; bb++){
		$("div.bar").append('<div class="n"><div class="sh" /></div>');
		$("div.n").eq(bb).css({background:'url(/uploads/images/gallery/items/'+ picicon[bb] +') center center'});
	}
	$("div.n, div.sh").width(Math.ceil(792/n));
	
	
	// ------------------------------------------------------------------------------	Свойства кнопок при наведении
    $("div.proj").mouseover(function(){$("div.but", $(this)).stop().animate({opacity:'0.3'},200);
	}).mouseout(function(){$("div.but", $(this)).stop().animate({opacity:'0.5'},300);});
	$("div.n").mouseover(function(){$("div.sh", $(this)).stop().animate({opacity:'0'},200);
	}).mouseout(function(){$("div.sh", $(this)).stop().animate({opacity:'0.7'},300);});
	// ------------------------------------------------------------------------------   енд

	
	// ---------------------------------------------------------------------    действия при клике	


	 if ($("body").innerHeight() < document.documentElement.clientHeight) {
	  $("div.b-inner").height(Number(document.documentElement.clientHeight));  
	 };
	 
	 function sh (){          
	  $("div.cont").height(Number($("div.proj").eq(n-i).innerHeight()+$("div.txt").eq(n-i).innerHeight()+130-$("div.foto").eq(n-i).innerHeight()));
	  
	  if ($("body").innerHeight()<document.documentElement.clientHeight){
	   $("div.cont").height(Number(document.documentElement.clientHeight+$("div.foto").eq(n-i).innerHeight()-$("div.header").innerHeight()));
	  };
	 };

	
	$('span.foto_link').click(function () {				//Описание проекта
		$(this).next().toggle();
		//alert($("div.txt").eq(n-i).innerHeight());
		sh();
	});
	
	
	var r = n - i;
	function anm (){
		$line.stop().animate({ left:-wid*Number(i+1)}, speed);
		b=r-1;
		$('div.sh, div.but').show();
		$('div.txt').css({opacity:'0.3'});
		$("div.foto_con").hide("slow");
		$("div.sh:eq(" + b + "), div.but:eq(" + r + ")").hide();
		$("div.n").height(29);
		$("div.n").css({"border-bottom": "none"});
		$("div.n:eq(" + b + ")").height(29);
		$("div.n:eq(" + b + ")").css({"border-bottom": "2px solid #4c4c5a"});
		$('div.txt:eq(' + r + ')').css({opacity:'1'});
		sh();
	};
	
	
	if (i=n-1){anm();};
	
	function func2() {
		$("div.cont").height(Number($("div.proj").eq(n-i).innerHeight()+$("div.txt").eq(n-i).innerHeight()+100));
	}	window.onload=func2;
	
	//window.onload=anm;
	
	var t = $(".innerh").length;
	 function func1() { 
	  for (var tt=0; tt<t; tt++){
	   $('div.but').eq(tt).height($(".innerh").eq(tt).innerHeight());
	   if ($(".innerh").eq(tt).innerHeight()<320){
		$('div.proj').eq(tt).removeClass("shadow");
		$('div.proj').eq(tt).addClass("shadow2");
	   };
	   if ($(".innerh").eq(tt).innerHeight()>390){
		$('div.proj').eq(tt).removeClass("shadow");
		$('div.proj').eq(tt).addClass("shadow3");
	   };
	   
	  };
	 } 
	 window.onload=func1;
	
	
	// click 'div.but' || 'div.n'
	$('div.but').click(function () {
		i = Number(n - $("div.but").index(this));
		r = n-i;
		anm();
		if($("div.but").index(this) == 0){
			$line.css({ left:-wid*Number(0)});
			i = 0;
			r = n;
			anm();
		}
		if($("div.but").index(this) == n+1){
			$line.css({ left:-wid*Number(n+1)});
			i = n-1;
			r = 1;
			anm();
		}
	});
	
	$('div.sh').click(function () {
		i = Number(n - $("div.sh").index(this)-1);
		r = n-i;
		anm();
	});
	
	
	
	// клик лево, право
	$('img.lef').click(function () {
		if(i < n+1){
			i = Number(i) - 1;
			r = r+1;
			anm();
		};
		if(i < 0){
			$line.css({ left:-wid*Number(n+1)});
			i = n-1;
			r = 1;
			anm();
		};
	});
	$('img.rig').click(function () {
		if(i < n+1){
			i = Number(i) + 1;
			r = r-1;
			anm();
		};
		if(i > n-1){
			$line.css({ left:-wid*Number(0)});
			i = 0;
			r = n;
			anm();
		};
	});
	$(document).keydown(function(event){
		if (event.keyCode == 37) {
			if(i < n+1){
				i = Number(i) - 1;
				r = r+1;
				anm();
			};
			if(i < 0){
				$line.css({ left:-wid*Number(n+1)});
				i = n-1;
				r = 1;
				anm();
			};
	    }
		if (event.keyCode == 39) {
			if(i < n+1){
				i = Number(i) + 1;
				r = r-1;
				anm();
			};
			
			if(i > n-1){
				$line.css({ left:-wid*Number(0)});
				i = 0;
				r = n;																	// Активация объекта
				anm();
			};
	    }
	});	
	// ---------------------------------------------------------------------    конец действий при клике
	
});