var vertDivAr = new Array();
var horDivAr = new Array();
var radioSelectAr = new Array();
var radioSelect;
var currentSlide;
var t = new Array();
var t2 = new Array();
var t3 = new Array();
var t4 = new Array();
var startT = new Array();
var hbContent = new Array();
var subDiv;
var descField;
var headBanner;
var overDiv;

//массив изображений
//путь к папке с изображениями
imagesPath = '/include/img/slider/ban/';
//массив изображений -------------
var imagesAr = new Array(
'1.jpg',
'2.jpg',
'3.jpg',
'4.jpg',
'5.jpg'
);
var current = 1;//getRandomInt(0, (imagesAr.length - 1));
var imagesTitleAr = new Array(
'Интерны',
'Универ. Новая общага',
'Реальные пацаны',
'Дневники Вампира',
'Закрытая школа'
);
var imagesDescAr = new Array(
'<strong>Смотрите комедийный сериал про хороших врачей и не очень -  Интерны.</strong><br> <p>Что будет, если хорошему врачу поручат контролировать работу интернов? Известно одно, скучать не придется никому! Молодые специалисты будут совершать ошибки, а их наставник будет обвинять во всех смертных грехах. Но даже из таких никчемных работников может выйти толк, когда за воспитание берется доктор Быков. Грубый, но справедливый. Казалось бы, он никого не любит, но главврач Анастасия Кисегач способна растопить лед в сердце этого медработника... Рекомендуем смотреть сериал Интерны онлайн.</p>',


'<strong>Познакомься с новыми персонажами Универа</strong><br> <p>Молодежный ситком «Универ» получил долгожданное продолжение. Герои комедии наконец-то переберутся из дряхлой общаги, долгое время служившей им родным домом, в современное общежитие. Здесь их ждут новые приключения и немало интересных знакомств. Вы думаете, что Антон не способен на глубокое, искреннее чувство? А вы знаете, на что способен пойти Кузя, чтобы вскружить голову красивой девушке? Ответы на эти и многие другие вопросы вы получите, если будете смотреть Универ. Новая общага» онлайн.</p>',


'<strong>Так то сериал зачётный, скоро уже и 3 сезон покажут... А пока смотрим первых два.</strong><br> <p>Проект не имеет законченного сценария, актеры сочиняют свои реплики прямо в кадре. Так как в работе задействованы бывшие «КВНщики», в сериале много юмора. Колян — реальный пацан, который все свое время проводит «на районе». Это тот еще хулиган, имеющий большие проблемы с законом. Избежать тюрьмы ему помогло телевидение. Отныне Колян — участник реалити-шоу. Вся его жизнь находится под прицелом телекамер. И Николай рад исправить свое поведение, но только у него это не получается... </p>',

'<strong>Вампиры и любовь - умопомрачительная и кровавая история от которой невозможно оторваться.</strong><br> <p>Родители Елены Гилберт погибли. Она пытается скрыть от всех свою трагедию, но печальный вид ее выдает. Все изменяется, когда в школу приходит новый ученик — Стефан Сальваторе. Елена и этот парень влюбляются друг в друга. Но Стефан — вампир, ему уже 162 года... Он пытается жить среди людей, а питаться только кровью животных. Но у Стефана есть брат Деймон, который доставляет массу хлопот. Деймон кровожаден и жесток. А когда он найдет бывшую возлюбленную, то всем придется туго. Ведь это известная вампирша Кэтрин...</p>',


'<strong>Закрытая школа — это мистический сериал от телеканала СТС. </strong><br> <p>После зимних каникул в элитную школу-интернат возвращаются ее ученики. Среди них — новенькие брат и сестра, чьи родители пропали без вести. Маленькая Надя мечтает увидеть маму и папу, а старший брат скрывает от нее печальные вести. Здание школы находится на территории бывшей усадьбы. Здесь старинный лес, вековые дубы, которые в ночи выглядят устрашающе. А тут еще пожилой преподаватель истории пытается внушить детям, что это место проклято. Никто ему не верит, но все изменится, когда утром ученики и преподаватели обнаружат таинственное исчезновение старика...</p>'
);
var imagesLinkAr = new Array(
'http://internis.tv/serii-online/',
'http://internis.tv/serial-online/univer/serii-online/',
'http://internis.tv/realnie-pacany/serii-online/',
'http://internis.tv/dnevniki-vampira/serii-online/',
'http://internis.tv/serials/online/rus/zakrytaya-shkola/'
);
for (i = 0; i < imagesAr.length; i++){
	imagesAr[i] = imagesPath + imagesAr[i];//'url("'+ imagesPath + imagesAr[i] + '")';    'url("' + imagesAr[i] + '")'
}
//--------------------------------

