﻿/**Загружаем картинки**/
var img1 = new Image();
var img2 = new Image();
var img3 = new Image();
var img4 = new Image();
var img5 = new Image();
var img6 = new Image();

img1.src = 'http://mashinki.ru/main/images/maininfo/collector.jpg';
img2.src = 'http://mashinki.ru/main/images/maininfo/opt.jpg';
img3.src = 'http://mashinki.ru/main/images/maininfo/production.jpg';
img4.src = 'http://mashinki.ru/main/images/maininfo/hockey.jpg';
img5.src = 'http://mashinki.ru/main/images/maininfo/suvenir.jpg';
img6.src = 'http://mashinki.ru/main/images/maininfo/art.jpg';

/**таймер эффекта проявления**/
var timer;

/**таймер задержки проявления**/
var timerOver;

/**Элемент меню на который осуществляется переход**/
var selected;

/**Выбранная таба**/
var selectedTab = '';

/**Проигрывается ли эффект**/
var play;

/**Буфер картинки**/
var opbuf;

/**Указывает значения для**/
function Init()
{
	selected = "";
	play = false;
	opbuf = 0;
	var textObj = document.getElementById('aText');
	textObj.innerHTML = collectionerText;	
}

function TabOverStart(tab)
{
	//Останавливаем таймер задержки на тот случай если он воспроизводится
	timerOver = window.clearTimeout(timerOver);	
	
	//Подсветка элемента меню
	var obj = document.getElementById(tab);
	obj.className = 'activeButton';

	//Начинаем проявление картинки с задержкой
	timerOver = setTimeout("TabOverFinal('"+tab+"')", 200);	
}

/**Подсвечивает элемент меню при наведении на него мышкой**/
function TabOverFinal(tab)
{	
	//Если это эта же таба, выходим из метода
	if (selected == tab)
	{
		return;
	}
	
	//Получаем объекты "буфера" картинки и основной
	var imgBuffer = document.getElementById('imgBuffer');	
	
	//Если уже проигрывается останавливаем эффект
	if (play)
	{
		//Останавливаем таймер на тот случай если он воспроизводится
		timer = window.clearTimeout(timer);
		AddBuffer(selected, imgBuffer);
	}
	
	//Запоминаем табу которую выбрали
	selected = tab;	
			
	//Выводим изображение буфера
	imgBuffer.style.opacity = 1.0; //Устанавливаем прозрачность для mozilla
	imgBuffer.style.filter = 'alpha(opacity=100)';//Устанавливаем прозрачность для IE
	
	var imgView = document.getElementById('imgView');
	
	//Задаём новое изображение для основного
	AddMainImage(tab, imgView);
	
	//Плавно убираем буфер
	opbuf = 10;
	timer = setTimeout("HideBuff()", 25);	
}

//Устанавливает основное изображанеие и текст заголовка
function AddMainImage(tb, obj)
{
	var headerObj = document.getElementById('aHeader');
	var textObj = document.getElementById('aText');

	switch(tb)
	{
		case 'but1':
			headerObj.innerHTML = 'Коллекционеру';
			textObj.innerHTML = collectionerText;
			obj.className = 'collectorMI';
			break;
		case 'but2':
			headerObj.innerHTML = 'Оптовику';
			textObj.innerHTML = optovikText;
			obj.className = 'optMI'
			break;
		case 'but3':
			headerObj.innerHTML = 'Производство';
			textObj.innerHTML = productionText;
			obj.className = 'productionMI';
			break;
		case 'but4':
			headerObj.innerHTML = 'Настольный хоккей';
			textObj.innerHTML = hockeyText;
			obj.className = 'hockeyMI';
			break;
		case 'but5':
			headerObj.innerHTML = 'Бизнес-сувениры';
			textObj.innerHTML = suvenirText;
			obj.className = 'suvenirMI';
			break;
		case 'but6':
			headerObj.innerHTML = 'Арт-объекты';
			textObj.innerHTML = artText;
			obj.className = 'artMI';
			break;
	}
}

//Устанавливает буфер
function AddBuffer(a, b)
{
	switch(a)
	{
		case 'but1':
			b.src = 'http://mashinki.ru/main/images/maininfo/collector.jpg';
			break;
		case 'but2':
			b.src = 'http://mashinki.ru/main/images/maininfo/opt.jpg';
			break;
		case 'but3':
			b.src = 'http://mashinki.ru/main/images/maininfo/production.jpg';
			break;
		case 'but4':
			b.src = 'http://mashinki.ru/main/images/maininfo/hockey.jpg';
			break;
		case 'but5':
			b.src = 'http://mashinki.ru/main/images/maininfo/suvenir.jpg';
			break;
		case 'but6':
			b.src = 'http://mashinki.ru/main/images/maininfo/art.jpg';
			break;
	}
}

/**Убираем подсветку при снятии наведения**/
function TabOut(tab)
{
	
	timerOver = window.clearTimeout(timerOver);
	//Если это выбранный элемент меню выходим из метода
	if (tab == selectedTab)
	{
		return;
	}
	
	var obj = document.getElementById(tab);
	obj.className = 'normalButton';
	
	//Если есть выбранный элемент меню показываем его
	if (selectedTab != '')
	{
		TabOverStart(selectedTab);
	}
}

function HideBuff()
{
	play = true;
	var buf = document.getElementById('imgBuffer');	
	
	//Если буфер уже стал невидимым
	if (opbuf <= 0)
	{				
		//Останавливаем таймер
		timer = window.clearTimeout(timer);
				
		//Устанавливаем для буфера картинку со следующей табой
		AddBuffer(selected, buf);		
		//ShowMessage('lol');
		play = false;
		
		//Выходим из метода
		return;
	}
	
	//Если картинка ещё видна уменьщаем значение opacity	
	opbuf = opbuf - 1;
	
	var op1 = opbuf/10;
	var op2 = opbuf * 10;
		
	//Устанавливаем новое значение
	buf.style.opacity = op1; //для Mozilla	
	buf.style.filter = 'alpha(opacity=' + op2 +')';//для IE
	
	//alert('opbuf='+opbuf+', op1='+op1+', op2='+op2);
	
	//Вызываем метод заново
	timer = setTimeout("HideBuff()", 25);
}

/**Переход к конкретной новости**/
function NewsClick(newsID)
{
	var newsF = document.getElementById('frmNews');
	newsF.hddNews.value = newsID;
	newsF.submit();
}

/**Возврат к списку новостей**/
function NewsReturn()
{
	var newsF = document.getElementById('frmNews');
	newsF.hddNews.value = '';
	newsF.submit();
}

/**Выбирает меню**/
function SelectMenuTab(link, tab)
{
	//Если до этого был уже выбран элемент меню
 	if (selectedTab != '')
	{
		var restTab = document.getElementById(selectedTab);
		restTab.className = 'normalButton';
	}
	
	selectedTab = tab;
	var newTab = document.getElementById(selectedTab);
	newTab.className = 'activeButton';
	window.location.href = link;
}
