menuYear = "mYear";
menuMonth = "mMonth";
id_max = 12;
lay = ie = gc = 0;

var mYearId;
var mMonthId = 0;

onload = init;

if (document.getElementById) gc = 1;

//??????????????????
function init () {	
	var formObj1 = document.forms["productDetail"];
	var formObj2 = document.forms["curtain"];
	
	if(formObj1 != null){
		initProductDetail();
	} else if(formObj2 != null){
		initCurtain();
	} else {
		// do nothing.
	}
}

//??????????????????????????????
function initDateHeader(mYearId, mMonthId){
	var list = document.getElementsByTagName("div");
	if(! list) return;
	for (i = 0; i < list.length; i ++) {
		if (list[i].id.match(/lay/)) lay ++;
	}
	ymInitHeader(mYearId, mMonthId);
}

//??????????????????????????????
function initProductDetail() {
   seltab(1);
   selColPattern(1);
}

//????????????????????????(???????????????:?????????Q&A,??????????????????)
function initCurtain() {
	mList(0);
}

//???????????????????????????????????????
menuYear = "mYear";
menuMonth = "mMonth";
id_max = 12;
//????????????????????????????????????????????????
function ymInitHeader(mYearId, mMonthId) {
	menuStyle(mYearId, "visible", "", "open");
	document.getElementById("tMonth" + mYearId + mMonthId).className = "bold";
	menuYearZero("hidden", "absolute");
	for (i = 1; i <= id_max; i++) {
		if (i == mYearId) continue;
		if (! document.getElementById(menuYear + i)) continue;
		menuStyle(i, "hidden", "absolute", "close");
	}
}

//??????????????????????????????????????????
function ymHeader(selected) {
  if (! document.getElementById) return;
  for (i = 1; i <= id_max; i++) {
    if (! document.getElementById(menuYear + i)) continue;               
    if (i == selected) {
    	if(document.getElementById(menuYear + i).className == "close") {
    		menuStyle(i, "visible", "", "open");
	    	menuYearZero("hidden", "absolute");
      	} else if (document.getElementById(menuYear + i).className == "open") {
			menuStyle(i, "hidden", "absolute", "close");
			menuYearZero("visible", "");
      	} else {
			menuStyle(i, "hidden", "absolute", "close");
     	}
    } else {
		menuStyle(i, "hidden", "absolute", "close");
    }
  }
}

function menuStyle(i, vis, pos, flg) {
	document.getElementById(menuMonth + i).style.visibility = vis;
	document.getElementById(menuMonth + i).style.position = pos;
	document.getElementById(menuYear + i).className = flg;
}

//???????????????????????????????????????
function menuYearZero(vis, pos) {
	document.getElementById("mMonth0").style.visibility = vis;
	document.getElementById("mMonth0").style.position = pos;
}



hPref = "head";
bPref = "body";
lay = ie = gc = 0;
//????????????(???????????????:?????????Q&A,??????????????????)
function mList(selected) {
	var list = document.getElementsByTagName("span");
	for (i = 0; i <= list.length; i++) {
		if (! document.getElementById(hPref + i)) continue;
		if (i == selected) {
			setStyle(i, "visible", "");
		} else {
			setStyle(i, "hidden", "absolute");
		}
	}
}
// set StyleSheet
function setStyle(i, vis, pos) {
	document.getElementById(bPref + i).style.visibility = vis;
	document.getElementById(bPref + i).style.position = pos;
}


//????????????????????????????????????)
thPref = "thead";
tbPref = "tbody";
tab_max = 3;
function seltab(selected) {
	if (! document.getElementById) return;
	for (i = 0; i <= tab_max; i++) {
	    if (! document.getElementById(tbPref + i)) continue;
		if (i == selected) {
			setTabStyle(i, "visible", "");
			document.getElementById(thPref + i).className = "open";
		} else {
			setTabStyle(i, "hidden", "absolute");
			document.getElementById(thPref + i).className = "close";
		}
	}
}
// set StyleSheet
function setTabStyle(i, vis, pos) {
	document.getElementById(tbPref + i).style.visibility = vis;
	document.getElementById(tbPref + i).style.position = pos;
}