//функция предварительной загрузки изображений
function loadImages(){
	if (document.images){
		for (i = 0; i < imagesAr.length; i++){
			var img = new Object();
			img[i] = new Image(570, 240);
			img[i].src = imagesAr[i];
		}
	}
}

//описание картинок
for (i = 0; i < imagesAr.length; i++){																																																															//onmouseover="stopSlideShow();" onmouseout="startT[3] = setTimeout(\'slideShowById( currentSlide, 100, 3000);\', 3000);"
	hbContent[i] = '<div style="font:normal normal bold 180%/180% Arial; margin-bottom:5px; color:white;">' + imagesTitleAr[i] + '</div>' + '<div style="text-align:justify; height:203px;overflow:hidden; color:#add5fe">' + imagesDescAr[i] + '</div>' + '<div style="float: right;margin:0 200px 0 0;"><a class="link_btn" href="' + imagesLinkAr[i] + '" ><span style="color:#a03fab; text-decoration:none; font: normal normal normal 120%/120% Arial;">Смотреть сериал</span></a></div>';
}
function hideSlider(){
	jQuery('#subImage').css('display','none');
}
function initSlider(){
//подгружаем изображения
currentSlider = 1;//getRandomInt(0, (imagesAr.length-1));
currentSlide = currentSlider;
loadImages();
	
	overDiv = document.getElementById('overDiv');
	//overDiv.setAttribute('style','cursor:pointer; cursor:hand;');
		
	//создаем поле описания
	descField = document.createElement('div');
	descField.setAttribute('id','descField');
	descField.style.cssFloat = 'right';
	descField.style.minWidth = '260px';
	descField.style.height = '278px';
	descField.style.margin = '8px';
	descField.style.padding = '0 0 0 587px';
	descField.style.position = 'relative';
	headBanner = document.getElementById('hb');
	headBanner.appendChild(descField);
	
	pauseField = document.getElementById('pause');
	pauseField.style.position = 'absolute';
	pauseField.style.margin = '0px auto 10px';
	pauseField.style.zIndex = '4';
	pauseField.style.maxWidth = '570px';
	pauseField.style.height = '240px';
	pauseField.setAttribute('onmouseover', 'stopSlideShow();');
	pauseField.setAttribute('onmouseout', 'startT[3] = setTimeout(\'slideShowById( currentSlide, 100, 3000);\', 3000);');
	//pauseField.innerHTML = '<br>';
	pauseField.style.width = '100%';
	
	//headBanner.appendChild(pauseField);
	
	//инициализируем его
	descField = document.getElementById('descField');
	
	var allDivAr = document.getElementById('shell-slider').getElementsByTagName('div');
	subDiv = document.getElementById('subImage');
	subDiv.style.width = '570px';
	subDiv.style.height = '240px';
	subDiv.style.zIndex = '2';
	subDiv.style.position = 'absolute';
	subDiv.style.backgroundImage = 'url("' + imagesAr[1] + '")';
	
	//descField.style.width = (jQuery('#hb').width() - jQuery('#subImage').width() - 38) + 'px';
	
	/*radioSelect = document.getElementById('radioSelect');
	radioSelectAr = radioSelect.getElementsByTagName('a');
	//инициализируем radioSelect
	for (i = 0; i < radioSelectAr.length; i++){
		radioSelectAr[i].setAttribute('onclick','setCurrentSlide(' + i + '); slideShowByIdPermanent(' + i + ', 100, 4000);');//(' + i + ', 100, 4000)
		//radioSelectAr[i].zIndex = '5';
	}*/
	
	//собираем массив вертикальных дивов
	for (i = 0; i < 19; i++){
		vertDivAr[i] = allDivAr[i];
	}
	/*//собираем массив горизонтальных дивов
	for (i = 21; i < 30; i++){
		horDivAr[i-21] = allDivAr[i];
	}*/
	
	//инициализируем дивы...
		//...вертикальные
	for (i = 0; i < vertDivAr.length; i++){
		vertDivAr[i].style.display = 'none';
		vertDivAr[i].style.position = 'absolute';
		vertDivAr[i].style.zIndex = '3';
		vertDivAr[i].style.left = i*30 + 'px';
		vertDivAr[i].style.top = '0px';
		vertDivAr[i].style.width = '30px';
		vertDivAr[i].style.height = '0px';
		vertDivAr[i].style.backgroundPosition = (i*30*(-1)) + 'px 0px';
		vertDivAr[i].setAttribute('id', 'vertSlider-' + i);
	}
	/*	//...горизонтальные
	for (i = 0; i < horDivAr.length; i++){
		horDivAr[i].style.display = 'none';
		horDivAr[i].style.position = 'absolute';
		horDivAr[i].style.zIndex = '4';
		horDivAr[i].style.left = '0px';
		horDivAr[i].style.top = i*30 + 'px';
		horDivAr[i].style.height = '30px';
		horDivAr[i].style.width = '0px';
		horDivAr[i].style.backgroundPosition = '0px ' + (i*30*(-1)) + 'px';
	}*/
//startT[3] = setTimeout('slideShow( currentSlider, 100, 3000);', 3000);	

//==================
  clearAllTimeouts();
  descField.innerHTML = hbContent[1];
//==================

}

