var Cicon = {};

Cicon.iconUrl = "http://images.onmam.com/images/music/common/ico/"; //¾ÆÀÌÄÜ À̹ÌÁö °æ·Î
Cicon.arrIconImg = [
			"ico_emoticon_01.gif","ico_emoticon_02.gif","ico_emoticon_03.gif","ico_emoticon_04.gif"
			,"ico_emoticon_05.gif","ico_emoticon_06.gif","ico_emoticon_07.gif","ico_emoticon_08.gif"
		];
						
//¾ÆÀÌÄÜ img ÅÂ±× °¡Á®¿À±â
Cicon.getIconImg = function( no, ans_level ){
	no = parseInt(no);
	if(!ans_level) ans_level = 0;
	ans_level = parseInt(ans_level);
	
	var strIcon = "";
	
	//´äº¯±ÛÀ̶ó¸é
	if(ans_level>0){
		strIcon = "<img src=\"http://images.onmam.com/images/music/common/ico/ico_re_01.gif\" class=\"imR8\" align=\"absmiddle\" />"; 
	}else{
		if(Cicon.arrIconImg.length>no){
			strIcon = "<img src=\""+Cicon.iconUrl+Cicon.arrIconImg[no]+"\" />";
		}else{
			strIcon = "<img src=\""+Cicon.iconUrl+Cicon.arrIconImg[0]+"\" />";
		}
	}
	return strIcon;
}

//¾ÆÀÌÄÜ ¹Ú½º º¸À̱â
Cicon.show = function( obj ){
	
	var ot = U.getObjoffsetTop(obj);
	var ol = U.getObjoffsetLeft(obj);

	if( !U.getEl("div_icon_box") ){
		var box = U.createDiv("div_icon_box", 100, 40, "", "#FFFFFF", "none", "", "absolute", "");
		
		box.onmouseover = new Function( "Cicon.box_over()" );
		box.onmouseout = new Function( "Cicon.box_out()" );
		
		if( U.isIE && U.IEVersion<6 ){
			box.style.cursor = "hand"; //IE 5.5
		}else{
			box.style.cursor = "pointer";
		}
		document.body.appendChild(box)
	}

	if( U.getEl("div_icon_box").innerHTML=="" ){
		var str = "<table border=0 style=\"border:1px solid #CCCCCC\"width=100% height=100%><tr>";		
		for (var i=0; i<Cicon.arrIconImg.length; i++){
			str +="<td align=center><img src='"+Cicon.iconUrl+Cicon.arrIconImg[i]+"' onclick=\"Cicon.imgClick("+i+")\" "
			+" style=\"border:1px solid #FFFFFF\" onmouseover='Cicon.bOver(this)' onmouseout='Cicon.bOut(this)'></td>";
			if( i!=0 && ((i+1)%4)==0 ){
				str += "</tr><tr>";
			}
		}
		str += "</tr></table>";
		
		U.getEl("div_icon_box").innerHTML = str;
	}

	U.getEl("div_icon_box").style.top = ot +"px";
	U.getEl("div_icon_box").style.left = ol +"px";
		
	U.getEl("div_icon_box").style.display = "";
}

//¾ÆÀÌÄÜ ¹Ú½º ¼û±â±â
Cicon.hide = function(){
	U.getEl("div_icon_box").style.display = "none";
}

//¾ÆÀÌÄÜ ¹Ú½º ¸¶¿ì½º ¿À¹ö
Cicon.ckTime = null;
Cicon.box_over = function(){
	window.clearTimeout(Cicon.ckTime);
}
//¾ÆÀÌÄÜ ¹Ú½º ¸¶¿ì½º ¾Æ¿ô
Cicon.box_out = function() {
	Cicon.ckTime = window.setTimeout("Cicon.hide()", 200);
}

//À̹ÌÁö ¹öÆ° È¿°ú
Cicon.bOver = function(obj){
	obj.style.border="#666699 1px solid";
	obj.style.background="#FFCCFF";
}
Cicon.bOut = function(obj){
	obj.style.border="1px solid #FFFFFF";
	obj.style.background="#FFFFFF";
}
//¾ÆÀÌÄÜ ¼±ÅÃ
Cicon.imgClick = function( no ){
	
	//¾ÆÀÌÄÜ ÇØ´ç ¾ÆÀÌÄÜÀ¸·Î
	U.getEl("icon_img").src = Cicon.iconUrl+Cicon.arrIconImg[no];
	
	Cicon.hide();

	setIconValue(no);
}