$(document).ready(function(){
	// не более 9 слайдов
	var curBg = 1;
	var nextBg = curBg+1; // какой будем показывать следующим
	var autoChange = true;
	var autoChangeTime = 4000;
	var timeout;


	$('.front_slide').css('backgroundImage','url(images/backgrounds/main_v2/0'+curBg+'.png)');
	$('.back_slide').css('backgroundImage','url(images/backgrounds/main_v2/0'+nextBg+'.png)');

	/*
	// автоматическая смена
	timeout = setTimeout(function(){
		if(autoChange){
			// показываем картинку
			timeout = setTimeout(showNextSlide,autoChangeTime);
		}
	},0);

	
	function showNextSlide(){
		nextBg = changeSlide(nextBg,hidedBlock);
	}*/
	
	// меняем на следующий по клику на фон
	$("#bg1, #bg2").click(function () {
		// какой будем делать фоновым, а какой основным
		hidedBlock = $(this);
		// показываем блок и получаем значение следующего фона по счету
		nextBg = changeSlide(nextBg,hidedBlock);
	});
	
	

	// меняем фон
	function changeSlide(nextBg,hidedBlock) {
		// какой будем делать фоновым - тот который сейчас не фоновый
		if (!hidedBlock) {
			hidedBlock = $('.front_slide');
		}
		if (hidedBlock.attr('id')=='bg1') {
			showedBlock = $('#bg2');
		} else {
			showedBlock = $('#bg1');
		}
		//console.log('текущий фронт ' + hidedBlock.attr('id') + ' покажем ' + showedBlock.attr('id'));
		
		// меняем фон показываемого блока на тот который надо показать
		showedBlock.css('backgroundImage','url(images/backgrounds/main_v2/0'+nextBg+'.png)');
		
		curBg = nextBg;
		nextBg++;
			
		if (nextBg>8) {
			//nextBg = 1;
			window.location.href='http://le-dantu.ru/portfolio/';
			//alert('на портфолио');
		}
		hidedBlock.fadeOut(1000,function () {
			// делаем кликнутый блок фоновым и сразу отображаем после плавного затухания
			hidedBlock.addClass('back_slide').removeClass('front_slide');
			// показываемый делаем активным
			showedBlock.addClass('front_slide').removeClass('back_slide');
			
			// оба показываем. могут быстро кликать.
			$("#bg1, #bg2").show();
			
			//console.log('текущий фон ' + curBg + ' следующий фон ' + nextBg);
			
			/*if(autoChange){
				timeout = setTimeout(showNextSlide,autoChangeTime);
			}
			*/
		});
		
		return nextBg;
	}
	

	
	// клики по кнопкам перехода
	$('.slider_nav a').click(function(event) {
		// если кликнул, то выключаем автослайд
		clearTimeout(timeout);
		autoChange = false;
		numBg = $(this).attr('href').slice(1);
		//showSlide(numBg);
		if (numBg=='prev') {
			var slideId = curBg-1;
			//curBg = slideId;
			if (slideId<1) slideId=1;
		} else if (numBg=='next') {
			slideId = curBg+1;
			//curBg++;
			if (slideId>7) slideId=7;
		} else {
			slideId = parseInt(numBg);
			//curBg = numBg;
		}
	
	
	
		nextBg = changeSlide(slideId);
		//console.log('Current Next ' + nextBg);
	
		return false;
	});

	
	// расположение блока навигации
	window.onresize=newHeight;
	newHeight();
	function newHeight(){
		var screenHeight = getClientHeight();
		var screenWidth = getClientWidth();
		//console.log('высота ' + screenHeight + ' ширина ' + screenWidth);
		
		$('.slider_nav').css('top',screenHeight/2+132+15);
		$('.slider_nav').css('left',screenWidth/2-270/2);
	}


	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;
	}
});