function setElementOpacity(sElemId, nOpacity){
  var opacityProp = getOpacityProperty();
  var elem = document.getElementById(sElemId);
  if (!elem || !opacityProp) return; // Если не существует элемент с указанным id или браузер не поддерживает ни один из известных функции способов управления прозрачностью
  if (opacityProp=="filter"){// Internet Exploder 5.5+
	nOpacity *= 100;	
    // Если уже установлена прозрачность, то меняем её через коллекцию filters, иначе добавляем прозрачность через style.filter
    var oAlpha = elem.filters['DXImageTransform.Microsoft.alpha'] || elem.filters.alpha;
    if (oAlpha) oAlpha.opacity = nOpacity;
    else elem.style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity="+nOpacity+")"; // Для того чтобы не затереть другие фильтры используем "+="
  }
  else // Другие браузеры
    elem.style[opacityProp] = nOpacity;
}

function getOpacityProperty(){
  if (typeof document.body.style.opacity == 'string') // CSS3 compliant (Moz 1.7+, Safari 1.2+, Opera 9)
    return 'opacity';
  else if (typeof document.body.style.MozOpacity == 'string') // Mozilla 1.6 и младше, Firefox 0.8 
    return 'MozOpacity';
  else if (typeof document.body.style.KhtmlOpacity == 'string') // Konqueror 3.1, Safari 1.1
    return 'KhtmlOpacity';
  else if (document.body.filters && navigator.appVersion.match(/MSIE ([\d.]+);/)[1]>=5.5) // Internet Exploder 5.5+
    return 'filter';

  return false; //нет прозрачности
}

function setVertSliderImage(imgId){
	for (i = 0; i < vertDivAr.length; i++){
		vertDivAr[i].style.backgroundImage = 'url("' + imagesAr[imgId] + '")';
	}
}

