var text_orig = ["", "Ум биру дувэдуни баян мама бичини, дякпадун дёби-дёби бӣ мама.", " Эмдэ дёби мэн пэруи Маӈгуду улаӈдам дидэрэ, мэнти чамива силчубди гэлэӈдэхэни. ", "Дʼидюм ичини, хай-дэ кэвэ.", " Муручини: «Хōн дёлодʼи тирэхэмкэн хэевэм, ватан-да ана, эйнэӊ торо? Энэ-нэ! Энэ-нэ,» - вэм(и), алуи, чамисалба дёлоти нэхэни. ", "«Хайду-дэ нā киратини харин-дэ тэни», - вэми,  эркэ мӯ киракин чирау бэгдидʼи  дёлова тактачуми ӈэнини, хэи хэева касасум. ", " Ти ӈэнэм- ӈэнами, ичэдʼини: мӯ-ду хай-дэ кэвэ, нā кирадун-дэ ичэвэси. ", "Эркэ ти ӈэнэм-дэ ӈэнини. ", " Нā хōӈкон тэлан уйлэ ларги бӣ <a href='javascript: info(1)'>хагду</a> илсини. ", "Учэн ӊэм ум эктэ нʼиэхэни яям, яяндʼи мэнти хэрсини:", " «Айсима поктоки торис-ну? Мэӈгумэ поктоки торис-ну? Мōма поктоки торис-ну? Нā поктокин торисну?» ", "Мама муручини: «Бӣ деби, нāки-кэн пулсии, нā поктокини ӈэнигуни». ", " Эркэ нā поктокини хагдунти тōрини. ", "Эктэ, мамава ӈалалан дяпара, хагдунти ӣвэндини, яяндʼи  пансуми:", " Айсима тэӈкути тэрис-ну? Мэӈгумэ тэӈкути тэрис-ну? Мōма тэӈкути тэрис-ну? ", "Мама мōма тэӈкути тэхэни.", " Эктэ яямба яини: ", "Айсима чāмидʼи дептис-ну? Мэӈгумэ чāмидʼи дептис-ну? Чичама <a href='javascript: info(8)'>чāмидʼи</a> дептис-ну? Мōма чāмидʼи дептис-ну?", " Ти яям, <a href='javascript: info(3)'>дэрэ</a> оётини хаматан-дэ хум депултэвэ айсима чамиду, мэӈгумэ чамиду, мōма чамиду  бухэни. ", "Мамача мōма чāмиду бӣ депултэвэ дяпахани.", " Эктэ пансини яям: ", "Айсима <a href='javascript: info(2)'>хунянд’и</a> дептис-ну? Мэӈгумэ хунянд’и дептис-ну? Мōма хунянд’и дептис-ну?", " Нэктэхэни айсима, мэӈгумэ, мōма хунясалба. ", "Мōма хунямба дяпара, пэргэхэни депултэвэ.", " Эктэ яям пансини ", "Айсима <a href='javascript: info(7)'>дэктэвэ</a> дяпис-ну? Мэӈгумэ дэктэвэ дяпис-ну? Мōма дэктэвэ дяпис-ну?", " Мōма дэктэвэ дяпахани хэмэдэ. ", "Эктэ вэндини: «Мэн тэтуй хэмдэн дōтин нэру, мэнти ӈэнум-дэ, ичэм эйнэӈи орки, тимана тимай мук ичэсэри, хай-дэ дэктэву дōлан бӣвэни».", " Дёби мама дэктэвэ хэмдэ дōтин нэрэ, мэнти ӈэнурэ, хорго оётин дэктэвэ нэхэ. ", "Тимай тэми, ичини: хагду дōн ӈэм бӣни, хадюн чупал айсима. Мōма дэктэву айсима очини, дōлан айси теӈ-теӈ нэктэвухэ.", " Мама тэс баянчини. ", "Дякпадун бӣ баян мама муручини, хōн дёби мама минди-дэ бая очини? ", " Дидэрэ, вэндини: «Сородэ, анда! Анае! Син чӯ <a href='javascript: info(4)'>сэврэмэ тэту</a> ирган-дэ улэ, айсима <a href='javascript: info(6)'>чичактачу</a>! Хайва вэндии! Син хагдус-дэн чупал айсима. Хōн тэс бая очиси?» ", "Мама чупал алдачиха, хōн-дэ тахамби кэн вэм кэвэ.", " Бая мама мэнти тутум дидюрэ, пэрумби дяпара, вайси тутулирэ, мӯти дёлолохони, мōва дяпара, ансини тургэндʼи  хэебдэни, мэнэ-гдэл хасасум ӈэнини. ", "Хагдумба ичин.", " Эктэ хагдумба н`ӣэхэ, яяндʼи хэрсини: ", "Айсима поктоки торис-ну? Мэӈгумэ поктоки торис-ну? Мōма поктоки торис-ну? Нāма поктоки торис-ну?", " Бая мама муручини: «Би бая» ", "Айсима поктоки тōхани. ", " Эктэ яячини: ", "Айсима тэӈкут тэрис-ну? Мэӈгумэ тэӈкут тэрис-ну? Мōма тэӈкут тэрис-ну?", " Мама айсима тэӈкути тэхэни. ", "Эктэ яяндини:", " Айсима чамдʼи дептис-ну? Мэӈгумэ чамдʼи дептис-ну? Мōма чамдʼи дептис-ну? ", "Бая мама айсима чами дяпаха. ", " Эктэ яин: ", "Айсима хуняндʼи дептис-ну? Мэӈгумэ хуняндʼи дептис-ну? Мōма хуняндʼи дептис-ну?", " Бая мама айсима хуня дяпара, дептини. ", "Эктэ ти яин:", " Айсима дэктэвэ гэлис-ну? Мэӈгумэ дэктэвэ гэлис-ну? Мōма дэктэвэ гэлис-ну? ", "Айсима дэктэвэ дяпахани.", " Эктэ вэндини: «Тэтуй хэмдэн дōтин нэрэ, мэнти ӈэну. Дōван ичэм орки, тимана-мук ичэсэри». ", "Бая мама тэту хэмдэн дōтин худевул бӣ айсима дэктэвэ нэхэ, мэнти тутум дʼидюми, <a href='javascript: info(5)'>гусэ</a> дōтин сэврэ оёлон нэхэни.", " Тимай тэми, гусэ аӈман ачуми, ичини: дōлан тогдикта, гудэчувхэ, яӈсачу сэврэ пасини оёлон мōма дэктэву. ", "Дэктэву дōван ичини: тиду мō пасинкан бӣни. ", " Тарa пулахини: «Энэ-нэ! Энэ-нэ! Хайва би тахам-кэ? Гусэ долан хай-дэ хум бичингуни?»" ]