//???????????????????????????????????????
// colorPattern = img, colorDescription = description
colorPattern = "cPat";
colorDescription = "cDesc";
num_max = 50;
function selColPattern(num) {
	if (! document.getElementById) return;
	for (i = 0; i <= num_max; i++) {
	    if (! document.getElementById(colorPattern + i)) continue;
	    if (i == num) {
			setColStyle(i, "visible", "", "open");
	    } else {
			setColStyle(i, "hidden", "absolute", "close");
	    }
	}
}
// set StyleSheet
function setColStyle(i, vis, pos, cName) {
	document.getElementById(colorDescription + i).style.visibility = vis;
	document.getElementById(colorDescription + i).style.position = pos;
	document.getElementById(colorDescription + i).className = cName;
}

//?????????????????????????????????????????????
function imgChange(str1, str2) {
	var t = document.getElementById(str1);
	t.style.filter = "revealTrans(duration=1.5, transition=3)";
	t.filters[0].Apply();
	t.src = str2;
	t.filters[0].Play();
}

//?????????????????????
function popUp(string, idName) {
	document.getElementById(idName).style.visibility="visible";
	var pidName = document.all[idName];
	pidName.innerHTML = '<table border=1 width=200><tr><td>' + string + '</td></tr></table>';
}

function popUpOut(idName) {
	document.getElementById(idName).style.visibility="hidden";
	var pidName = document.all[idName];
	pidName.innerHTML = '';
}

//Personal Care ??????????????????????????????????????????????????????
// WebContent/jsp/product/product.jsp???<!-- ???????????????????????? -->????????????
// WebContent/jsp/product/productTop.jsp???<!-- ???????????? START -->????????????
// ???????????????????????????????????????(line193-line367)???????????????????????????
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
//  ALTTXT V1.2
//  BY: BRIAN GOSSELIN OF SCRIPTASYLUM.COM
//  ADDED FADING EFFECT FOR IE4+ AND NS6+ ONLY AND OPTIMIZED THE CODE A BIT.
//  SCRIPT FEATURED ON DYNAMIC DRIVE (http://www.dynamicdrive.com)
//  Modifed by DD for doctype bug on Nov 13th, 2003


var dofade=true;     // ENABLES FADE-IN EFFECT FOR IE4+ AND NS6 ONLY
var center=false;     // CENTERS THE BOX UNER THE MOUSE, OTHERWISE DISPLAYS BOX TO THE RIGHT OF THE MOUSE
var centertext=false; // CENTERS THE TEXT INSIDE THE BOX. YOU CAN'T SIMPLY DO THIS VIA STYLE BECAUSE OF NS4.
                     // OTHERWISE, TEXT IS LEFT-JUSTIFIED. 


////////////////////////////// NO NEED TO EDIT BEYOND THIS POINT //////////////////////////////////////

