document.write("<script type='text/javascript' src='profile'></script>");

var submitFun = 0;
var submitFunArray = new Array();
var onloadFun = 0;
var onloadFunArray = new Array();

/*
It will compare 2 array is the same or different.
*/
Array.prototype.compare = function(testArr) {

  if (this.length != testArr.length)
  {
    return false;
  }

  for (var i = 0; i < testArr.length; i++)
  {
    if (this[i].compare) 
    {
      if (!this[i].compare(testArr[i])) 
      {
        return false;
      }
    }
    if (this[i] !== testArr[i])
    {
      return false;
    }
  }
  return true;
}
/*
htmlContent is HTML file id.
When user initial the module. It must to be set value.
*/
function ShowItem(A,htmlContent)
{
  document.getElementById(htmlContent).innerHTML += A.join('');
}

function CBall(A)
{
  A[A.length] = "<div class='ball'> <img src='./style/image/ball.gif'></div>";
  return A;
}

function CStrWidth(A,str,divclass,width)
{
  if( width == "")
  {
    str += "&nbsp;";
  }
  A[A.length] = "<div class='"+divclass+"' style='width:"+width+"px;'>" + str + "</div>";
  return A;
}

function CLink(A,str,divclass,link,width,height)
{
  A[A.length] = "<div class='"+divclass+"'><u style='cursor:pointer;' onclick='window.open(\""+
                link + "\",\"\",\"resizable=1,scrollbars=1,status=1,width="+width+",height="+height+"\")'>"
                + str + "</u></div>";
  return A;
}

function CSpace(A, width)
{
  A[A.length] = "<div class='DivLeft' style='width:" + width + "px'></div>";
  return A;
}

function CText(A,webName,size,maxlength,txtfunc)
{
  A[A.length] = "<div class='DivLeft'> <input type='text' class='text2' size='"+size+"' maxlength='"+maxlength+"' name='" + webName + "' id='" + webName + "'" + txtfunc + "> </div>";
  return A;
}

function CPassword(A,webName,size,maxlength,func)
{
  A[A.length] = "<div class='DivLeft'> <input type='password' class='text2' size='"+size+"' maxlength='"+maxlength+"' name='" + webName + "' id='" + webName + "'" + func + "> </div>";
  return A;
}

function CRadio(A,webName,webValue,clickFun)
{
  var margin = 3;
  if( getOs().indexOf("IE") >= 0 )
  {
    if(langCoolie == "tw")
    {
      margin = -3;
    }else{
      margin = 0;
    }
  }

  A[A.length] = "<div class='DivLeft'> <input type='radio' style='margin-top:" + margin + "px;height:20px;' name='" + webName + "' id='" + webName + "' value='"+ webValue +"' onClick='" + clickFun+ "'></div>";
  return A;
}

function CCheckbox(A,webName,webValue,clickFun)
{
  var margin = 6;
  if( getOs().indexOf("IE") >= 0 )
  {
    margin = 2;
  }
  A[A.length] = "<div class='DivLeft'> <input type='checkbox' style='margin-top:" + margin + "px;' name='" + webName + "'  id='" + webName + "' value='"+ webValue +"' onClick='" + clickFun+ "'> </div>";
  return A;
}

function CSelect(A,webName,size,style,func)
{
  A[A.length] = "<div class='DivLeft'> <select name='" + webName + "' id='" + webName + "' size='" + size + "'class='select' style='" + style + "'" + func + " ></select></div>";
  return A;
}

function CButton(A,webName,webValue,width,clickFun)
{
  if(width == 0)
  {
    width = webValue.length * fontLen+20;
  }
  A[A.length] = "<div class='DivLeft'> <input type='button' name='" + webName + "' id='" + webName + "' value='"+ webValue +"' class='btn btnHTML' style='width:"+width+"px' onClick='" + clickFun+ "'> </div>";
  return A;
}

function CSubmit(A,webName,webValue,width,clickFun)
{
  if(width == 0)
  {
    width = webValue.length * 8+20;
  }
  A[A.length] = "<div class='DivLeft'> <input type='submit' name='" + webName + "' id='" + webName + "' value='"+ webValue + "' class='btn' style='width:"+width+"px' onClick='" + clickFun+ "'> </div>";
  return A;
}

function CSubmitoName(A,webId,webValue,width,clickFun)
{
  if(width == 0)
  {
    width = webValue.length * fontLen+20;
  }
  A[A.length] = "<div class='DivLeft'> <input type='submit' id='" + webId + "' value='"+ webValue + "' class='btn' style='width:"+width+"px' onClick='" + clickFun+ "'> </div>";
  return A;
}

function CFileUpload(A,webName)
{
  A[A.length] = "<div class='DivLeft'> <input type='file' name='" + webName + "' id='" + webName + "'> </div>";
  return A;
}

function CTextarea(A,webName,rows,cols,func)
{
  A[A.length] = "<div class='DivLeft'> <textarea name='" + webName + "' id='" + webName + "'" +
                "rows='" + rows +"' cols='" + cols + "'" + func + "></textarea></div>";
  return A;
}