var text_trans = ["", "На окраине одного города жила богатая старушка, а рядом жила бедная-пребедная.", " Однажды бедная оставила на берегу реки в воде бельё, придавив камнями, чтобы намокли, пошла домой за посудой. ", "Пришла к берегу, а белья нет. ", " «Как же это я их придавила, что унесло течением, - горюет бедная старушка, - волн нет, тихий сегодня Амур, и как унесло из-под камней? Ой! Ой!» - качает головой она, оставила на берегу посуду. ", "«Может, где-нибудь да и застрянет,» - бормоча, медленно переступая по камням босыми ногами, пошла она вниз по течению по берегу реки. ", " Идёт, идёт, смотрит, не видно ни на берегу, ни на воде. ", "Бредёт потихоньку по берегу. ", " За поворотом на пригорке показался красивый домик. ", "На крыльце стоит молодая женщина и приглашает её песней к себе в гости:", " «Золотом усыпанной дорожкой придёшь, светлой ли серебряной тропою, может, ты по лесенке придёшь, может быть, по тропке земляной». ", "Она думает: «Я бедная, всю жизнь хожу по земле, пойду по земляной дорожке». ", " Поднялась не спеша по тропинке на горку к крыльцу. ", "Женщина взяла её за руку, заводя в дом, спрашивает песней:", " Сядешь ли на стул золотой? Сядешь ли на стул серебряный? Сядешь ли на деревянный стул? ", "Села она на деревянный стул. ", " А хозяйка всё поёт, не переставая: ", "Покушаешь ли в чашке золотой? Покушаешь ли в чашке серебряной? Покушаешь ли в чашке фарфоровой? Покушаешь ли в чашке деревянной?", " Ставит на стол разное угощение в золотой, серебряной, фарфоровой, в деревянной посуде. ", "Старушка взяла деревянную чашку.", " Хозяйка всё поёт и спрашивает: ", "Покушаешь ли ложкой золотой? Покушаешь ли ложкой серебряной? Покушаешь ли ложкой деревянной?", " Золотые, серебряные и деревянные ложки достала и разложила. ", "Старушка взяла деревянную ложку и попробовала угощение.", " Хозяйка поёт и спрашивает: ", "Возьмёшь ли шкатулку золотую Возьмёшь ли шкатулку серебряную? Возьмёшь ли шкатулку деревянную?", " Взяла старушка деревянную шкатулку. ", "Женщина говорит: «Положи себе за пазуху и иди домой, не открывай, только утром посмотри, что внутри».", " Старушка положила за пазуху шкатулку и пошла домой, очень ей захотелось заглянуть, но стерпела, поставила на стол. ", "Проснувшись утром, видит: в доме стало светло, все вещи стали золотыми. Деревянная шкатулка стала золотой и битком набита золотом. ", " Стала она богатой-богатой. ", "Богатой соседке зависть покоя не даёт, думает: «Как же это она стала богаче меня?»", " Пришла, раскланялась как своей хорошей подружке: «Здравствуй, дорогая! О! На тебе шёлковый халат с такими узорами, а бляшки золотые! Да что я говорю! У тебя в доме всё золотом покрыто. Как ты разбогатела?» ", "Та всё рассказала, только не говорила, как сама поступила.", " Прибежала домой богатая старушка, взяла бельё, побежала к реке, бросила в воду, палкой отталкивает, чтобы быстрее понесло течением и пошла следом по берегу. ", "Видит домик.", " На крыльце женщина стоит, поёт: ", "«Золотом усыпанной дорожкою пойдёшь, светлой ли серебряной тропою, может, ты по лесенке придёшь, может быть, по тропке земляной?»", " Она думает: «Я не простая». ", "Пошла по золотой дорожке. ", "    Хозяйка поёт: ", "Сядешь ли на стул золотой? Сядешь ли на стул серебряный? Сядешь ли на деревянный стул?", " Села на золотой. ", "А хозяйка поёт: ", " Покушаешь ли в чашке золотой? Покушаешь ли в чашке серебряной? Покушаешь ли в чашке деревянной? ", "Взяла золотую чашку.", " Женщина поёт: ", "Покушаешь ли ложкой золотой? Покушаешь ли ложкой серебряной? Покушаешь ли ложкой деревянной?", " Взяла золотую ложку и стала есть. ", "Хозяйка поёт:", " Хочешь ли шкатулку золотую? Хочешь ли шкатулку серебряную? Хочешь ли шкатулку деревянную? ", "Взяла золотую шкатулку. ", " Тогда женщина говорит: «Положи себе за пазуху, иди домой, не открывая, поставь и только утром завтра посмотришь, что внутри». ", "Богатая старушка засунула за пазуху тяжёлую золотую шкатулку, прибежала домой, отдышалась, спрятала в сундук с шелками.", " А утром кинулась к сундуку, открыла и ахнула, в сундуке лежат грязные рваные тряпки да мусор и стоит деревянная шкатулка. ", "Открыла шкатулку, а там щепочка. ", " Села и заплакала, охая: «Ой! Ой! Ой! Что я натворила? Разве своего добра было мало в сундуке?»"]

