/*----------------------- jIndex.js ----------*/

//---------------- slide show.
var slideshowFadeAnimate = new Array();
var slideshowFadeTimer   = new Array();
var slideshowFadeCount   = new Array();
var slideshowFadeImages  = new Array();

//======================
function slideshowFade(id,cl,imageArray,fadeInterval,holdTime)
{
  if(cl)
    cl = ' class="'+cl+'"';

  document.write('<div id="'+id+'"'+cl+'><img id="'+id+'img" onload="slideshowFadeRun(\''+id+'\')"/></div>');

  var ss = document.getElementById(id+'img');
  if(ss.addEventListener)
  {
    ss.addEventListener('mouseover',function(){slideshowFadeMouseover(id)},false);
    ss.addEventListener('mouseout',function(){slideshowFadeMouseout(id)},false);
  }
  else if(ss.attachEvent)
  {
    ss.attachEvent('onmouseover',function(){slideshowFadeMouseover(id)});
    ss.attachEvent('onmouseout',function(){slideshowFadeMouseout(id)},false);
  }
  
  slideshowFadeCount[id]   = 0;
  slideshowFadeImages[id]  = imageArray;
  slideshowFadeAnimate[id] = 'run';
  slideshowFadeTimer[id]   = setInterval('slideshowFadeAnimation(\''+id+'\',\''+holdTime+'\');',fadeInterval);
}

//======================
function slideshowFadeAnimation(id,holdTime)
{
  if(slideshowFadeAnimate[id]=='run')
  {
    var obj = document.getElementById(id+'img');
    var opa = slideshowFadeCount[id]%200;

    if(opa==0)
    {
      slideshowFadeAnimate[id] = 'load';
      obj.src = slideshowFadeImages[id][Math.floor(slideshowFadeCount[id]/200)%slideshowFadeImages[id].length];
    }
    else if(opa==100)
    {
      slideshowFadeAnimate[id] = 'hold';
      setTimeout('slideshowFadeRun(\''+id+'\')',holdTime);
    }
    else if(opa>100)
      opa = 200-opa;
      
    obj.style.opacity = (opa/100).toString();
    obj.style.filter  = "alpha(opacity="+opa.toString()+")";
    
    slideshowFadeCount[id]++;
    
    if(slideshowFadeCount[id]==(slideshowFadeImages[id].length*200))
      slideshowFadeCount[id]=0;
  }
}

//======================
function slideshowFadeMouseout(id)
{
  if(slideshowFadeAnimate[id]=='mouseover')
    slideshowFadeAnimate[id] = 'run';
}

//======================
function slideshowFadeMouseover(id)
{
  if(slideshowFadeAnimate[id]=='run')
  {
    slideshowFadeAnimate[id] = 'mouseover';
    var obj = document.getElementById(id+'img');
    obj.style.opacity = "1";
    obj.style.filter  = "alpha(opacity=100)";
    slideshowFadeCount[id] = (Math.floor(slideshowFadeCount[id]/200)*200)+101;
  }
}

//======================
function slideshowFadeRun(id)
{
  slideshowFadeAnimate[id] = 'run';
}


	

//----------------- submenu for INFO.
var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// close layer when click-out
document.onclick = mclose;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem)
		ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
}

// close showed layer
function mclose()
{
	if(ddmenuitem)
		ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}




function ft_ShowMainDiv()
{
  if(request.readyState == 4){	
	if(request.status == 200)
	{
		var response = request.responseText.replace(/^\s+|\s+$/g, "");
		var content1 = response;
		var content2 = "";
		var content3 = "";
		var content4 = "";
		var content5 = "";
		//alert(response);
		
		var pos1 = response.indexOf(".#1.");
		var pos2 = response.indexOf(".#2.");
		var pos3 = response.indexOf(".#3.");
		var pos4 = response.indexOf(".#4.");
		var leng = response.length;

		if(pos1 >= 0){
			content1 = response.substring(0, pos1); /* news or symbol list */
			content2 = response.substring(pos1+4, pos2); /* for service name */
			content3 = response.substring(pos2+4, pos3); /* detail */
			content4 = response.substring(pos3+4, pos4); /* icones */
			content5 = response.substring(pos4+4, leng); /* back button */
		}
		
		document.getElementById("div_MainNews1").innerHTML = content1;
		document.getElementById("div_MainNews2").innerHTML = content2;
		document.getElementById("div_MainNews3").innerHTML = content3;
		document.getElementById("div_MainNews4").innerHTML = content4;
		document.getElementById("div_MainNews5").innerHTML = content5;
	}
	else{
		var message = request.getResponseHeader("Status");
		if((message == null) || (message.length <= 0)){
			alert("Error_g0x001: Request status is " + request.status);
		}
		else{
			alert("Error_g0x002: " + message);
		}
	}
  }
}





function ft_MasssageMenu(serviceName)
{
	var url = escape("./jMassageList.jsp"); 
	request.open("POST", url, true);
	request.onreadystatechange = ft_ShowMainDiv;

	request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	request.send("paraServiceName=" + serviceName);
}


function ft_FAQ()
{
	var url = escape("./jFAQ.jsp"); 
	request.open("POST", url, true);
	request.onreadystatechange = ft_ShowMainDiv;
	
	request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	request.send(null);
}


function ft_Career()
{
	var url = escape("./jCareer.jsp"); 
	request.open("POST", url, true);
	request.onreadystatechange = ft_ShowMainDiv;
	
	request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	request.send(null);
}


function ft_FirstTimers()
{
	var url = escape("./jFirstTimers.jsp"); 
	request.open("POST", url, true);
	request.onreadystatechange = ft_ShowMainDiv;
	
	request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	request.send(null);
}


function ft_Policy()
{
	var url = escape("./jPolicy.jsp"); 
	request.open("POST", url, true);
	request.onreadystatechange = ft_ShowMainDiv;
	
	request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	request.send(null);
}


function ft_Promotion()
{
	var url = escape("./supps/jPromotionList.jsp"); 
	request.open("POST", url, true);
	request.onreadystatechange = ft_ShowMainDiv;
	
	request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	request.send(null);
}



//-- display massage detail
function ft_DispMsgDetail(treatID)
{
	//alert(treatID);
	var url = escape("./jMassageDetail.jsp"); 
	request.open("POST", url, true);
	request.onreadystatechange = ft_ShowMainDiv;
	
	request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	request.send("paraTreat_ID=" + treatID);
}



function ft_Banner()
{
	var url = escape("./jShowBanner.jsp"); 
	request.open("POST", url, true);
	request.onreadystatechange = ft_ShowMainDiv;
	
	request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	request.send(null);
}