// JavaScript Document
var iCount = 0;
var iIndex = 1;
var checkInterval = null;
var cNavHide;

function startSlide()
{
	checkInterval = window.setInterval('showImage();', 3000);
}
function showImage()
{
	var imgs = document.getElementById("fader").getElementsByTagName("img");
	if (typeof(counter) != "number")
	{
			counter = 0;
	}
	counter++;
	if (counter < imgs.length)
	{
		fade();
	}
	else
	{
		counter = 0;
		step = 0;
		stepRS = 0;
		fadeRestart();
	}
}

function fade(step)
{
	var imgs = document.getElementById("fader").getElementsByTagName("img");
	step = step || 0;
	imgs[counter].style.opacity = step/100;
	imgs[counter].style.filter = "alpha(opacity=" + step + ")";	
	imgs[(counter-1)].style.opacity = (100-step)/100;
	imgs[(counter-1)].style.filter = "alpha(opacity="+(100-step)+")";	
	step = step + 2;
	if (step <= 100)
	{
		window.setTimeout(function () { fade(step); }, 1);
	}
	else
	{
		window.setTimeout(showImage, 5000);
	}
}

function fadeRestart(stepRS)
{
	var imgs = document.getElementById("fader").getElementsByTagName("img");
	var iMyLastImage = imgs.length;
	stepRS = stepRS || 0;
	imgs[0].style.opacity = stepRS/100;
	imgs[0].style.filter = "alpha(opacity=" + stepRS + ")"; // 
	imgs[(iMyLastImage-1)].style.opacity = (100-stepRS)/100;
	imgs[(iMyLastImage-1)].style.filter = "alpha(opacity="+(100-stepRS)+")"; 
	stepRS = stepRS + 2;	
	if (stepRS <= 100)
	{
		window.setTimeout(function () { fadeRestart(stepRS); }, 1);
	}
	else
	{
		window.setTimeout(showImage, 5000);
	}
}

function activatNavi(sDiv, sID){
		document.getElementById("naviBox").className ="naviBox";
	document.getElementById("naviBox1").className ="naviBox";
	document.getElementById("naviBox2").className ="naviBox";
	document.getElementById("naviBox3").className ="naviBox";
	document.getElementById("naviBox4").className ="naviBox";
	document.getElementById("naviBox5").className ="naviBox";
	document.getElementById("naviBox6").className ="naviBox";
	document.getElementById("naviBox7").className ="naviBox";
	
	
	
	document.getElementById('nav_').style.display ="none";
	document.getElementById('nav_1').style.display ="none";
	document.getElementById('nav_2').style.display ="none";
	document.getElementById('nav_3').style.display ="none";
	document.getElementById('nav_4').style.display ="none";
	document.getElementById('nav_5').style.display ="none";
	document.getElementById('nav_6').style.display ="none";
	document.getElementById('nav_7').style.display ="none";

	
	
	
	
	document.getElementById(sDiv).className ="naviBoxActive";
	document.getElementById('nav_'+sID).style.display ="block";
	
	clearTimeout(cNavHide);
}


function deactivateNavi(sDiv, sID){
	cNavHide = window.setTimeout("closeNavigation('"+sDiv+"','"+sID+"' )", 1000);

}

function closeNavigation(sDiv, sID){
	document.getElementById(sDiv).className ="naviBox";
	document.getElementById('nav_'+sID).style.display ="none";
	document.getElementById('nav_'+sID).className ="sub";
}