var info_word = ["", "Хагду – традиционное ульчское жилище из дерева. У ульчей были летние и зимние жилища. Зимнее жилище представляло собой дом, состоящий из одной комнаты, в котором проживала вся семья. Такту – в домике на сваях зимой хранились запасы еды, одежда, охотничьи принадлежности и рыболовные снасти. А летом такту служил для проживания.", "Хуня – деревянная ложка, украшенная резьбой. Служила для приема твердой пищи, а также для помешивания при приготовлении еды.", "Дэрэ – невысокий (не более 30 см высотой) прямоугольный столик, за которым ульчи сидели на полу.", "Сэврэн тэту – шелковый халат был предметом особой роскоши, т.к. шелк привозился из Китая. Халаты передавались из поколения в поколения.", "Гусэ – деревянный сундук китайско-маньчжурского типа с росписью и лаковым покрытием.", "Чичакта – металлические подвески, украшения для халата.", "Дэктэу – шкатулка для хранения разных предметов: табака, швейных принадлежностей, украшений, инструментов и т.д. Существуют разные виды дэктэу.", "Чами – автор имел ввиду ОТО (разновидность ульчской кухонной утвари)"]

var audio_arr = []

function audio_src(){
	for (var id = 0; id <= 56; id++){
		audio_arr[id] = "src/audio/" + id + ".mp3"
	}
}

var info_img = ["", "src/img/1.jpg", "src/img/2.jpg", "src/img/3.jpg", "src/img/4.jpg", "src/img/5.jpg", "src/img/6.jpg", "src/img/7.jpg", "src/img/8.jpg",]