function CHostname(A,webName,func)
{
  A[A.length] = "<div class='DivLeft'> <input type='text' name='" + webName + "' id='" + webName + "' maxlength='64' " + func + "> </div>";
  return A;
}

function CImage(A,id,title,style,path)
{
  A[A.length] = "<div style='"+style+"'> <img id='"+id+"' title='"+title+"' src='"+path+"'></div>";
  return A;
}

function CGroup(A,name,func,status)
{
  switch(status)
  {
    case "s": //start
      A[A.length] = "<div name = '" + name + "' id='" + name + "'" + func + ">"; return A;
    case "e": //end
      A[A.length] = "</div>"; return A;
  }
}

/*
It is a template function.
It will add a header or a end in the item block.
*/
function T(A)
{
  switch(arguments[1])
  {
    case 0:
            if(arguments[2] != undefined)
            {
              A[A.length] = "<div id='DivContainer'"+arguments[2]+"> "; break;
            }else{
              A[A.length] = "<div id='DivContainer'> "; break;
            }
    case 1: A[A.length] = "</div><div class='DivFooter'></div>"; break;
    case 2: A[A.length] = "</div>"; break;
    case 3: A[A.length] = "<div class='DivFooter'></div>"; break;
    case 4:
            if( getOs().indexOf("IE") >= 0 )
            {
              arguments[3] += 13;
            }else{
              arguments[3] += 15;
            }
  //A[A.length] = "<div style='width:"+arguments[2]+"px;height:"+arguments[3]+"px;border:2px solid #0000FF;'>"; break;
  A[A.length] = "<div style='width:"+arguments[2]+"px;height:"+arguments[3]+"px;'>"; break;
  }
  return A;
}

function OnSubmitCancelButton(ok,cancel)
{
  document.getElementById(ok).value = loadLangString("L_Save",false);
  document.getElementById(cancel).value = loadLangString("L_Cancel",false);
  document.getElementById(ok).className='btn';
  document.getElementById(cancel).className='btn';

  document.getElementById(ok).onclick = function OkF(){ OnSubmit(); };
  document.getElementById(cancel).onclick = function CancelF(){ JavaScript:location.reload(true); };
}

function DoInitial()
{
  var i = 0;
  for( i = 0 ; i < onloadFun ; i ++)
  {
    onloadFunArray[i]();
  }
}

function SetBgColor(idx,color)
{
  if( EID(idx) != undefined)
  {
    EID(idx).style.backgroundColor = color;
  }
}

function SetColor()
{
  var vLayout = GetQueryVariable('Layout.OwnBGColor');
  var idx = new Array("topBox","leftBox","rightBox","middleBox","header","middleDown");
  var i = 0; color = new Array();

  // color define in profile
  switch(vLayout)
  {
    default:
    case "0":
      color = color0;
      break;
    case "1":
      color = color1;
    break;
    case "2":
      color = color2;
    break;
    case "3":
      color = color3;
    break;
  }

  for( i = 0; i < 6; i++)
  {
    SetBgColor(idx[i], color[i]);
  }
}

function CCornor()
{
  if(FixedStyle == "yes")
  {
    if(EID("header")==undefined)
    {
      SetBgColor("topBox", def_topBox);
      SetBgColor("leftBox", def_leftBox);
      SetBgColor("middleBox", def_middleBox);
      SetBgColor("middleDown", def_middleDown);
    }
  }else{
    SetColor();
  }
  
  topSettings = {
          tl: { radius: 15 }, tr: { radius: 15 }, bl: { radius: 0 }, br: { radius: 0 }, antiAlias: true, autoPad: true,
          validTags: ["div"]
      }

  leftSettings = {
          tl: { radius: 0 }, tr: { radius: 0 }, bl: { radius: 15 }, br: { radius: 0 }, antiAlias: true, autoPad: true,
          validTags: ["div"]
      }

  rightSettings = {
          tl: { radius: 0 }, tr: { radius: 0 }, bl: { radius: 0 }, br: { radius: 15 }, antiAlias: true, autoPad: true,
          validTags: ["div"]
      }

  if( EID("topBox") != undefined )      $('.topBox').corner(topSettings);
  if( EID("leftBox") != undefined )     $('.leftBox').corner(leftSettings);
  if( EID("rightBox") != undefined )    $('.rightBox').corner(rightSettings);
  if( EID("middleDown") != undefined )  $('.middleDown').corner(rightSettings);
  
}

function OnSubmit()
{
var cgi='/cgi-bin/admin/param?action=update';
var cgitmp = "";
var i = 0;
  for( i = 0 ; i < submitFun ; i ++)
  {
    cgitmp = submitFunArray[i]();

    if(cgitmp == "abort"){
      return;
    }else if(cgitmp == undefined){
      alert("Set param undefined. " + i);
      return;
    }else if( cgitmp != "" ){
      cgi += eval(cgitmp);
    }
  }
  if(cgi != "/cgi-bin/admin/param?action=update" )
  {
    if(UpdateParam(cgi) == false)
    {
      return;
    }
    if(reloadPage==true)
    {
      window.location.reload();
    }
  }else{
    alert(loadLangString("L_ApplySuccess",false));
  }
}