/* 
Функция использования библиотеки 
изменения прозрачности с wwww.tigir.com 
*/

//Глобальные переменные
var gCurrentHider = 1;
var gHide = 1;
var gStartUp = 1;

//Смена слогана  
function ChangeDevice() {
	//Начальное проявление всех надписей
	if(gStartUp == 1) {
		document.getElementById('Hider1').innerHTML = document.getElementById('text1').value.split("~",1);
		document.getElementById('Hider2').innerHTML = document.getElementById('text2').value.split("~",1);
		document.getElementById('Hider3').innerHTML = document.getElementById('text3').value.split("~",1);
		fadeOpacity('Hider1', 'Show');
		fadeOpacity('Hider2', 'Show');
		fadeOpacity('Hider3', 'Show');
		gStartUp = 0;
		setTimeout('ChangeDevice()', 3000);
		return;
	}	
	if(gHide == 1) {
		//Скрытие старой надписи		
		fadeOpacity('Hider' + gCurrentHider.toString(), 'Hide');
	} else {
		//Показ новой надписи
		var aTexts = document.getElementById('text'+gCurrentHider.toString()).value.split("~");
		var pCurrentText = document.getElementById('current_text'+gCurrentHider.toString());		
		if(pCurrentText.value < aTexts.length) pCurrentText.value = Number(pCurrentText.value) + 1;
		else pCurrentText.value = 1;
		document.getElementById('Hider'+gCurrentHider.toString()).innerHTML = aTexts[Number(pCurrentText.value)-1];		
		fadeOpacity('Hider' + gCurrentHider.toString(), 'Show');
	}
	//Установка таймаута
	if(gHide == 1) {
		gHide = 0;
		setTimeout('ChangeDevice()', 1400);
	} else {
		gCurrentHider = gCurrentHider + 1;
		if(gCurrentHider > 3) gCurrentHider = 1;	
		gHide = 1;
		setTimeout('ChangeDevice()', 5000);
	}
}

/*
wwww.tigir.com - 06.07.2006

Source: http://www.tigir.com/js/opacity.js

Библиотека opacity.js к статье "CSS прозрачность (css opacity, javascript opacity)" - http://www.tigir.com/opacity.htm

setElementOpacity - установка прозрачности
getOpacityProperty - проверка, есть ли возможность менять прозрачность
fadeOpacity - плавное изменение прозрачности
*/

/* Функция кроссбраузерной установки прозрачности

Пример: setElementOpacity(document.body, 0.5); //сделать документ прозрачным на половину
*/
function setElementOpacity(oElem, nOpacity)
{
	var p = getOpacityProperty();
	(setElementOpacity = p=="filter"?new Function('oElem', 'nOpacity', 'nOpacity *= 100;	var oAlpha = oElem.filters["DXImageTransform.Microsoft.alpha"] || oElem.filters.alpha;	if (oAlpha) oAlpha.opacity = nOpacity; else oElem.style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity="+nOpacity+")";'):p?new Function('oElem', 'nOpacity', 'oElem.style.'+p+' = nOpacity;'):new Function)(oElem, nOpacity);
}

// Функция getOpacityProperty() возвращает свойство которое используется для смены прозрачности или undefined, и может использоваться для проверки возможности изменения прозрачности
function getOpacityProperty()
{
	var p;
	if (typeof document.body.style.opacity == 'string') p = 'opacity';
	else if (typeof document.body.style.MozOpacity == 'string') p =  'MozOpacity';
	else if (typeof document.body.style.KhtmlOpacity == 'string') p =  'KhtmlOpacity';
	else if (document.body.filters && navigator.appVersion.match(/MSIE ([\d.]+);/)[1]>=5.5) p =  'filter';
	
	return (getOpacityProperty = new Function("return '"+p+"';"))();
}

/* Функции для плавного изменения прозрачности:

1) fadeOpacity.addRule('opacityRule1', 1, 0.5, 30); //вначале создаем правило, задаем имя правила, начальную прозрачность и конечную, необязательный параметр задержки, влийяющий на скорость смены прозрачности
2) fadeOpacity('elemID', 'opacityRule1'); // выполнить плавную смену прозрачности элемента с id равным elemID, по правилу opacityRule1
3) fadeOpacity.back('elemID'); //вернуться в исходное сотояние прозрачности
*/
function fadeOpacity(sElemId, sRuleName, bBackward)
{
	var elem = document.getElementById(sElemId);
	if (!elem || !getOpacityProperty() || !fadeOpacity.aRules[sRuleName]) return;
	
	var rule = fadeOpacity.aRules[sRuleName];
	var nOpacity = rule.nStartOpacity;
	
	if (fadeOpacity.aProc[sElemId]) {clearInterval(fadeOpacity.aProc[sElemId].tId); nOpacity = fadeOpacity.aProc[sElemId].nOpacity;}
	if ((nOpacity==rule.nStartOpacity && bBackward) || (nOpacity==rule.nFinishOpacity && !bBackward)) return;

	fadeOpacity.aProc[sElemId] = {'nOpacity':nOpacity, 'tId':setInterval('fadeOpacity.run("'+sElemId+'")', fadeOpacity.aRules[sRuleName].nDalay), 'sRuleName':sRuleName, 'bBackward':Boolean(bBackward)};
}

fadeOpacity.addRule = function(sRuleName, nStartOpacity, nFinishOpacity, nDalay){fadeOpacity.aRules[sRuleName]={'nStartOpacity':nStartOpacity, 'nFinishOpacity':nFinishOpacity, 'nDalay':(nDalay || 30),'nDSign':(nFinishOpacity-nStartOpacity > 0?1:-1)};};

fadeOpacity.back = function(sElemId){fadeOpacity(sElemId,fadeOpacity.aProc[sElemId].sRuleName,true);};

fadeOpacity.run = function(sElemId)
{
	var proc = fadeOpacity.aProc[sElemId];
	var rule = fadeOpacity.aRules[proc.sRuleName];
	
	proc.nOpacity = Math.round(( proc.nOpacity + .1*rule.nDSign*(proc.bBackward?-1:1) )*10)/10;
	setElementOpacity(document.getElementById(sElemId), proc.nOpacity);
	
	if (proc.nOpacity==rule.nStartOpacity || proc.nOpacity==rule.nFinishOpacity) clearInterval(fadeOpacity.aProc[sElemId].tId);
}
fadeOpacity.aProc = {};
fadeOpacity.aRules = {};



//ВНИМАНИЕ! Правила изменения прозрачности
//Вынесено сюда, чтобы не вставлять в каждый шаблон
fadeOpacity.addRule('Show', 0, 1, 100);
fadeOpacity.addRule('Hide', 1, 0, 50);