var img_large = ["", "img_open(1)", "img_open(2)", "img_open(3)", "img_open(4)", "img_open(5)", "img_open(6)", "img_open(7)", "img_open(8)",] 

var images_one = ["src/img/1.jpg", "src/img/1_1.jpg"]

function liner(){
	var page = document.getElementById("page")
	for (var num = 1; num < text_orig.length; num++){
		var line = document.createElement("div")
		line.className = "line"
		line.id = "line" + num
		var text_ = document.createElement("div")
		text_.className = "text"
		var text_p = document.createElement("p")
		text_p.id = num
		text_p.className = "text_p"
		var but_audio = document.createElement("div")
		but_audio.className = "but_audio"
		but_audio.title = "Прослушать эту строку"
		var button_ = document.createElement("div")
		button_.className = "button"
		button_.title = "Раскрыть перевод"
		var hr = document.createElement("hr")
		
		page.appendChild(line)
		line.appendChild(text_)
		line.appendChild(button_)
		line.appendChild(but_audio)
		text_.appendChild(text_p)
		text_p.innerHTML = text_orig[num]
		page.appendChild(hr)
		
		//
		var trans_div = document.createElement("div")
		var trans_p = document.createElement("p")
		
		trans_div.className = "text"
		trans_div.id = "trans_" + num
		trans_p.className = "text_p trans_p"
		button_.style.background = "url(src/img/arrowsdown.png)"
		button_.style.backgroundSize = "100% 100%"
		line.appendChild(trans_div)
		trans_div.appendChild(trans_p)
		trans_p.innerHTML = text_trans[num]
		trans_p.style.fontSize = font_size
		$("#trans_" + num).hide()
	}
	var buttons = document.getElementsByClassName("button")
	var but_audio = document.getElementsByClassName("but_audio")
	
	audio_src()
	
	for(var z = 1; z <= 56; z++){
		buttons[z-1].setAttribute("onclick", "tra(" + z + ")")
		but_audio[z-1].setAttribute("onclick", "audio_call(" + z + ")")
	}
}

function tra(id){
	$("#trans_" + id).slideToggle(350)
	var button = document.getElementsByClassName("button")[id - 1]
	
	if (document.getElementById(id).style.display == "block"){
		document.getElementById(id).style.display = "inline-block"
		
		button.style.background = "url(src/img/arrowsdown.png)"
		button.style.backgroundSize = "100% 100%"
		button.title = "Раскрыть перевод"
	}
	else {
		document.getElementById(id).style.display = "block"
		
		button.style.background = "url(src/img/arrowsup.png)"
		button.style.backgroundSize = "100% 100%"
		button.title = "Скрыть перевод"
	}
}

var audio_double = false
function audio_call(id){
	var body = document.getElementById("body_")
	var audio_div = document.getElementById("audio_div")
	var audio_control = document.getElementById("audio_control")
	var link_ = document.getElementById("link")
	
	audio_control.src = audio_arr[id]
	link_.href = "#line" + id
	link_.setAttribute("onclick", "line_played(" + id + ")")
	
	if (id == 0){
		link_.innerHTML = "полный рассказ"
		link_.title = ""
	}
	else{
		link_.innerHTML = "строка " + id
		link_.title = "Перейти к строке.."
	}
	
	if(audio_double == false){
		body.style.padding = "1% 0 5% 0"
		audio_double = true
		var audio_num = -10
		function audio_slide_up(){
			audio_div.style.bottom = audio_num + "%"
			audio_num += 1
			if (audio_num > 0){
				clearInterval(audio_interval)
			}
		}
		var audio_interval = setInterval(audio_slide_up, 30)
	}
}

function audio_close(){
	var body = document.getElementById("body_")
	var audio_div = document.getElementById("audio_div")
	var audio_control = document.getElementById("audio_control")
	
	audio_control.src = ""
	
	body.style.padding = "1% 0 1% 0"
	audio_double = false
	var audio_num = 0
	function audio_slide_down(){
		audio_div.style.bottom = audio_num + "%"
		audio_num -= 1
		if (audio_num < -10 ){
			clearInterval(audio_interval)
		}
	}
	var audio_interval = setInterval(audio_slide_down, 30)
}

function line_played(id){
	var line = document.getElementsByClassName("line")
	
	if (id != 0){
		line[id - 1].style.background = "#e0e0e0"
		function line_wh(){
			line[id - 1].style.background = "#fff"
		}
		setTimeout(line_wh, 2000)
	}
}

