function fader(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	for(i = opacStart; i <= opacEnd; i++)
	{
		setTimeout("changeOpac("+i+",'"+id+"')",(timer * speed));
		
		timer++;
	}
}

function homepage() {
	//speed for each frame
	millisec = 5000
	opacStart = 0
	opacEnd = 100
	i = 0
	j = 0
	var speed = Math.round(millisec / 100);
	var timer = 1000;
	
	
	var t=setTimeout("homepage_v2()",3000);		
}

function homepage_v2() {
	//speed for each frame
	millisec = 700
	opacStart = 0
	opacEnd = 100
	i = 0
	j = 0
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	for (j = 1; j <= 3; j++) {
		for(i = opacStart; i <= opacEnd; i++)
		{
			setTimeout("changeOpac("+i+",'home"+j+"')",(timer * speed));
			timer++;
		}
	}
}

function credentials() {
	//speed for each frame
	millisec = 4000
	opacStart = 0
	opacEnd = 100
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	for(i = opacStart; i <= opacEnd; i++)
	{
		setTimeout("changeOpac("+i+",'bubble1')",(timer * speed));
		timer++;
	}
	for(i = opacStart; i <= opacEnd; i++)
	{
		setTimeout("changeOpac("+i+",'bubble2')",(timer * speed));
		timer++;
	}
	for(i = opacStart; i <= opacEnd; i++)
	{
		setTimeout("changeOpac("+i+",'bubble3')",(timer * speed));
		timer++;
	}
	for(i = opacStart; i <= opacEnd; i++)
	{
		setTimeout("changeOpac("+i+",'bubble4')",(timer * speed));
		timer++;
	}
}

function contact() {
	//speed for each frame
	millisec = 1000
	opacStart = 0
	opacEnd = 100
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	
	for(i = opacStart; i <= opacEnd; i++)
	{
		setTimeout("changeOpac("+i+",'bubble2')",(timer * speed));
		timer++;
	}
	for(i = opacStart; i <= opacEnd; i++)
	{
		setTimeout("changeOpac("+i+",'bubble3')",(timer * speed));
		timer++;
	}
	for(i = opacStart; i <= opacEnd; i++)
	{
		setTimeout("changeOpac("+i+",'bubble1')",(timer * speed));
		timer++;
	}
}

function work() {
	//speed for each frame
	millisec = 3000
	opacStart = 100
	opacEnd = 0
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	for(i = opacStart; i > opacEnd; i--)
	{
		setTimeout("changeOpac("+i+",'work_pic_1')",(timer * speed));
		timer++;
	}
	for(i = opacStart; i > opacEnd; i--)
	{
		setTimeout("changeOpac("+i+",'work_pic_2')",(timer * speed));
		timer++;
	}
	for(i = opacStart; i > opacEnd; i--)
	{
		setTimeout("changeOpac("+i+",'work_pic_3')",(timer * speed));
		timer++;
	}

}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}