////////////////////////////////////////////////////////////////////////////////////////
//Переменные для скрипта (НЕ ИЗМЕНЯТЬ)
////////////////////////////////////////////////////////////////////////////////////////
var FreezeBeforeStartPlay = 1000;
var FreezeBeforeImageChange = 2000;
var ChangeImageFromRightToLeft = false;

//var ImagesArePlayed = false;
//var ImageAreChange = false;
var ImagePause = true;

var ImgItems;
var ImgCurrent = 0;
var ImgItemsCount = 0;
////////////////////////////////////////////////////////////////////////////////////////

function HideAllImageItems() { for(i=0; i<ImgItemsCount; i++) { ImgItems[i].style.display = 'none'; ImgItems[i].style.zIndex = 0; } return; }
//function HideAllImageItems() { for(i=0; i<ImgItemsCount; i++) { ImgItems[i].className = 'el_off'; } return; }

function OnImgLeft($el) {
	if(ImgCurrent >= 1) {
		ImgCurrent--;
	} else {
		ImgCurrent = ImgItemsCount-1;
	}
	HideAllImageItems();
	
	ImgItems[ImgCurrent].style.display = 'block';
	ImgItems[ImgCurrent].style.zIndex = 100;
	//ImgItems[ImgCurrent].className = 'el_on';
}

function OnImgRight($el) {
	if(ImgCurrent >= (ImgItemsCount-1)) {
		ImgCurrent = 0;
	} else {
		ImgCurrent++;
	}
	HideAllImageItems();
	
	ImgItems[ImgCurrent].style.display = 'block';
	ImgItems[ImgCurrent].style.zIndex = 100;
	//ImgItems[ImgCurrent].className = 'el_on';
}

function OnElementMouseOver($el) { ImagePause = true; }
function OnElementMouseOut($el) { ImagePause = false; }

function ImagesAnimationTimer() {
	if(!ImagePause) {
		if(!ChangeImageFromRightToLeft) { OnImgRight('a'); } else { OnImgLeft('a'); }
	}
	setTimeout("ImagesAnimationTimer()", FreezeBeforeImageChange);
}

$(document).ready(function() {

	////////////////////////////////////////////////////////////////////////////////////////
	//Инициализация
	////////////////////////////////////////////////////////////////////////////////////////
	
	//Формируем масив всех элементов
	ImgItems = $('div.sld_element');
	
	//Текущий отображаемый элемент
	ImgCurrent = 0;
	ImgItemsCount = ImgItems.length;
	
	//Если в масиве есть хотя бы один елемент
	if(ImgItemsCount >= 1) {
	
		//Делаем первый элемент видимым
		ImgItems[ImgCurrent].style.display = 'block';
		ImgItems[ImgCurrent].style.zIndex = 100;
		//ImgItems[ImgCurrent].className = 'el_on';
		
		//Биндим кнопки
		$('#img_prev').click(function(event) { OnImgLeft($('this')); return false; });
		$('#img_next').click(function(event) { OnImgRight($('this')); return false; });
		
		$('#img_prev').mouseover(function(event) { OnElementMouseOver($('this')); });
		$('#img_prev').mouseout(function(event) { OnElementMouseOut($('this')); });
		$('#img_next').mouseover(function(event) { OnElementMouseOver($('this')); });
		$('#img_next').mouseout(function(event) { OnElementMouseOut($('this')); });
		
		//Биндим задержку при навидении мыши на картинку каждого элемента
		for(i=0; i<ImgItemsCount; i++) {
			ImgItems[i].onmouseover = function() { OnElementMouseOver(this); }
			ImgItems[i].onmouseout = function() { OnElementMouseOut(this); }
		}
		
		//Запускаем таймер для автоматической смены картинок
		ImagePause = false;
		setTimeout("ImagesAnimationTimer()", FreezeBeforeStartPlay);
	} else {
		//Нет не одного элемента, ставим стандартный первый
		//Создаем
	}
});