// JavaScript Document

function changePage(page){
	var page1="page1";
	var page2="page2";
	//alert(page, )
	document.getElementById(page1).style.display="none";
	document.getElementById(page2).style.display="none";
	document.getElementById(page).style.display="";
}

function showPort(obid){	

	document.getElementById("portfolio").style.display="none";
	document.getElementById("service").style.display="none";
	document.getElementById("about").style.display="none";
	document.getElementById("contact").style.display="none";
	document.getElementById(obid).style.opacity = 0;
	setTimeout("document.getElementById('"+obid+"').style.display=''",50);
	shiftOpacity(obid, 350)
}

function closePanel(obid){
	document.getElementById(obid).style.opacity = 100;
	shiftOpacity(obid, 400);
	setTimeout("document.getElementById('"+obid+"').style.display='none'",400);
}

function showPortPic(picname){
	document.getElementById("portPic").style.opacity = 0
	if(picname=="stella")	document.getElementById("portPic").src="images/stella.jpg";
	else if(picname=="modernplus")	document.getElementById("portPic").src="images/modernplus.jpg";
	else if(picname=="khumboonsong")	document.getElementById("portPic").src="images/khumboonsong.jpg";
	else if(picname=="appboard")	document.getElementById("portPic").src="images/appboard.jpg";
	else if(picname=="daravati")	document.getElementById("portPic").src="images/daravati.jpg";
	else if(picname=="pledge")	document.getElementById("portPic").src="images/pledge.jpg";
	else if(picname=="imj")	document.getElementById("portPic").src="images/imj.jpg";
	else if(picname=="seefah")	document.getElementById("portPic").src="images/seefah.jpg";
	else if(picname=="tabiNippon")	document.getElementById("portPic").src="images/tabiNippon.jpg";
	else document.getElementById("portPic").src="images/temp.GIF";
	setTimeout("document.getElementById('portPic').style.display=''",160);
	shiftOpacity('portPic', 400);
}
function closePortPic(){
	document.getElementById("portPic").src="images/temp.GIF";
	setTimeout("document.getElementById('portPic').style.display='none'",5);
	shiftOpacity('portPic', 100)
	//document.getElementById("portPic").style.display="none";
}
function showServiceInfo(topic){
	
	document.getElementById("servicePnl").style.display="";
	//setTimeout("document.getElementById('servicePnl').style.display=''",0);
	if(topic=="programming") {
		document.getElementById("serviceInfo").innerHTML="ASP, JSP, PHP, etc.<br/> We use any language to archive your requirement";
	}
	if(topic=="design") document.getElementById("serviceInfo").innerHTML="Comming Soon...";
	if(topic=="database") document.getElementById("serviceInfo").innerHTML="Comming Soon...";
	if(topic=="consult") document.getElementById("serviceInfo").innerHTML="Comming Soon...";
	if(topic=="application") document.getElementById("serviceInfo").innerHTML="Comming Soon...";
	if(topic=="maintain") document.getElementById("serviceInfo").innerHTML="Comming Soon...";
}
function closeServiceInfo(){
	
	document.getElementById("servicePnl").style.display="none";
	document.getElementById("serviceInfo").innerHTML=""
}

function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(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 + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}