function sliderFade( sliderId, dx, delay){
	if (dx < 1){
		setElementOpacity(sliderId, dx);
		t4[sliderId] = setTimeout('sliderFade(\'' + sliderId + '\', '+ (dx+0.02) + ', ' + delay + ');', delay);
	}
}

function vertSlide1( imgId, direction, limit, speed, fluency){
	dx = fluency;
	setVertSliderImage(imgId);
	for (i = 0; i < vertDivAr.length; i++){
		setElementOpacity( 'vertSlider-' + i, 0);
	}
	for (i = 0; i < vertDivAr.length; i++){
		t[i] = setTimeout('vertSliderVertAppear(' + i + ', \'' + direction + '\', ' + limit + ', ' + speed + ');', fluency);
		t3[i] = setTimeout('sliderFade(\'vertSlider-' + i + '\', ' + 0.02 + ', ' + speed + ');', fluency);
		fluency = fluency + dx;
	}	
	//setTimeout('vertSlide1( ' + Math.random(3) + ', \'' + direction + '\', ' + limit + ', ' + speed + ', ' + fluency + ');', 3000);
}

function vertMinimizeAll(){
	for (i = 0; i < vertDivAr.length; i++){
		vertDivAr[i].style.height = '0px';
	}
}


function vertSliderVertAppear( sliderId, direction, limit, speed){
	if (direction == 'up_to_down'){
		sliderHeight = vertDivAr[sliderId].style.height;
		sliderHeight = parseInt(sliderHeight);
		if (sliderHeight < limit){	
			setVertSliderHeight( sliderId, sliderHeight + 10);
			t2[sliderId] = setTimeout('vertSliderVertAppear( ' + sliderId + ', \'' + direction + '\', ' + limit + ', ' + speed + ');', speed);
		}else {setElementOpacity( sliderId, 1);}
	}
}

function vertSliderHorAppear( sliderId, direction, limit, speed,  fluency){
	if (direction == 'left_to_right'){
		sliderWidth = parseInt(vertDivAr[sliderId].style.width);
		if (sliderWidth < limit){
			setVertSliderWidth( sliderId, sliderWidth + 10);
			setTimeout('vertSliderHorAppear( ' + sliderId + ', \'' + direction + '\', ' + limit + ', ' + speed + ', ' + fluency + ');', fluency);
		}
	}
}

function setVertSliderHeight( sliderId, sliderHeight){
	vertDivAr[sliderId].style.height = sliderHeight + 'px';
}

function setVertSliderWidth( sliderId, sliderWidth){
	vertDivAr[sliderId].style.height = sliderWidth + 'px';
}

function showHideVertSlider(sliderID){
	if (vertDivAr[sliderID].style.display == 'none'){
		vertDivAr[sliderID].style.display = '';		
	}else{
		vertDivAr[sliderID].style.display = 'none';
	}
}

function showHideVertAll(){
	for (i = 0; i < vertDivAr.length; i++){
		showHideVertSlider(i);
	}
}

function getRandomInt(min, max){
	return Math.floor(Math.random() * (max - min + 1)) + min;
}

function clearAllTimeouts(){
	for (i = 0; i < t.length; i++){
		clearTimeout(t[i]);
	}
	for (i = 0; i < t2.length; i++){
		clearTimeout(t2[i]);
	}
	for (i = 0; i < t3.length; i++){
		clearTimeout(t3[i]);
	}
	for (i = 0; i < t4.length; i++){
		clearTimeout(t4[i]);
	}
	for (i = 0; i < startT.length; i++){
		clearTimeout(startT[i]);
	}
}