function ietruebody(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var NS4 = (navigator.appName.indexOf("Netscape")>=0 && !document.getElementById)? true : false;
var IE4 = (document.all && !document.getElementById)? true : false;
var IE5 = (document.getElementById && document.all)? true : false;
var NS6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var W3C = (document.getElementById)? true : false;
var w_y, w_x, navtxt, idName, boxheight, boxwidth;
var ishover=false;
var isloaded=false;
var ieop=0;
var op_id=0;

function getwindowdims(){
	w_y=(NS4||NS6||window.opera)? window.innerHeight : (IE5||IE4)? document.body.clientHeight : 0;
	w_x=(NS4||NS6||window.opera)? window.innerWidth : (IE5||IE4)? document.body.clientWidth : 0;
}

function getboxwidth(){
	if(NS4)boxwidth=(navtxt.document.width)? navtxt.document.width : navtxt.clip.width;
	if(IE5||IE4)boxwidth=(navtxt.style.pixelWidth)? navtxt.style.pixelWidth : navtxt.offsetWidth;
	if(NS6)boxwidth=(navtxt.style.width)? parseInt(navtxt.style.width) : parseInt(navtxt.offsetWidth);
}

function getboxheight(){
	if(NS4)boxheight=(navtxt.document.height)? navtxt.document.height : navtxt.clip.height;
	if(IE4||IE5)boxheight=(navtxt.style.pixelHeight)? navtxt.style.pixelHeight : navtxt.offsetHeight;
	if(NS6)boxheight=parseInt(navtxt.offsetHeight);
}

function movenavtxt(x,y){
	if(NS4)navtxt.moveTo(x,y);
	if(W3C||IE4){
		if(navtxt.getAttribute("id")=="navtxt") {
			navtxt.style.left=(x)+'px';
			navtxt.style.top=(y)+'px';
		} else if(navtxt.getAttribute("id")=="navidx"){
			navtxt.style.left=(x+30)+'px';
			navtxt.style.top=(y-45)+'px';
		} else if(navtxt.getAttribute("id")=="navpp"){
			navtxt.style.left=(x)+'px';
			navtxt.style.top=(y)+'px';
		}
	}
}

function getpagescrolly(){
	if(NS4||NS6)return window.pageYOffset;
	if(IE5||IE4)return ietruebody().scrollTop;
}

function getpagescrollx(){
	if(NS4||NS6)return window.pageXOffset;
	if(IE5||IE4)return ietruebody().scrollLeft;
}

function writeindiv(text){
	if(NS4){
	navtxt.document.open();
	navtxt.document.write(text);
	navtxt.document.close();
	}
	if(W3C||IE4)navtxt.innerHTML=text;
}

//**** END UTILITY FUNCTIONS ****//

function writetxt(text, idName){
	getIdName(idName);
	if(isloaded){
		if(text!=0){
			ishover=true;
			if(NS4){
				if(idName=="navtxt"){
					text='<div class="navtext">'+((centertext)?'<center>':'')+text+((centertext)?'</center>':'')+'</div>';
				}else if(idName=="navidx"){
					text='<div class="navindex">'+((centertext)?'<center>':'')+text+((centertext)?'</center>':'')+'</div>';
				}
			}
			writeindiv(text);
			getboxheight();
			if((W3C || IE4) && dofade){
				ieop=0;
				incropacity();
			}
		}else{
			if(NS4)navtxt.visibility="hide";
			if(IE4||W3C){
				if(dofade)clearTimeout(op_id);
				navtxt.style.visibility="hidden";
			}
		writeindiv('');
		ishover=false;
		}
	}
}

function incropacity(){
	if(ieop<=100){
		ieop+=7;
		if(IE4 || IE5)navtxt.style.filter="alpha(opacity="+ieop+")";
		if(NS6)navtxt.style.MozOpacity=ieop/100;
		op_id=setTimeout('incropacity()', 50);
	}
}

function moveobj(evt){
	if(isloaded && ishover){
		margin=(IE4||IE5)? 1 : 23;
		if(NS6)if(document.height+27-window.innerHeight<0)margin=15;
		if(NS4)if(document.height-window.innerHeight<0)margin=10;
		//mx=(NS4||NS6)? evt.pageX : (IE5||IE4)? event.clientX : 0;
		//my=(NS4||NS6)? evt.pageY : (IE5||IE4)? event.clientY : 0;
		if (NS4){
			mx=evt.pageX
			my=evt.pageY
		} else if (NS6){
			mx=evt.clientX
			my=evt.clientY
		} else if (IE5){
			mx=event.clientX
			my=event.clientY
		} else if (IE4){
			mx=0
			my=0
		}
		if(NS4){
			mx-=getpagescrollx();
			my-=getpagescrolly();
		}
		xoff=(center)? mx-boxwidth/2 : mx+5;
		yoff=(my+boxheight+30-getpagescrolly()+margin>=w_y)? -15-boxheight: 30;
		movenavtxt( Math.min(w_x-boxwidth-margin , Math.max(2,xoff))+getpagescrollx() , my+yoff+getpagescrolly());
		if(NS4)navtxt.visibility="show";
		if(W3C||IE4)navtxt.style.visibility="visible";
	}
}

if(NS4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=moveobj;

function getIdName(idName){
	navtxt=(NS4)? document.layers[idName] :
		   (IE4)? document.all[idName] :
		   (W3C)? document.getElementById(idName) :
		   null;
	getboxwidth();
	getboxheight();
	getwindowdims();
	isloaded=true;
	if((W3C || IE4) && centertext)navtxt.style.textAlign="center";
	if(W3C)navtxt.style.padding='4px';
	if(IE4 || IE5 && dofade)navtxt.style.filter="alpha(opacity=0)";
}

function openNewWindow(theURL,winName,features) { 
//v2.0   

window.open(theURL,winName,features); 

}



window.onresize=getwindowdims;