function InitAnimations()
{
	//ShowRegularPrice();	
	//ShowButtonText1();
	setTimeout("FadeTop1()", 500);
	//toggle('meeting');
	//toggle('remote');
}


//3 Punkte im Top Bereich einblenden
function FadeTop1()
{
	FadeTopText("Top1", "#3baff8");
	document.getElementById("Top1").style.display = "block";
	
	setTimeout("FadeTop2()", 800);
}

function FadeTop2()
{
	FadeTopText("Top2", "#259cf6");
	document.getElementById("Top2").style.display = "block";
	
	setTimeout("FadeTop3()", 1000);
}

function FadeTop3()
{
	FadeTopText("Top3", "#118AF3");
	document.getElementById("Top3").style.display = "block";
}


function FadeTopText(item, color)
{
	document.getElementById(item).style.color = color;
	
	if ((color == "#ffffff") || (color == "#FFFFFF"))
		return;
		
	setTimeout("FadeTopText(\"" + item + "\", \"" + GetNextColor(color) + "\")", 10);
}	

function GetNextColor(color)
{
	var red = color.substring(1, 3);
	var green = color.substring(3, 5);
	var blue = color.substring(5);
	
	red = d2h(h2d(red) + 10);
	green = d2h(h2d(green) + 10);
	blue = d2h(h2d(blue) + 10);
	
	return "#" + red + green + blue;
}

function d2h(d) {
	if (d > 255)
		return "FF";
	return d.toString(16);
}
function h2d(h) {
	return parseInt(h,16);
} 


//Preis wechseln
function ShowRegularPrice()
{		
	for (var i = 0; i < document.getElementsByName("regularPrice").length; i++)
		document.getElementsByName("regularPrice").item(i).style.display = "inline";
	
	for (var i = 0; i < document.getElementsByName("specialPrice").length; i++)
		document.getElementsByName("specialPrice").item(i).style.display = "none";
	
	for (var i = 0; i < document.getElementsByName("specialSubPrice").length; i++)
		document.getElementsByName("specialSubPrice").item(i).style.display = "none";
	
	setTimeout("ShowSpecialPrice()", 3000);
}

function ShowSpecialPrice()
{
	for (var i = 0; i < document.getElementsByName("regularPrice").length; i++)
		document.getElementsByName("regularPrice").item(i).style.display = "none";
	
	for (var i = 0; i < document.getElementsByName("specialPrice").length; i++)
		document.getElementsByName("specialPrice").item(i).style.display = "inline";
	
	for (var i = 0; i < document.getElementsByName("specialSubPrice").length; i++)
		document.getElementsByName("specialSubPrice").item(i).style.display = "none";
	
	if (document.getElementsByName("specialSubPrice").length > 0)
		setTimeout("ShowSpecialSubPrice()", 3000);
	else
		setTimeout("ShowRegularPrice()", 3000);
}

function ShowSpecialSubPrice()
{
	for (var i = 0; i < document.getElementsByName("regularPrice").length; i++)
		document.getElementsByName("regularPrice").item(i).style.display = "none";
	
	for (var i = 0; i < document.getElementsByName("specialPrice").length; i++)
		document.getElementsByName("specialPrice").item(i).style.display = "none";

	for (var i = 0; i < document.getElementsByName("specialSubPrice").length; i++)
		document.getElementsByName("specialSubPrice").item(i).style.display = "inline"
	
	setTimeout("ShowRegularPrice()", 3000);
}


//Text in silbernen Buttons wechseln
function ShowButtonText1()
{	
	for (var i = 0; i < document.getElementsByName("ButtonText1").length; i++)
	{
		document.getElementsByName("ButtonText1").item(i).style.display = "inline";
		document.getElementsByName("ButtonText2").item(i).style.display = "none";
		document.getElementsByName("ButtonText3").item(i).style.display = "none";
	}
		
	setTimeout("ShowButtonText2()", 2000);
}

function ShowButtonText2()
{
	for (var i = 0; i < document.getElementsByName("ButtonText2").length; i++)
	{
		document.getElementsByName("ButtonText1").item(i).style.display = "none";
		document.getElementsByName("ButtonText2").item(i).style.display = "inline";
		document.getElementsByName("ButtonText3").item(i).style.display = "none";
	}

	setTimeout("ShowButtonText3()", 2000);
}

function ShowButtonText3()
{		
	for (var i = 0; i < document.getElementsByName("ButtonText3").length; i++)
	{
		document.getElementsByName("ButtonText1").item(i).style.display = "none";
		document.getElementsByName("ButtonText2").item(i).style.display = "none";
		document.getElementsByName("ButtonText3").item(i).style.display = "inline";
	}

	setTimeout("ShowButtonText1()", 2000);
}

//License overview: Toggle, hover groups
function toggle(name){	
	var tr=document.getElementsByTagName('tr');
	for (i=0; i < tr.length;i++){
		if (tr[i].getAttribute('name') == name)
			tr[i].style.display = tr[i].style.display == 'none' ? '' : 'none';		
	}
	
	var id=document.getElementById(name);
	if(id.firstChild.firstChild.className == 'rtl' || id.firstChild.firstChild.className == 'rtl-active'){
		id.firstChild.firstChild.className = id.firstChild.firstChild.className == 'rtl-active' ? 'rtl' : 'rtl-active';
	}else{
		id.firstChild.firstChild.className = id.firstChild.firstChild.className == 'active' ? '' : 'active';
	}
}	
function togglehover(id, rtl){
	var id=document.getElementById(id);
	id.className = id.className == 'tbl-head-toggle' ? 'tbl-head-toggle tbl-head-toggle-hover' : 'tbl-head-toggle';
	if(rtl){
		id.firstChild.className = id.firstChild.className == 'head-toggle rad-top-right' ? 'head-toggle head-toggle-hover rad-top-right' : 'head-toggle rad-top-right';
		id.lastChild.className = id.lastChild.className == 'head-toggle-curve-rtl' ? 'head-toggle-curve-rtl head-toggle-curve-hover-rtl' : 'head-toggle-curve-rtl';
	}else{
		id.firstChild.className = id.firstChild.className == 'head-toggle rad-top-left' ? 'head-toggle rad-top-left head-toggle-hover' : 'head-toggle rad-top-left';
		id.lastChild.className = id.lastChild.className == 'head-toggle-curve' ? 'head-toggle-curve head-toggle-curve-hover' : 'head-toggle-curve';
	}
}