var info_double = false
function info(word){
	var info = document.getElementById("info")
	var img_length = document.getElementById("img_length")
	var info_image = document.getElementById("info_image")
	var info_text = document.getElementById("info_text")
	
	info_image.src = info_img[word]
	info_image.setAttribute("onclick", img_large[word])
	info_text.innerHTML = info_word[word]
	
	if(word != 1){
		img_length.innerHTML = ""
	}
	
	if(word == 1){
		img_length.innerHTML = "2 картинки"
	}
	else if (word == 2){
		info_image.style.width = "20%"
	}
	else if (word == 4){
		info_image.style.width = "45%"
	}
	else {
		info_image.style.width = "85%"
	}
	
	if (info_double == false){
		info_double = true
		var info_num = -25
		function info_slide_r(){
			info.style.left = info_num + "%"
			info_num += 1
			if (info_num > 0){
				clearInterval(info_interval)
			}
		}
		var info_interval = setInterval(info_slide_r, 15)
	}
}

function button_close(){
	var info = document.getElementById("info")
	info_double = false
	var info_num = 0
		function info_slide_l(){
		info.style.left = info_num + "%"
		info_num -= 1
		if (info_num < -24){
			clearInterval(info_interval)
		}
	}
	var info_interval = setInterval(info_slide_l, 15)
}

var fade_time = 350
function img_open(img_num){
	var body = document.getElementById("body_")
	var img_board = document.createElement("div")
	var img = document.createElement("img")
	var img_large_close = document.createElement("div")
	var img_next = document.createElement("div")
	var img_prev = document.createElement("div")
	
	body.style.overflowY = "hidden"
	img_board.id = "img_board"
	img_board.align = "center"
	img.id = "img"
	img.src = info_img[img_num]
	img_large_close.id = "img_large_close"
	img_large_close.setAttribute("onclick", "img_close()")
	img_next.id = "img_next"
	img_next.setAttribute("onclick", "image_next()")
	img_prev.id = "img_prev"
	img_prev.setAttribute("onclick", "image_prev()")
	img_next.innerHTML = ">"
	img_prev.innerHTML = "<"
	
	body.appendChild(img_board)
	img_board.appendChild(img)
	img_board.appendChild(img_large_close)
	$("#img_board").hide()
	$("#img_board").fadeIn(fade_time)
	
	if (img_num == 1){
		img_board.appendChild(img_next)
		img_board.appendChild(img_prev)
	}
	else if (img_num == 2){
		img.style.width = "10%"
	}
	else if (img_num == 4){
		img.style.width = "25%"
	}
	else {
		img.style.width = "50%"
	}
}

function img_close(){
	$("#img_board").fadeOut(fade_time)
	setTimeout(del_img_board, fade_time)
}

function del_img_board(){
	var body = document.getElementById("body_")
	var img_board = document.getElementById("img_board")
	
	body.style.overflowY = "auto"
	body.removeChild(img_board)
}

var font_size = 16
function zoom_in(){
	var text_p = document.getElementsByClassName("text_p")
	var font_score = document.getElementById("font_score")
	font_size += 2
	
	if(font_size>50){
		font_size = 50
	}
	else{
		font_score.innerHTML = font_size
		for (var xx = 0; xx < text_p.length; xx++){
			text_p[xx].style.fontSize = font_size
		}
	}
}
function zoom_out(){
	var text_p = document.getElementsByClassName("text_p")
	var font_score = document.getElementById("font_score")
	font_size -= 2
	
	if(font_size<16){
		font_size = 16
	}
	else{
		font_score.innerHTML = font_size
		for (var xx = 0; xx < text_p.length; xx++){
			text_p[xx].style.fontSize = font_size
		}
	}
}

var slide = 0 
function image_next(){
	var img = document.getElementById("img")
	
	slide += 1
	if (slide >= images_one.length){
		slide = 0
	}
	img.src = images_one[slide]
}

function image_prev(){
	var img = document.getElementById("img")
	
	slide -= 1
	if (slide < 0){
		slide = images_one.length - 1
	}
	img.src = images_one[slide]
}

function standart(){
	font_size = 16
	var text_p = document.getElementsByClassName("text_p")
	var font_score = document.getElementById("font_score")
	
	font_score.innerHTML = font_size
	for (var xx = 0; xx < text_p.length; xx++){
		text_p[xx].style.fontSize = font_size
	}
}