/* BUY SECTION JS */
function addBGcolor(cellName, setName, detailName, flagIt){
	if(flagIt == "1"){
		/* add bg color */
		document.getElementById(''+cellName+'').className = document.getElementById(''+cellName+'').className.replace(''+cellName+''); // remove current class name
		document.getElementById(''+cellName+'').className = "style_box_over"; // add a new class name
		
		/* change setName color*/
		document.getElementById(''+setName+'').className = document.getElementById(''+setName+'').className.replace(''+setName+''); // remove current class name
		document.getElementById(''+setName+'').className = "set_name_txt_over"; // add a new class name
		
		/* show set detail */
		document.getElementById(''+detailName+'').className = document.getElementById(''+detailName+'').className.replace(''+detailName+''); // remove current class name
		document.getElementById(''+detailName+'').className = "style_buy_info_over"; // add a new class name
	}	
	else{
		/* remove bg color */
		document.getElementById(''+cellName+'').className = document.getElementById(''+cellName+'').className.replace(''+cellName+''); // remove current class name
		document.getElementById(''+cellName+'').className = "style_box"; // add a new class name
		
		/* change setName color*/
		document.getElementById(''+setName+'').className = document.getElementById(''+setName+'').className.replace(''+setName+''); // remove current class name
		document.getElementById(''+setName+'').className = "set_name_txt"; // add a new class name
		
		
		/* hide set detail */
		document.getElementById(''+detailName+'').className = document.getElementById(''+detailName+'').className.replace(''+detailName+''); // remove current class name
		document.getElementById(''+detailName+'').className = "style_buy_info"; // add a new class name
	}
}

function changeStyleColor(){
	var i=0;
	var items = changeStyleColor.arguments.length;
	
	
	//	for(i=0; i<=items - 1; i++){
	for(i=1; i<=styleItmTtl; i++){
		document.getElementById('style'+i).className = document.getElementById('style'+i).className.replace('style'+i); // remove current class name
		document.getElementById('style'+i).className = "font_style_out"; // add a new class name
	
		document.getElementById('fontStyleImg'+i).style.opacity=0.2;
		//document.getElementById('fontStyleImg1').filters.alpha.opacity=40;
	}
	
	for(i=1; i<=items; i++){
		document.getElementById('style'+changeStyleColor.arguments[i-1]).className = document.getElementById('style'+changeStyleColor.arguments[i-1]).className.replace('style'+changeStyleColor.arguments[i-1]); // remove current class name
		document.getElementById('style'+changeStyleColor.arguments[i-1]).className = "font_style_over"; // add a new class name
		
		document.getElementById('fontStyleImg'+changeStyleColor.arguments[i-1]).style.opacity=1;
		//document.getElementById('fontStyleList'+changeStyleColor.arguments[i-1]).filters.alpha.opacity=100;
	
	}
}

function removeStyleColor(){
var i=0;

for(i=1; i<=styleItmTtl; i++){
	document.getElementById('style'+i).className = document.getElementById('style'+i).className.replace('style'+i); // remove current class name
	document.getElementById('style'+i).className = "font_style"; // add a new class name
	
	document.getElementById('fontStyleList'+i).className = document.getElementById('fontStyleList'+i).className.replace('fontStyleList'+i); // remove current class name
	document.getElementById('fontStyleList'+i).className = "fontStyleList"; // add a new class name
	
	document.getElementById('fontStyleImg'+i).style.opacity=1;
	//document.getElementById('fontStyleList'+i).filters.alpha.opacity=100;

	}
}

function addColorBlock(tdId, flagIt){
	if(flagIt == 1){ // for mouesover action // change the classname to _over stage
		document.getElementById('fontStyleList'+tdId).className = document.getElementById('fontStyleList'+tdId).className.replace('fontStyleList'+tdId); // remove current class name
		document.getElementById('fontStyleList'+tdId).className = "fontStyleList_over"; // add a new class name
	}else{ // for mouseout action // change the classname to its default stage
		document.getElementById('fontStyleList'+tdId).className = document.getElementById('fontStyleList'+tdId).className.replace('fontStyleList'+tdId); // remove current class name
		document.getElementById('fontStyleList'+tdId).className = "fontStyleList"; // add a new class name		
	}
}

function showPrice(txtId, flagIt){
	if(flagIt == 1){
		document.getElementById('singlePrice'+txtId).className = document.getElementById('singlePrice'+txtId).className.replace('singlePrice'+txtId); // remove current class name
		document.getElementById('singlePrice'+txtId).className = "singlePrice_show"; // add a new class name
	}else{
		document.getElementById('singlePrice'+txtId).className = document.getElementById('singlePrice'+txtId).className.replace('singlePrice'+txtId); // remove current class name
		document.getElementById('singlePrice'+txtId).className = "singlePrice"; // add a new class name		
	}
}