///////////////////////////////////////////////////////
   // 상품태그 입력폼

   ///////////////////////////////////////////////////////
   var _ItemTagParams_restrictedTagChars = /[\x25\x26\x2b\x3c\x3e\x3f\x2f\x5c\x27\x22\x3d]|(\x5c\x6e)/g;     //태그 금칙 문자 정규식

  
   var ItemTagParams = function(id){
        this.id = id;
   }
   
   //상품 태그 입력 ui 보이기

   ItemTagParams.prototype.ShowItemTag = function(){
      var divBtn = $('divItemTagBtn_' +  this.id );
      var divTag = $('divItemTag_' + this.id );
      var txtTag = $('txtItemTag_' + this.id );
      
      divTag.style.display = "none";
      txtTag.style.height = "18px";
      txtTag.style.display = "block";
      txtTag.focus();
      divBtn.style.display = "block";
   }
   
    
   //상품 태그 입력 ui 감추기- 이전상태로 복구
   ItemTagParams.prototype.HideItemTag = function(){
      var divBtn = $('divItemTagBtn_' + this.id );
      var divTag = $('divItemTag_' + this.id );
      var txtTag = $('txtItemTag_' + this.id );
      
      divTag.style.display = "block";
      txtTag.style.display = "none";
      txtTag.value = txtTag.innerHTML.replace(/<br>/gi, "\r\n");
      divBtn.style.display = "none";
   }
   
      //상품 코멘트 설정 
   ItemTagParams.prototype.ExecItemTag = function(blogid, itemid){
      var txtTag = $('txtItemTag_' + this.id );
      
      //유효하지 않은 문자열은 제거 
      txtTag.value = this.Validtags(txtTag.value);
      
      var param = { blogid:blogid, itemid: itemid,tags: txtTag.value};
      var obj = this;
      req = Alajax.invoke( "MyListAjax", "SetItemTag", param, function(res){ obj.UpdateItemTag() }, ItemTagParams_FailHandler);           
   }

   
   //상품 코멘트 입력 ui 감추기- 코멘트 설정 완료 처리
   ItemTagParams.prototype.UpdateItemTag = function(){
      var divBtn = $('divItemTagBtn_' + this.id );
      var divTag = $('divItemTag_' + this.id );
      var txtTag = $('txtItemTag_' + this.id );
      
      divTag.style.display = "block";
      divTag.innerHTML = txtTag.value.replace(/\r\n/gi, "<br>");
      txtTag.style.display = "none";
      divBtn.style.display = "none";
   }
   
      
   ItemTagParams.prototype.Validtags = function(tag){
        var str = tag;
         //금치문자가 있으면 제거하고 반환
        if(str.match(_ItemTagParams_restrictedTagChars) != null){
            str = str.replace(_ItemTagParams_restrictedTagChars,'');
        }
        return str;
    }

   function ItemTagParams_FailHandler(res){
      alert('작업을 처리하는 도중 오류가 발생하였습니다 \n오류메시지 : ' + res);
   }


  ///////////////////////////////////////////////////////
  // 상품태그Tip
  ///////////////////////////////////////////////////////
  function ItemTagParams_MakeTip(){
       var div = "<div id='ItemTagTip_div' style='position:absolute; display:none;'>"
                + "<table width='260' border='0' cellspacing='0' cellpadding='0'>"
                + "<tr><td><img src='http://image.aladdin.co.kr/img/blog2/infobox_01.gif' alt='' /></td></tr>"
                + "<tr><td background='http://image.aladdin.co.kr/img/blog2/infobox_02.gif' style='padding:10px 12px 10px 12px;'>"
                +   "<table width='100%' cellpadding='0' cellspacing='0'><tr><td colspan='2' style='padding-top:7px;color:#666;'>"
                +       "입력한 태그 단어를 클릭하면, 해당 태그에 대한 상품 리스트를 볼 수 있습니다. "
                +   "</td></tr></table>"
                + "</td></tr>"
                + "<tr><td><img src='http://image.aladdin.co.kr/img/blog2/infobox_03.gif' alt='' /></td></tr>";
                + "</table></div>";
        document.write(div);
  }
  
  function ItemTagParams_ShowTip(evt){
        _obj = $('ItemTagTip_div');
        if(typeof evt == 'undefined' || typeof evt.target == 'undefined'){
           (evt = event).target = event.srcElement;
        }

        //도움말이 아이콘 위에 나오게 하게위해 도움말 높이만큼 위로 설정 
        var h = ((_obj.clientHeight == 0) ? _obj.offsetHeight : _obj.clientHeight) + 10;
        var w = ((_obj.clientWidth == 0) ? _obj.offsetWidth : _obj.clientWidth) / 2;
       
        //위치 지정  
        var pos = getScrollOffset();
        if(isIE){
           _obj.style.left = parseInt(evt.clientX, 10) + parseInt(pos['x'],10) - w + "px";
           _obj.style.top = parseInt(evt.clientY,10) + parseInt(pos['y'],10) - h + "px";
        }else{
           _obj.style.left = parseInt(evt.pageX, 10) - w + "px";
           _obj.style.top = parseInt(evt.pageY,10) - h  + "px";
        }
        Element.show($('ItemTagTip_div'));
  }
  
  function ItemTagParams_HideTip(){
        Element.hide($('ItemTagTip_div'));
  }