//JavaScript Document
var nav = new Array();
nav[0] = "companyprofile";
nav[1] = "recruitinfo";
nav[2] = "link";
nav[3] = "communication";

var leftmenu = new Array();
leftmenu[0] = "outsourcing";
leftmenu[1] = "system";
leftmenu[2] = "professional";
leftmenu[3] = "100per";
leftmenu[4] = "package";

var centerUrl = new Array();
centerUrl[0] = new Image();
centerUrl[1] = new Image();
centerUrl[2] = new Image();
centerUrl[3] = new Image();
centerUrl[4] = new Image();

centerUrl[0] = "outsourcing/index.html";
centerUrl[1] = "integration/index.html";
centerUrl[2] = "service/index.html";
centerUrl[3] = "100solution/index.html";
centerUrl[4] = "package/index.html";

var centerImages = new Array();
centerImages[0] = new Image();
centerImages[1] = new Image();
centerImages[2] = new Image();
centerImages[3] = new Image();
centerImages[4] = new Image();

centerImages[0].src = "img/img_outsourcing.jpg";
centerImages[1].src = "img/img_integration.jpg";
centerImages[2].src = "img/img_service.jpg";
centerImages[3].src = "img/img_100solution.jpg";
centerImages[4].src = "img/img_package.jpg";

var nowimage = 0;
var intervalSec = 5000;
function navMouseOut() {
	var nodes = document.getElementById(this.id).parentNode.childNodes;
	var nodesLen = nodes.length;
	for(n=0; n<nodesLen; n++){
		if(nodes[n].nodeType == 1){
			if(nodes[n].nodeName == "DD"){
				nodes[n].style.display = "none";
			}
		}
	}
}
function navMouseOver() {
	var nodes = document.getElementById(this.id).parentNode.childNodes;
	var nodesLen = nodes.length;
	for(n=0; n<nodesLen; n++){
		if(nodes[n].nodeType == 1){
				if(nodes[n].nodeName == "DD"){
					nodes[n].style.display = "block";
					nodes[n].onmouseover = navMouseOver;
					nodes[n].onmouseout = navMouseOut;

				}
		}
	}
}

function swapMouseOver() {
	if(this.id == "outsourcing") {
		document.getElementById("swapimages").style.backgroundImage = "url("+centerImages[0].src+")"
		document.getElementById("swapimagelinks").href = centerUrl[0];
	}
	if(this.id == "system") {
		document.getElementById("swapimages").style.backgroundImage = "url("+centerImages[1].src+")"
		document.getElementById("swapimagelinks").href = centerUrl[1];
	}
	if(this.id == "professional") {
		document.getElementById("swapimages").style.backgroundImage = "url("+centerImages[2].src+")"
		document.getElementById("swapimagelinks").href = centerUrl[2];
	}
	if(this.id == "100per") {
		document.getElementById("swapimages").style.backgroundImage = "url("+centerImages[3].src+")"
		document.getElementById("swapimagelinks").href = centerUrl[3];
	}
	if(this.id == "package") {
		document.getElementById("swapimages").style.backgroundImage = "url("+centerImages[4].src+")"
		document.getElementById("swapimagelinks").href = centerUrl[4];
	}
	swapflag = true;
	clearInterval(id);
}
function swapMouseOut() {
	swapflag = false;
	//alert(this.id)
	setswapinterval(imageChange, intervalSec);
}
var swapflag = false;

function imageChange() {
	if(!swapflag) {
		nowimage++;
		if(!centerImages[nowimage]){
			nowimage = 0;
		}
		document.getElementById("swapimages").style.backgroundImage = "url("+centerImages[nowimage].src+")"
		document.getElementById("swapimagelinks").href = centerUrl[nowimage];
	}
}
function swaplinkover() {
	swapflag = true;
	clearInterval(id);
}
function swaplinkout() {
	swapflag = false;
	setswapinterval(imageChange, intervalSec);
}
function setswapinterval(f, i) {
	id = setInterval(f, i);
}

function preloadImages() {
	MM_preloadImages('img/th_menu0302.gif','img/red_line01.gif','img/red_line02.gif');
	MM_preloadImages('img/top_l_menu01.gif','img/top_l_menu02.gif','img/top_l_menu03.gif','img/top_l_menu04.gif','img/top_l_menu05.gif');
	MM_preloadImages('img/top_l_menu01_over.gif','img/top_l_menu02_over.gif','img/top_l_menu03_over.gif','img/top_l_menu04_over.gif','img/top_l_menu05_over.gif');
	MM_preloadImages('img/img_service.jpg','img/img_package.jpg','img/img_integration.jpg','img/img_outsourcing.jpg','img/img_100solution.jpg');
	MM_preloadImages('img/th_comm.gif','img/th_comm_over.gif','img/th_company.gif','img/th_company_over.gif','img/th_link.gif','img/th_link_over.gif','img/th_recruit.gif','img/th_recruit_over.gif');
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function presetFunction() {
	var navLen = nav.length;
	nowimage = 4;
	for(n=0; n<navLen; n++){
		document.getElementById(nav[n]).onmouseover = navMouseOver;
		document.getElementById(nav[n]).onmouseout = navMouseOut;
	}
	var leftLen = leftmenu.length;
	for(n=0; n<leftLen; n++){
		document.getElementById(leftmenu[n]).onmouseover = swapMouseOver;
		document.getElementById(leftmenu[n]).onmouseout = swapMouseOut;
	}
	document.getElementById("swapimagelinks").onmouseover = swaplinkover;
	document.getElementById("swapimagelinks").onmouseout = swaplinkout;
	document.getElementById("swapimages").style.backgroundimage = "url("+centerImages[nowimage].src+")"
	setswapinterval(imageChange, intervalSec);
	preloadImages();
}
var id
window.onload = presetFunction;