var arrzindex = Array;
  var userindex = 0;
  var page = 0;

  arrzindex[1]=   8;
  arrzindex[2]=   7;
  arrzindex[3]=   6;
  arrzindex[4]=   9;
  arrzindex[5]=   5;
  arrzindex[6]=   14;
  arrzindex[7]=   15;
  arrzindex[8]=   22;
  arrzindex[9]=   0;
  arrzindex[10]=  1;
  arrzindex[11]=  2;
  arrzindex[12]=  3;
  arrzindex[13]=  4;
  arrzindex[14]=  13;
  arrzindex[15]=  10;
  arrzindex[16]=  11;
  arrzindex[17]=  12;
  arrzindex[18]=  16;
  arrzindex[19]=  17;
  arrzindex[20]=  18;
  arrzindex[21]=  19;
  arrzindex[22]=  20;
  arrzindex[23]=  21;

  var albumshiftindex = 0;
  var albumselectindex = 0;
  function getAlbumNormalImg( char_str, height, mood, width  )
    {
      if ( !height ) height = 120;
      var rStr = "<DIV id=character onmouseover=\"this.style.cursor='hand'\" style=\"position:relative; width:100; height:"+height+"; overflow:hidden\">";
      var chars = new Array;
      chars = str.split("!");
      for ( var i =0; i < chars.length; i ++ )
        {
          if ( !chars[i] || chars[i] == "*" )
            chars[i] = "img_blank.gif";
          if ( i == 4 )
            {
              var heads = chars[4].split(",");
              if ( heads[0] )
                chars[4] = heads[0];
              if ( heads[1] == 'N' )
                var headhand = 4;
              else
                var headhand = 0;
            }
        }
      if ( chars[4] != 'img_blank.gif' )
        {
          if ( headhand == 4 )
            {
              chars[0] = 'img_blank.gif';
              chars[1] = 'img_blank.gif';
              chars[2] = 'img_blank.gif';
            }
          else if ( headhand == 0 )
            {
              chars[1] = 'img_blank.gif';
              chars[2] = 'img_blank.gif';
            }
        }
      if ( typeof ( mood ) != "undefined" && mood > 0 )
        {
          
          chars[headhand] = chars[headhand].replace(".gif", "", chars[headhand] );
          var arrX = chars[headhand].split("_"); 
          if ( arrX.length == 6 )
            chars[headhand] = arrX[0]+"_"+arrX[1]+"_"+arrX[2]+"_"+arrX[3]+"_"+arrX[4]+"_0"+mood+".gif";
        }
      for ( var i =0; i < chars.length; i ++ )
        {
          var lay = i+1;
          rStr += "<DIV ID=Layer"+lay+" STYLE=\"position:absolute; left:0; top:0; z-index:"+arrzindex[lay]+"\">"
          +  "<img src=http://file.sayclub.co.kr/charimg/item_real2/"+chars[i]+" border=0>"
          +"</DIV>";
        }
        rStr += "</DIV>";
      return rStr;

    }
  function getMobileAlbumString( char_str, height, mood  )
    {
      if ( !height ) height = 120;
      str = '';
      str_array = char_str.split("!");
      for (var k = 0; k < 7; k++)
      {
	str = str+str_array[k]+'!';
      }
      var length = str.length;
      str = str.substring(0, length-1);
      str = str+"!"+"*"+"!"+"*";
      return str;
  }
  function getMobileAlbumImg ( char_str, height, mood  )
    {
      if ( !height ) height = 120;
      str = '';
      str_array = char_str.split("!");
      for (var k = 0; k < 7; k++)
      {
	str = str+str_array[k]+'!';
      }
      var length = str.length;
      str = str.substring(0, length-1);
      str = str+"!"+"*"+"!"+"*";
      var rStr = "<DIV id=character onmouseover=\"this.style.cursor='hand'\" style=\"position:relative; width:100; height:"+height+"; overflow:hidden\">";
      var chars = new Array;
      chars = str.split("!");
      for ( var i =0; i < chars.length; i ++ )
        {
          if ( !chars[i] || chars[i] == "*" )
            chars[i] = "img_blank.gif";
          if ( i == 4 )
            {
              var heads = chars[4].split(",");
              if ( heads[0] )
                chars[4] = heads[0];
              if ( heads[1] == 'N' )
                var headhand = 4;
              else
                var headhand = 0;
            }
        }
      if ( chars[4] != 'img_blank.gif' )
        {
          if ( headhand == 4 )
            {
              chars[0] = 'img_blank.gif';
              chars[1] = 'img_blank.gif';
              chars[2] = 'img_blank.gif';
            }
          else if ( headhand == 0 )
            {
              chars[1] = 'img_blank.gif';
              chars[2] = 'img_blank.gif';
            }
        }
      if ( typeof ( mood ) != "undefined" && mood > 0 )
        {
          
          chars[headhand] = chars[headhand].replace(".gif", "", chars[headhand] );
          var arrX = chars[headhand].split("_"); 
          if ( arrX.length == 6 )
            chars[headhand] = arrX[0]+"_"+arrX[1]+"_"+arrX[2]+"_"+arrX[3]+"_"+arrX[4]+"_0"+mood+".gif";
        }
      for ( var i =0; i < chars.length; i ++ )
        {
          var lay = i+1;
          rStr += "<DIV ID=Layer"+lay+" STYLE=\"position:absolute; left:0; top:0; z-index:"+arrzindex[lay]+"\">"
          +  "<img src=http://file.sayclub.co.kr/charimg/item_real2/"+chars[i]+" border=0>"
          +"</DIV>";
        }
        rStr += "</DIV>";
      return rStr;

    }
  function stickerInit ()
    {
      //setting album for sticker 
      albumshiftindex = 0;
      albumDraw ();
    }
  function albumShiftLeft ()
    {
      if ( albumshiftindex <= -2 ) return;
      albumshiftindex --;
      albumDraw ();
    }
  function albumShiftRight ()
    {
      var tlen = charList.length;
      if ( albumshiftindex + 3 >= tlen ) return;
      albumshiftindex ++;
      albumDraw ();

    }
  function albumDraw ()
    {
      albumselectindex = albumshiftindex + userindex;
      if ( typeof document.all.albumidx_0 != "undefined" )
        {
          for ( var i=0 ; i < 5 ; i ++ )
            {
              var albumidx = i + albumshiftindex;
              var tdid = eval("document.all.albumidx_"+i);
              if ( typeof charList[albumidx] != "undefined" )
                tdid.innerHTML = getAlbumImg(charList[albumidx]);
              else
                tdid.innerHTML = "";
            }
        }
    }
  function userSelect ( id, index )
    {
      //#CFDEE8 //Unselect
      //#CC660;  Select
      var obj;
      for ( var i=0; i < 5 ; i ++ )
        {
          obj = eval("document.all.albumidx_"+i+"_bg" );
          if ( typeof obj != "undefined" )
            {
              if ( i == index )
                {
                  obj.style.backgroundColor='#CC6600';
                  userindex = index;
                }
              else
                obj.style.backgroundColor='#CFDEE8';
            }
        }
      albumselectindex = albumshiftindex + index;
    }
  function returnDIV ( modulename , filename, filestr, returnheight )
    {
      if ( !modulename ) return;
      var width= 0;
      var height= 0;
      var layers = 0;
      switch ( modulename )
        {
          case 'shape':
            width = 27; height= 27;
            break;
          case 'magicitem':
            return "&nbsp;";
            break;
          case 'memo':
            width = 103; height= 46;
            layers = 1;
            break;
          case 'basic':
            width = 54; height= 54;
            layers = 1;
            break;
          case 'face':
            width = 96; height= 28;
            break;
          case 'best':
            width = 144; height= 122;
            layers = 1;
            break;
          case 'body1':
            width = 62; height= 124;
            layers = 1;
            break;
          case 'body2':
            width = 77; height= 124;
            layers = 1;
            break;
        }
      if ( !height ) height = 120;
      var filepath= '<img src=http://file.sayclub.co.kr/charimg/sticker/'+modulename+'.gif border=0>';
      var modulefile;

      modulefile = filepath;

      var str = '<DIV style="position:relative;width:"'+width+'; height:'+height+';overflow:hidden">'
                + '<DIV STYLE="position:absolute;left:0;top:0;z-index:0">'
                + modulefile;
          str += '</DIV>';
      if ( !filename && !filestr )
        {
        }
      else
        {
          if ( filename )
            {
              str += '<DIV STYLE="position:absolute;left:5;top:5;z-index:0">'
                  + '<img src=http://file.sayclub.com/charimg/item_real2/'+filename+' border=0>'
                  + '</DIV>';
            }
          else if ( filestr )
            {
              str += getAlbumImg (filestr, returnheight);
            }
        }
      str += '</DIV>';
      str = str.replace ("\n", "", str );
      return str;
    }
  function renderDIV ()
    {
      var obj;
      var cmodule;
      var filestr = "";
      //module["shape","magicitem","memo","basic","face", "best", "body1", "body2"];
      for ( var i=1 ; i <= 29 ; i ++ )
        {
          obj = eval("document.all.IDimgurl"+i);
          var foobj = eval("document.stickerfo.H_IDimgurl"+i);
          if ( typeof obj == "object" )
            {
              cmodule = obj.title;
              var filename = "";
              var returnheight = 0;
              if ( cmodule != "magicitem" )
                {
                  if ( cmodule == "body1" || cmodule == "body2" )
                    {
                      returnheight = 120;
                      page ++;
                      if ( typeof charList[page] != "undefined" )
                        filestr = charList[page];
                      else
                        filestr = "";
                      foobj.value = filestr;
                    }
                  obj.innerHTML = returnDIV( cmodule , filename, filestr , returnheight);
                }
            }
        }
      page = 0;
    }
  function relatedStyle ( moduleid )
    {
      var arrRelated = Array;
      if ( moduleid == "IDimgurl1" )
        arrRelated = ["IDimgurl1", "IDimgurl2", "IDimgurl3", "IDimgurl4", "IDimgurl5", "IDimgurl6" ];
      var obj;
      for ( i in arrRelated )
        {
          obj = eval("document.all."+arrRelated[i]);
          //if ( typeof obj != "undefined" )
          //obj.style.filter="progid:DXImageTransform.Microsoft.Shadow(color=red)";
        }
    }
  var loop = false;
  function relatedChar ( moduleid , module , returnheight )
    {
      var obj;
      var filestr;
      var filename;
      var arrfile = Array;
      var arrRelated = Array;
      var targetmodule;
      obj = eval("document.all."+moduleid ); 
      if ( typeof charList[albumselectindex] != "undefined" )
        filestr  = charList[albumselectindex];
      else
        return;
      var foobj = eval("document.stickerfo.H_"+moduleid);
      if ( moduleid == "IDimgurl1" )
        {
          targetmodule = "shape";
          arrRelated = ["IDimgurl2", "IDimgurl3", "IDimgurl4", "IDimgurl5", "IDimgurl6" ];
        }
      else if ( moduleid =="IDimgurl10" )
        {
          targetmodule = "shape";
          arrRelated = ["IDimgurl11", "IDimgurl12", "IDimgurl13", "IDimgurl14", "IDimgurl15" ];
        }
      else if ( moduleid == "IDimgurl16" )
        {
          targetmodule = "face";
          arrRelated = ["IDimgurl20"];
        }
      else if ( moduleid == "IDimgurl17" )
        {
          targetmodule = "face";
          arrRelated = ["IDimgurl20"];
        }
      else if ( moduleid == "IDimgurl18" )
        {
          targetmodule = "face";
          arrRelated = ["IDimgurl21"];
        }
      else if ( moduleid == "IDimgurl19" )
        {
          targetmodule = "face";
          arrRelated = ["IDimgurl21"];
        }
      else
        {
          obj.innerHTML = returnDIV ( module, "", filestr, returnheight  );
          foobj.value = filestr;
          return;
        }
      arrfile = filestr.split("!");
      //alert ( arrfile[4].match(/,Y/) );
      if ( arrfile[4] != "*"  && arrfile[4].match(/,N/) == ",N" )
        {
          filename = arrfile[4];
          var spe = 4;
        }
      else
        {
          var spe = 0;
          filename = arrfile[0];
        }
      obj.innerHTML = returnDIV ( module, "", filestr , returnheight ); 
      foobj.value = filestr;
      var arricon = filename.split("_");
      if ( spe == 4 )
        filename = "s_"+arricon[1]+"_"+arricon[2]+"_"+arricon[3]+"_"+arricon[4];
      else
        filename = arricon[1]+"_"+arricon[2]+"_"+arricon[3]+"_"+arricon[4];
      var s = 0;
      for ( i in arrRelated )
        {
          s++;
          obj = eval("document.all."+arrRelated[i]);
          foobj = eval("document.stickerfo.H_"+arrRelated[i]);
          var fileok = "i_"+filename+"_0"+s+".gif";
          if ( targetmodule == "shape" || targetmodule == "face" )
            var filereal = arricon[0]+"_"+arricon[1]+"_"+arricon[2]+"_"+arricon[3]+"_"+arricon[4]+"_0"+s+".gif";
          else
            var filereal = fileok;
          foobj.value = filereal;
          obj.innerHTML = returnDIV ( targetmodule ,fileok , "", 0 );
        }
        
    }