var box1Timer,box2Timer,box3Timer,box4Timer;
var doc = document;
var trans1 = 100;
var trans2 = 100;
var trans3 = 100;
var trans4 = 100;
var pageId = 1;

loadMenuTrans(1,'1st');
loadMenuTrans(2,'1st');
loadMenuTrans(3,'1st');
loadMenuTrans(4,'1st');

function loadMenuTrans(i,which) {
	switch(i) {
		case 1: box1Timer = setTimeout("startFading("+i+",'out')", (which == '2nd' ? 100 : 3000)); break;
		case 2: box2Timer = setTimeout("startFading("+i+",'out')", (which == '2nd' ? 5500 : 25000)); break;
		case 3: box3Timer = setTimeout("startFading("+i+",'out')", (which == '2nd' ? 3500 : 9000)); break;
		case 4: box4Timer = setTimeout("startFading("+i+",'out')", (which == '2nd' ? 1000 : 15000)); break;	
	}
}

function startFading(id,fmode) {
	//doc.getElementById('divTrans').innerHTML = "Trans1: "+trans1+"<br>Trans2: "+trans2+"<br>Trans3: "+trans3+"<br>Trans4 :"+trans4;
	switch(id) {
		case 1:
			if (fmode == 'out' && trans1 >= 1)
				trans1 -= 2;
			else if (fmode == 'out' && trans1 < 1) {
				fmode = 'in'; trans1 += 2;
			}
			else if (fmode == 'in' && trans1 >= 100) {
				fmode = 'out'; trans1 -= 2;
			}
			else
				trans1 += 2;

			setFade('box'+id,trans1);
			box1Timer = setTimeout("startFading("+id+",'"+fmode+"')",200); break;
		case 2:
			if (fmode == 'out' && trans2 >= 1)
				trans2 -= 2;
			else if (fmode == 'out' && trans2 < 1) {
				fmode = 'in'; trans2 += 2;
			}
			else if (fmode == 'in' && trans2 >= 100) {
				fmode = 'out'; trans2 -= 2;
			}
			else
				trans2 += 2;
				
			setFade('box'+id,trans2);
			box2Timer = setTimeout("startFading("+id+",'"+fmode+"')",200); break;
		case 3:
			if (fmode == 'out' && trans3 >= 1)
				trans3 -= 2;
			else if (fmode == 'out' && trans3 < 1) {
				fmode = 'in'; trans3 += 2;
			}
			else if (fmode == 'in' && trans3 >= 100) {
				fmode = 'out'; trans3 -= 2;
			}
			else
				trans3 += 2;
				
			setFade('box'+id,trans3);
			box3Timer = setTimeout("startFading("+id+",'"+fmode+"')",200); break;
		case 4:
			if (fmode == 'out' && trans4 >= 1)
				trans4 -= 2;
			else if (fmode == 'out' && trans4 < 1) {
				fmode = 'in'; trans4 += 2;
			}
			else if (fmode == 'in' && trans4 >= 100) {
				fmode = 'out'; trans4 -= 2;
			}
			else
				trans4 += 2;
				
			setFade('box'+id,trans4);
			box4Timer = setTimeout("startFading("+id+",'"+fmode+"')",200); break;	
	}
}
function setFade(id,t) {
	doc.getElementById(id).style.filter = 'alpha(opacity='+t+')';
	doc.getElementById(id).style.MozOpacity = t/100;
	doc.getElementById(id).style.opacity = t/100;	
}
function moMenu(id,how) {
	if (how == 'over') {
		handleTOs(id,'kill');
		setFade(id,(id == 'box3' ? 25 : 0));
	}
	else
		handleTOs(id,'start');
}

function handleTOs(obj,which) {
	setFade(obj,100);

	switch(obj) {
		case 'box1':
			if (which == 'kill')
				clearTimeout(box1Timer);
			else {
				trans1 = 95;
				loadMenuTrans(1,'2nd');
				//box1Timer = setTimeout("startFading(1,'out')", 200);
			}
			break;
		case 'box2':
			if (which == 'kill')
				clearTimeout(box2Timer);
			else {
				trans2 = 95;
				loadMenuTrans(2,'2nd');
				//box2Timer = setTimeout("startFading(2,'out')", 200);
			}
			break;
		case 'box3':
			if (which == 'kill')
				clearTimeout(box3Timer);
			else {
				trans3 = 95;
				loadMenuTrans(3,'2nd');
				//box3Timer = setTimeout("startFading(3,'out')", 200);
			}
			break;
		case 'box4':
			if (which == 'kill')
				clearTimeout(box4Timer);
			else {
				trans4 = 95;
				loadMenuTrans(4,'2nd');
				//box4Timer = setTimeout("startFading(4,'out')", 200);
			}
			break;	
	}
}
function loadPage(id) {
	switch(id) {
		case 1: var isrc = 'about.htm'; break;
		case 2: var isrc = 'portfolio.htm'; break;
		case 3: var isrc = 'services.htm'; break;
		case 4:	var isrc = 'contact.php'; break;
	}

	if (pageId != id) {
		ifrmContent.location = isrc;
		pageId = id;
	}
}