function stopSlideShow(){
	clearAllTimeouts();
	//subDiv.style.backgroundImage = 'url("' + imagesAr[currentSlide] + '")';
	vertMinimizeAll();	
	//currentSlide++;
	//if (currentSlide > imagesAr.length) currentSlide = 0;
	//setCurrentSlide(currentSlide);
	descField.innerHTML = hbContent[currentSlide];
	subDiv.style.backgroundImage = 'url("' + imagesAr[currentSlide] + '")';
	overDiv.setAttribute('onclick', 'document.location.href = "' + imagesLinkAr[currentSlide] + '";');
}

function slideShow(imgId, speed, delay){
	currentSlide = imgId;
	showHideVertAll();
	imgId++;
	if (imgId > (imagesAr.length - 1)) imgId = 0;
	//setCurrentSlide(imgId);
	vertSlide1(imgId , 'up_to_down', 240, 10, speed);    //'url("' + imagesAr[imgId] + '")'      imagesAr[' + imgId + ']
	descField.innerHTML = hbContent[imgId];
	startT[0] = setTimeout('subDiv.style.backgroundImage = \'url("' + imagesAr[imgId] + '")\';', (speed*vertDivAr.length) + (speed*6));
	startT[2] = setTimeout('overDiv.setAttribute(\'onclick\', \'document.location.href = "' + imagesLinkAr[imgId] + '";\');', (speed*vertDivAr.length) + (speed*6));
	startT[3] = setTimeout('showHideVertAll(); vertMinimizeAll();', (speed*vertDivAr.length) + delay);
	startT[4] = setTimeout('slideShow(' + imgId + ', ' + speed + ', ' + delay + ')', (speed*vertDivAr.length) + delay);
}

function slideShowById(id, speed, delay){
	if (id > imagesAr.length) id = imagesAr.length;
	currentSlide = id;
	clearAllTimeouts();
	vertMinimizeAll();
	imgId = id;
	vertSlide1(imgId , 'up_to_down', 240, 10, speed);
	descField.innerHTML = hbContent[imgId];
	startT[0] = setTimeout('subDiv.style.backgroundImage = \'url("' + imagesAr[imgId] + '")\';', (speed*vertDivAr.length) + (speed*6));
	startT[5] = setTimeout('overDiv.setAttribute(\'onclick\', \'document.location.href = "' + imagesLinkAr[imgId] + '";\');', (speed*vertDivAr.length) + (speed*6));
	startT[1] = setTimeout('showHideVertAll(); vertMinimizeAll();', (speed*vertDivAr.length) + delay);
	startT[2] = setTimeout('slideShow( ' + imgId + ', ' + speed + ', ' + delay + ')', (speed*vertDivAr.length) + delay);
}

function slideShowByIdPermanent(id, speed, delay){
	if (id > imagesAr.length) id = imagesAr.length;
	currentSlide = id;
	clearAllTimeouts();
	vertMinimizeAll();
	imgId = id;
	descField.innerHTML = hbContent[imgId];
	subDiv.style.backgroundImage = 'url("' + imagesAr[imgId] + '")';
	overDiv.setAttribute('onclick', 'document.location.href = "' + imagesLinkAr[imgId] + '";');
	startT[1] = setTimeout('showHideVertAll(); vertMinimizeAll();', (speed*vertDivAr.length) + delay);
	startT[2] = setTimeout('slideShow( ' + imgId + ', ' + speed + ', ' + delay + ')', (speed*vertDivAr.length) + delay);
}

function setVertLink(imgId){
	for (i = 0; i < vertDivAr.length; i++){
		vertDivAr[i].setAttribute('onclick', 'document.location.href = \'' + imagesLinkAr[imgId] + '\';');
	}
}

function setCurrentSlide(id){
	currentSlide = id;
	for (i = 0; i < radioSelectAr.length; i++){
		radioSelectAr[i].style.backgroundImage = 'url(http://internis.tv/serials/wp-content/shell-slider/sprites/select_bg.jpg)';
	}
	radioSelectAr[id].style.backgroundImage = 'url(http://internis.tv/serials/wp-content/shell-slider/sprites/select_bg_hover.jpg)';
}