/*
 * javascrp super class
 * to be used as follows
 * function some_extenson_class_name(name,parent){
 *   general.call(this,name,parent);
 *   ...
 *   ...
 *   //if the method needs extenstion than, or it can be overwritten from scrach
 *   this.init = function(){new general(this.name).init.call(this); ...}
 *   this.show = function(){new general(this.name).show.call(this); ...}
 * } 
 */
function general(name, parent){
  this.name = name;
  this.parent = parent;
  this.inner = make_name(this.name)+"_inner";
  this.inner_status = make_name(this.name)+"_inner_status";
  
  this.init = function(){
    this.data = new Array();
    this.data.sg = new general("tmp").sg;
  }
  this.load = function(what){
   // alert("general load "+this.prefix());
    this.sg("what",[],what);
    for(var i in what){
      this.data.sg(i,"",e(what[i]));
    }
    this.loaded(true);
  }
  this.loaded = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_loaded", false, value):this.sg("_loaded", false);};
  this.to_send = function(){
    try{
      if(this.data.sg_var) return this.data.sg_var;
      return o2a(this.data);
    }catch(err){alert("general.to_send() "+err);}
//    return o2a(this.data);
  }
  this.after_get = function(what){if(what && what["status"] && what["status"]==1){this.load(what["data"]);} else {this.load([]);} this.loaded(true);this.show();}
  this.after_save = function(what){if(what && what["status"] && what["status"]==1){this.load(what["data"]);};this.show();}
  this.show = function(){
    if(innerHTML(this.inner,this.draw())){
      show(this.inner);
    }  
  }
  this.show_inactive = function(what){
    if(get_element(this.inner)){ 
      var p = getElementPosition(this.inner);
      innerHTML("inactive_inner","<div style=\"width: "+p.width+"px; height: "+p.height+"px; border: 1px solid #999;\">"+what+"</div>");
      get_element("inactive_inner").style.width = p.width+"px";
      get_element("inactive_inner").style.height = p.height+"px";
      show("inactive_inner",p.left,p.top);
    }
  }
  this.to_show_status = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_to_show_status", true, value):this.sg("_to_show_status", true);};
  this.show_status = function(value){
    if(get_element(this.inner_status) && this.to_show_status()){ 
      innerHTML(this.inner_status,value);
    }
  }
  this.hide_inactive = function(){
    hide("inactive_inner");
  }
  this.draw = function(){
    var r = "";
r += draw_analized_object(this);
return r;
  }
  /**
   * sg stands for setter getter
   */  
  this.sg = function(feild,default_value,value){
    try{
      if(typeof(this)=="object" && feild!="sg" && feild!="asg" && feild!="sg_var"){
        if(typeof(this.sg_var)=="undefined") this.sg_var = [];
        if(typeof(value)!="undefined"){
          this.sg_var[feild] = value;
        }
        if(typeof(default_value)=="undefined"){
          default_value = "";
        }
        if(typeof(this.sg_var[feild])=="undefined") return default_value;
        return this.sg_var[feild];
      }
    }catch(err){alert("general.sg() "+err);}
  }

  this.f = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_f", "af.php", value):this.sg("_f", "af.php");}
  this.prefix = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_prefix", "", value):this.sg("_prefix", "");}
  this.gl = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_gl", "", value):this.sg("_gl", "");}
  this.count = function(value){return  parseInt((typeof(value)!="undefined" && value!=null)?this.sg("_count", 0, value):this.sg("_count", 0));};
  this.limit1 = function(value){return parseInt((typeof(value)!="undefined" && value!=null)?this.sg("_limit1", 0, value):this.sg("_limit1", 0));};
  this.limit2 = function(value){return parseInt((typeof(value)!="undefined" && value!=null)?this.sg("_limit2", 5, value):this.sg("_limit2", 5));};
  this.order = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_order", [], value):this.sg("_order", []);};
  
  this.client_registry_id = function(){ try{return this.parent.client_registry_id();}catch(err){alert("general.client_registry_id() "+err)} return 0;}
  this.client_id = function(){ try{return this.parent.client_id()}catch(err){alert("general.client_id() "+err)}; return 0;}
  this.recipients_client_list_table_name = function(){ try{ return this.parent.recipients_client_list_table_name()}catch(err){ alert("general.recipients_client_list_table_name() "+err)}; return '';}
  this.contactbook_client_lists_id = function(){ try{ return this.parent.contactbook_client_lists_id()}catch(err){ alert("general.contactbook_client_lists_id() "+err)}; return '';}
  this.web_auth_id = function(){ try{ return this.parent.web_auth_id()}catch(err){ alert("general.web_auth_id() "+err)}; return '';}
  this.session = function(){ try{ return this.parent.session()}catch(err){ alert("general.session() "+err)}; return '';}
  this.host = function(){ try{ return document_host }catch(err){ alert("general.host() "+err)}; return '';}
  this.logout = function(){ try{ if(this.parent && this.parent.logout && typeof(this.parent.logout)=="function"){return this.parent.logout();} }catch(err){ alert("general.logout() "+err)}; return;}
  
  
  this.pagination = function(){
    var r="";
    if(this.count()>0){
      r += "<div>";
      if(this.limit1()<=0){
        this.limit1(0);
        r += "<div style=\"float: left; border: 0px solid black; width: 14px; height: 14px;\" class=\"darkgrey bold\">«</div>";
      }
      else {
        r += "<div style=\"float: left; border: 0px solid black; width: 14px; height: 14px;\" class=\"blue bold link\" onclick=\""+this.name+".limit1("+this.name+".limit1()-"+this.name+".limit2());"+this.name+".get()\">«</div>";
      }
      r += "<div style=\"float: left; margin: auto 12px;\" class=\"\">("+(this.limit1()+1)+"-"+(this.limit1()+this.limit2())+")/"+this.count()+"</div>";
      if((this.limit1()+this.limit2())>=this.count()){
        r += "<div style=\"float: left; border: 0px solid black; width: 14px; height: 14px;\" class=\"darkgrey bold\">»</div>";
      }
      else {
      r += "<div style=\"float: left; border: 0px solid black; width: 14px; height: 14px;\" class=\"blue bold link\" onclick=\""+this.name+".limit1("+this.name+".limit1()+"+this.name+".limit2());"+this.name+".get()\" >»</div>";
      }  
      r += "</div>";
    }
    return r;
  }  
  this.prepare_data = function(forma){
    //alert("prepare_data 1");
if(this.data_type && forma){
  //alert("prepare_data 2");
      for(var i in this.data_type){
        //alert("prepare_data 3");
        if(this.data_type[i].editable()=="true"){
          switch(this.data_type[i].type()){
            case "atext":
              var tmp = unserialize(d((this.data.sg(this.data_type[i].field())!="")?this.data.sg(this.data_type[i].field()):this.data_type[i].default_value()));
              for(var j in tmp){
                if(forma[this.data_type[i].field()+"_"+j]){
                  tmp[j] = (forma[this.data_type[i].field()+"_"+j].value);
                }
              }
              this.data.sg(this.data_type[i].field(),"",e(serialize(tmp)));
              break;
            case "set":
              var tmp = new Array();
              if(forma[this.data_type[i].field()]){
                for (var j = 0; j < forma[this.data_type[i].field()].options.length; j++){
                  if(forma[this.data_type[i].field()].options[j].selected){
                    tmp[tmp.length] = forma[this.data_type[i].field()].options[j].value;
                  }
                }
              }
              this.data.sg(this.data_type[i].field(),"",e(tmp.join(",")));
              break;
            case "radio":case "checkbox":
              if(this.data_type[i].type()=="checkbox" && typeof(this.data_type[i].length_set())=="object" && count(o2a(this.data_type[i].length_set()))==2 ){
                var set = o2a(this.data_type[i].length_set());
                var tmp = []; for(var j in set) tmp.push(j);
                this.data.sg(this.data_type[i].field(),"",set[tmp[0]]);
                if(forma[this.data_type[i].field()])
                  if(forma[this.data_type[i].field()].checked)
                    this.data.sg(this.data_type[i].field(),"",set[tmp[1]]);
              }
              else {
                var tmp = new Array();
                if(forma[this.data_type[i].field()]){
                  if(forma[this.data_type[i].field()].checked){
                    tmp[tmp.length] = forma[this.data_type[i].field()].value;
                  }
                  else {
                    for (var j = 0; j < forma[this.data_type[i].field()].length; j++){  
                      if(forma[this.data_type[i].field()][j].checked){
                        tmp[tmp.length] = forma[this.data_type[i].field()][j].value;
                      }
                    }
                  }
                }
                this.data.sg(this.data_type[i].field(),"",e(tmp.join(",")));
              }
              break;
            default:
              if(forma[this.data_type[i].field()]){
                this.data.sg(this.data_type[i].field(),"",e(forma[this.data_type[i].field()].value));
              }
              break;
          }
        }
      }
}
  }  
  
  this.load_data_type = function(what){
    this.data_type = new Array();
    for(var i in what){
      this.data_type[i] = new myforma(this.name+".data_type['"+i+"']",this);
      this.data_type[i].load(what[i]);
    }
  }
  this.get_data_type = function(field){
    if(this.data_type && this.data_type[field]){
      return this.data_type[field];
    }else {alert("Error trying to retreive non existing field "+field+" from data_type of the object "+this.name);}
    return new myforma("tmp",this);
  }
  
  this.getting_data_types = function(value){
    if(typeof(value)!="undefined" && value!=null){
      if(value==true){
        this.show_inactive("<div style=\"width: 280px; height: 40px; margin: auto auto; border: 0px solid red;\" class=\"bold\"><h1>getting</h2></div>");
      }
      else {
        this.hide_inactive();
      }
    }  
    return (typeof(value)!="undefined" && value!=null)?this.sg("_getting_data_types", false, value):this.sg("_getting_data_types", false);
  };
  this.getting = function(value){
    if(typeof(value)!="undefined" && value!=null){
      if(value==true){
        this.show_inactive("<div style=\"width: 280px; height: 40px; margin: auto auto; border: 0px solid red;\" class=\"bold\"><h1>getting</h2></div>");
      }
      else {
        this.hide_inactive();
      }
    }
    return (typeof(value)!="undefined" && value!=null)?this.sg("_getting", false, value):this.sg("_getting", false);
  };
  this.checking = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_checking", false, value):this.sg("_checking", false);};
  this.saving = function(value){
    if(typeof(value)!="undefined" && value!=null){
      if(value==true){
        this.show_inactive("<div style=\"width: 280px; height: 40px; margin: auto auto; border: 0px solid red;\" class=\"bold\"><h1>saving</h2></div>");
      }
      else {
        this.hide_inactive();
      }
    }
    return (typeof(value)!="undefined" && value!=null)?this.sg("_saving", false, value):this.sg("_saving", false);
  };  
  this.get_data_types = function(){
    this.getting_data_types(true);
    kd(this.f()+"?f=get_"+this.prefix()+"_data_types&p="+e(a.serialize(o2a({"id":"new"})))+"&wi="+this.web_auth_id()+"&ws="+this.session()+"&host="+this.host(),
       function(g,aaa){
         eval("var what="+g+";");
         aaa.getting_data_types(false);
         if(what){
           if(what["status"]==1){
             aaa.load_data_type(what["data"]);
             aaa.show();
           }
           handle_status(what["status"],what["mesg"]);
         }
       }, this);
  }
  this.get = function(){
    try{
      this.getting(true);
      kd(this.f()+"?f=get_"+this.prefix()+"&p="+e(a.serialize(this.to_send()))+"&wi="+this.web_auth_id()+"&ws="+this.session()+"&host="+this.host(),
        function(g,aaa){
          try{
            eval("var what="+g+";");
            aaa.getting(false); //should be set in after_get
            if(what){
              if(what["status"]<=-1000) { alert(what["mesg"]); aaa.logout(); return;} 
              aaa.after_get(what);
              handle_status(what["status"],what["mesg"]);
            } else aaa.getting(false);
          }catch(err){alert("general.get.return.function() "+err)}
        }, this);
    }catch(err){alert("general.get() "+err)}
  };
  this.check_for_uniqueness = function(field, value){
    value = trim(value);
    if(value=="") return;
    this.checking(true);
    kd(this.f()+"?f=check_"+this.prefix()+"&p="+e(a.serialize(o2a({"field":e(field),"value":e(value),"id":this.data.sg("id")})))+"&wi="+this.web_auth_id()+"&ws="+this.session()+"&host="+this.host(),
       function(g,aaa){
         try{
           eval("var what="+g+";");
             if(what){
               if(what["status"]<=-1000) { aaa.checking(false); alert(what["mesg"]); aaa.logout(); return;}
               if(what["status"]==1){
                 innerHTML(aaa.get_data_type(field).inner_status, "<span class=\"big bold green\">&#10004;</span>");//HEAVY CHECK MARK
                 aaa.checked.sg(field,false,true);
               }
               else {
                 innerHTML(aaa.get_data_type(field).inner_status,"<span class=\"red\" title=\"πρόβλημα το πεδίο «"+aaa.get_data_type(field).onoma().replace(/<span .*span>/,"")+"» χρησιμοποιείται, πρέπει να εσάγετε διαφορετικό  «"+aaa.get_data_type(field).onoma().replace(/<span .*span>/,"")+"»\">χρησιμοποιείται </span>");
                 aaa.checked.sg(field,false,false);
               }
               handle_status(what["status"],what["mesg"]);
             }
             aaa.checking(false);
         }catch(err){alert("general.check_for_uniqueness.return.function() "+err)}
       }, this);
  }
  
  this.can_save = function(forma){
    if(this.checked){
      for(var i in this.checked.sg_var){
        if(this.checked.sg(i,true)==false){
          alert("checking_correct_problems");
          if(forma && forma[i]) forma[i].focus();
          return false; 
        }
      }
    }
    return true;
  };
  this.change = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_change", "", value):this.sg("_change", "");};
  this.cross_check_with_original = function(){
    if(this.data && this.original){
      var change = this.change();
      if(this.data_type){
        for(var i in this.data.sg_var){
          if(this.data_type[i]){
            if(this.data.sg(i,"")!=this.original.sg(i,"") && this.get_data_type(i).type()!="hidden" && this.get_data_type(i).type()!="password" && this.get_data_type(i).type()!="image"){
              var original = d(this.original.sg(i,""));
              if((this.get_data_type(i).type()=="select" || this.get_data_type(i).type()=="radio") && o2a(this.get_data_type(i).length_set())[original]){
                original = o2a(this.get_data_type(i).length_set())[original]
              }
              if(this.get_data_type(i).type()=="atext"){
                original = this.static_astring(original,this.get_data_type(i).gl());
              }
              var modified = d(this.data.sg(i,""));
              if((this.get_data_type(i).type()=="select" || this.get_data_type(i).type()=="radio") && o2a(this.get_data_type(i).length_set())[modified]){
                modified = o2a(this.get_data_type(i).length_set())[modified]
              }
              if(this.get_data_type(i).type()=="atext"){
                modified = this.static_astring(modified,this.get_data_type(i).gl());
              }              
              if(this.data.sg(i,"")=="") change+="  διαγράψατε το περιεχόμενο του πεδίου "+this.get_data_type(i).onoma().replace(/<span .*span>/,"")+" που ήταν «"+original+"»\n";
              else if (this.original.sg(i,"")=="") change+="  συμπληρώσατε το πεδίο "+this.get_data_type(i).onoma().replace(/<span .*span>/,"")+" με «"+modified+"»\n";
              else change+="  το πεδίο "+this.get_data_type(i).onoma().replace(/<span .*span>/,"")+" ήταν «"+original+"» καί έγινε «"+modified+"»\n";
            }
          }
        }
      }
      this.change(change);
      if(this.change()==""){
        return confirm("Δεν κάνατε καμία αλλαγή να αποθηκευτεί παρόλα αυτά;");
      }
      else {
        return confirm("Έχετε αλλάξει τα εξείς:\n"+this.change()+"Να γίνει αποθήκευση;");
      }
    }
    return true;
  }  
  this.save = function(forma){
    this.prepare_data(forma);
    if(this.can_save(forma)){
      this.saving(true);
      var tosend = new Array();
      tosend["f"] = "save_"+this.prefix()+"";
      tosend["p"] = a.serialize(this.to_send());
      tosend["wi"] = this.web_auth_id();
      tosend["ws"] = this.session();
      tosend["host"] = this.host();
      kd(this.f(),
         function(g,aaa){
           try{
             eval("var what="+g+";");
             aaa.saving(false);//should be set in after_save
             if(what["status"]<=-1000) { alert(what["mesg"]); aaa.logout(); return;} 
             if(what){
               aaa.after_save(what);
               handle_status(what["status"],what["mesg"]);
             }else aaa.saving(false);
           }catch(err){alert("general.save.return.function() "+err)}
         }, this, "POST", tosend);
    }
    else { this.saving(false);}
  };    
  
  //this.init();
}

/*
 * javascript super class for sets based on general
 * to be used as follows
 * function some_extenson_class_name(name,parent){
 *   synolo.call(this,name,parent);
 *   ...
 *   ...
 *   //if the method needs extenstion than, or it can be overwritten from scrach
 *   this.select = function(value){new synolo(this.name).select.call(this,value); ...}
 * } 
 */ 
function synolo(name, parent){
  general.call(this,name,parent);	
  this.inner_set = make_name(this.name)+"_inner_set";
  
  this.init = function(){
    new general(this.name).init.call(this);
    this.set = new Array();
    this.selected_i = -1;
    this.creterea = new Array();
    this.creterea.sg = new general("tmp").sg;
  }
  this.to_send = function(){
    try{
      if(this.creterea.sg_var) return this.creterea.sg_var;
      return o2a(this.creterea);
    }catch(err){alert("synolo.to_send() "+err);}
//    return o2a(this.creterea);
  }
  this.load = function(what){
    this.set = new Array();
    for(var i in what){
      this.add_to_set(what[i]);
    }
    this.loaded(true);
  }
  this.add_to_set = function(what){
    var length = this.set.length;
    this.set[length] = what;
  }
  this.select = function(i){
    this.selected_i = i;
    if(this.set[this.selected_i] && this.set[this.selected_i].select){
      this.set[this.selected_i].select();
    }
  }
  this.clfts = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_clfts", "link bold", value):this.sg("_clfts", "link bold");}
  this.clfts_notorderable = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_clfts_notorderable", "bold", value):this.sg("_clfts_notorderable", "bold");}
  this.clfts_over = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_clfts_over", "bg_lightgrey bold link", value):this.sg("_clfts_over", "bg_lightgrey bold link");}
  
  this.stfts_order_asc_header = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_stfts_order_asc_header", "background-color: #beffbe;", value):this.sg("_stfts_order_asc_header", "background-color: #beffbe;");}
  this.stfts_order_desc_header = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_stfts_order_desc_header", "background-color: #e1bebe;", value):this.sg("_stfts_order_desc_header", "background-color: #e1bebe;");}
  this.stfts_order_asc = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_stfts_order_asc", "background-color: #beffbe;", value):this.sg("_stfts_order_asc", "background-color: #beffbe;");}
  this.stfts_order_desc = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_stfts_order_desc", "background-color: #e1bebe;", value):this.sg("_stfts_order_desc", "background-color: #e1bebe;");}
  

  this.show_set = function(data_style){if(innerHTML(this.inner_set,this.draw_set(data_style))){show(this.inner_set);}}
  this.draw_set = function(data_style){
    var r = "";var title="";
    r += "<div style=\"clear: both;\">"; var b = "";
    for(var j in this.fts){
      if(this.fts[j].orderable()){
        var field_name =  ((this.fts[j].field_name_title()!="")?this.fts[j].field_name_title():this.fts[j].field_name())
        title = ((this.fts[j].order()=="")?"Αυξουσά ταξινόμηση του πεδίου {field}".replace("{field}", field_name):((this.fts[j].order()=="ASC")?"Φθίνουσα ταξινόμηση του πεδίου {field}".replace("{field}", field_name):"Αφαίρεση ταξινόμησης από το πεδίο {field}".replace("{field}", field_name)));
        r += "<div onclick=\""+this.name+".fts["+j+"].change_order()\" class=\""+this.clfts()+"\" style=\"float:left; padding: 5px; vertical-align: top; width: "+this.fts[j].w()+"px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; "+b+""+((this.fts[j].order()=="")?"":((this.fts[j].order()=="ASC")?this.stfts_order_asc_header():this.stfts_order_desc_header()))+"\" title=\""+title+"\"  onmouseover=\"this.className='"+this.clfts_over()+"';\" onmouseout=\"this.className='"+this.clfts()+"';\">"+this.fts[j].draw()+"</div>";
      }
      else {
        title = this.fts[j].field_name_title();
        r += "<div class=\""+this.clfts_notorderable()+"\" style=\"float:left; padding: 5px; vertical-align: top; width: "+this.fts[j].w()+"px; overflow: hidden; white-space:nowrap; "+b+""+((this.fts[j].order()=="")?"":((this.fts[j].order()=="ASC")?"background-color: #beffbe;":"background-color: #e1bebe;"))+"\" title=\""+title+"\">"+this.fts[j].draw()+"</div>";
      }
      b =  "border-left: 1px solid #bbb;"
    }
    r += "</div>";
    r += "<div style=\"clear: both;\"></div>";
    r += "<div style=\""+data_style+"\">";
    for(var i in this.set){ 
      if(!this.set[i].filter || (typeof(this.set[i].filter)=="function" && this.set[i].filter())){;
        var inner = make_name(this.name)+"_"+make_name(i+"")+"_inner";
        r += "<div id=\""+inner+"\">"+this.draw_set_element(i)+"</div>\n";
      }
    }
    r += "</div>";
    r += this.pagination();
    r += "<div style=\"clear: both; height: 0px; padding: 0px; margin: 0px;\"></div>";
    return r;
  } 
  this.show_set_element = function(i){
    try{
      if(this.set[i]) {
        var inner = make_name(this.name)+"_"+make_name(i+"")+"_inner";
        if(get_element(inner) && innerHTML(inner,this.draw_set_element(i))){ show(inner); return true;};
      }
    }catch(err){alert("synolo.show_set_element("+i+") "+err)}
    return false;
  }
  this.clelement = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_clelement", "", value):this.sg("_clelement", "");}
  this.clelement_over = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_clelement_over", "bg_lightgrey blue", value):this.sg("_clelement_over", "bg_lightgrey blue");}
  this.element_onmouseover = function(i){var more=(typeof(this.set[i].select)=="function")?"link":""; return "this.className='"+more+" "+this.clelement_over()+"';";}
  this.element_onmouseout = function(i){var more=(typeof(this.set[i].select)=="function")?"link":""; return "this.className='"+more+" "+this.clelement()+"';";}
  this.draw_set_element = function(i){
    try{
      var r = "";var title=""; var style=""; var value="";
      if(typeof(this.set[i].style)=="function") style = this.set[i].style();
      if(typeof(this.set[i].title)=="function") title = this.set[i].title();
      if(typeof(this.set[i].select)=="function") 
        r += "<div style=\"clear: both; border-top: 1px solid #bbb; "+style+"\" class=\"link "+this.clelement()+"\" onmouseover=\""+this.element_onmouseover(i)+"\" onmouseout=\""+this.element_onmouseout(i)+"\" onclick=\""+this.name+".set['"+i+"'].select()\" title=\""+title+"\">";
      else 
        r += "<div style=\"clear: both; border-top: 1px solid #bbb;\" class=\""+this.clelement(i)+"\" onmouseover=\""+this.element_onmouseover(i)+"\" onmouseout=\""+this.element_onmouseout(i)+"\" title=\""+title+"\">";
      b = "";
      for(var j in this.fts){
        value = d(this.set[i].data.sg(this.fts[j].field()));
        r += "<div style=\"float:left; vertical-align: top; width: "+(parseInt(this.fts[j].w())+parseInt(this.fts[j].w_plus()))+"px; overflow: hidden; text-overflow: ellipsis; "+b+""+((this.fts[j].order()=="")?"":((this.fts[j].order()=="ASC")?this.stfts_order_asc():this.stfts_order_desc()))+""+this.fts[j].style()+"\" title=\""+strip_html(value).replace(/\"/g,"")+"\">"+value+"</div>";
        //r += "<div style=\"float:left; vertical-align: top; width: "+this.fts[j].w()+"px; overflow: hidden; "+b+""+((this.fts[j].order()=="")?"":((this.fts[j].order()=="ASC")?"background-color: #beffbe;":"background-color: #e1bebe;"))+""+this.fts[j].style()+"\" title=\""+d(this.set[i].data.sg(this.fts[j].field()+"_title",this.set[i].data.sg(this.fts[j].field()))).replace(/\"/g,"")+"\">"+d(this.set[i].data.sg(this.fts[j].field()))+"</div>";
        b =  "border-left: 1px solid #bbb;"
      }
      r += "<div style=\"clear: both; margin: 0px; padding: 0px; height: 0px; width: 0px;\"></div>";
      r += "</div>";
    }catch(err){alert("synolo.draw_set_element("+i+") "+err)}	  
    return r;
  }
  
  //this.init();
}
function fts(name, parent){
  general.call(this,name,parent);
  this.field = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_field", "", value):this.sg("_field", "");}
  this.field_name = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_field_name", "", value):this.sg("_field_name", "");}
  this.field_name_title = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_field_name_title", "", value):this.sg("_field_name_title", "");}
  this.w = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_w", "", value):this.sg("_w", "");}
  this.w_plus = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_w_plus", 0, value):this.sg("_w_plus", 0);}
  this.draw = function(){return "<div style=\"float: left;\">"+this.field_name()+"</div><div style=\"float: right\">"+((this.order()=="")?"":((this.order()=="ASC")?"&darr;":"&uarr;"))+"</div>";}
  this.orderable = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_orderable", true, value):this.sg("_orderable", true);};
  this.style = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_style", "", value):this.sg("_style", " height: 10px; padding: 5px;");}
  this.change_order = function(){
    if(this.parent && this.parent.fts && this.parent.order && this.parent.get && this.orderable()){
      var tmp = this.order();
      for(var j in this.parent.fts){
        this.parent.fts[j].order("");
      }
      this.order(((tmp=="")?"ASC":((tmp=="ASC")?"DESC":"")));
      if(this.order()!=""){
        this.parent.order([o2a({"field":this.field(),"type":this.order()})]);
      }
      else {
        this.parent.order([]);
      }
      this.parent.get();
    }
  };
  this.order = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_order", "", value):this.sg("_order", "");}
  this.init();
}function get_element(element_id){
  if (document.getElementById){
    return document.getElementById(element_id);    
  }
  else if (document.all){
    return document.all[element_id];
  }
  else if (document.layers){  
    return document.layers[element_id];
  }	
  else {
  	return false;
  }
}

function innerHTML(element_id,content,dontalert){
  if(get_element(element_id)){
  	get_element(element_id).innerHTML = content
  	return true;
  }
  else {
  	if(!dontalert) alert ("Can't find element id "+element_id+" to write content: "+content)
  	return false;
  }
}
function ADDinnerHTML(element_id,content){
  if(get_element(element_id)){
  	get_element(element_id).innerHTML += content;
  	return true;
  }
  else {
  	alert ("Can't find element id "+element_id+" to write content: "+content)
  	return false;
  }
}
function ADDRinnerHTML(element_id,content){
  if(get_element(element_id)){
  	get_element(element_id).innerHTML = content + get_element(element_id).innerHTML;
  	return true;
  }
  else {
  	alert ("Can't find element id "+element_id+" to write content: "+content)
  	return false;
  }
}

function textCounter(field, countfield, maxlimit) {
  if (field.value.length > maxlimit){
    field.value = field.value.substring(0, maxlimit);
  }
  if(maxlimit && maxlimit>0) countfield.value =  maxlimit - field.value.length;
  else countfield.value = /* maxlimit - */ field.value.length;
}
function smstextCounter(field, countfield, maxlimit){
  try{
    var length = smstextlength(field.value);
    if (length > maxlimit){
      field.value = field.value.substring(0, ((length>field.value.length)?(maxlimit-(length-field.value.length)):maxlimit));
    }
    length = smstextlength(field.value);
    if(maxlimit && maxlimit>0) countfield.value =  maxlimit - length;
    else countfield.value = /* maxlimit - */ length;
  }catch(err){alert("smstextCounter "+err);}
}
function smstextlength(text){
  try{
    var length = text.length;
    var pttrn = /[€\^\{\}\[\]~\|]/gi;
    var doublechars = text.match(pttrn);
    if(doublechars!=null) length += doublechars.length;
    return length;
  }catch(err){alert("smstextlength "+err);}
  return text.length;
}
function count(arr){ var r=0; for(var i in arr) r++; return r;}
function trim(inputString) {
  if (typeof inputString != "string") { return inputString; }
  var retValue = inputString;
  var ch = retValue.substring(0, 1);
  while (ch == " " || ch.charCodeAt(0)==10) { 
    retValue = retValue.substring(1, retValue.length);
    ch = retValue.substring(0, 1);
  }
  ch = retValue.substring(retValue.length-1, retValue.length);
  while (ch == " " || ch.charCodeAt(0)==10) {
    retValue = retValue.substring(0, retValue.length-1);
    ch = retValue.substring(retValue.length-1, retValue.length);
  }
  while (retValue.indexOf("  ") != -1) { 
    retValue = retValue.substring(0, retValue.indexOf("  ")) + retValue.substring(retValue.indexOf("  ")+1, 
retValue.length); 
  }
  return retValue;
} 

function checkTime(that){
  var time_to_check = that.value; 
  vlIsValid = /^([01]?[0-9]|[2][0-3])(:[0-5][0-9])?$/.test(time_to_check);
  if (!vlIsValid){
    alert("ERROR!\nTime MUST be between 00:00 and 23:59\n");
    that.focus();
    that.select();
    return false;
  }
  return true;
}

function getElementPosition_xywh(elemID) {
  var a = getElementPosition(elemID);
  return {x:a.left,y:a.top,w:a.width,h:a.height};
}
function getElementPosition(elemID) {
  var offsetTrail = get_element(elemID);//document.all(elemID);
  if(offsetTrail!=false){
    var tmp = getElementPosition_new(offsetTrail)
    return {left:tmp.x, top:tmp.y, width:tmp.width,height:tmp.height};
  }
  else {
  	return {left:0, top:0, width:0,height:0};
  }
} 
function getElementPosition_new(element) {
  var result = new Object();
  result.x = 0;
  result.y = 0;
  result.width = 0;
  result.height = 0;
  if(element){
    if (element.offsetParent) {
        result.x = element.offsetLeft;
        result.y = element.offsetTop;
        var parent = element.offsetParent;
      //  alert("x:"+result.x+" y:"+result.y+" parent:"+parent.id);
        while (parent) {
            result.x += parent.offsetLeft;
            result.y += parent.offsetTop;
            var parentTagName = parent.tagName.toLowerCase();
            if (parentTagName != "table" &&
                parentTagName != "body" && 
                parentTagName != "html" && 
                parentTagName != "div" && 
                parent.clientTop && 
                parent.clientLeft) {
                result.x += parent.clientLeft;
                result.y += parent.clientTop;
            }
          //  alert("x:"+result.x+" y:"+result.y+" parent:"+parent.id);
            parent = parent.offsetParent;
        }
    }
    else if (element.left && element.top) {
        result.x = element.left;
        result.y = element.top;
    }
    else {
        if (element.x) {
            result.x = element.x;
        }
        if (element.y) {
            result.y = element.y;
        }
    }
    if (element.offsetWidth && element.offsetHeight) {
        result.width = element.offsetWidth;
        result.height = element.offsetHeight;
    }
    else if (element.style && element.style.pixelWidth && element.style.pixelHeight) {
        result.width = element.style.pixelWidth;
        result.height = element.style.pixelHeight;
    }
  }
  return result;
}






function hide(srcElementId){
  var srcElement;
  if(srcElement = get_element(srcElementId)){ 
    srcElement.style.display = "none";  
  }
}
function show(srcElementId,left,top){
  var element_to_reveal;
  if(element_to_reveal = get_element(srcElementId)){ 
  	if(left){
  	  element_to_reveal.style.left = left +"px";
  	}
  	if(top){
  	  element_to_reveal.style.top = top + "px";
  	}
    element_to_reveal.style.display = "";  
  }
}

function handle_status(status, mesg){
  if(trim(mesg)!="" && status!=0){
    alert(status+": "+mesg);
  }
}

function is_numeric(value){
  var filter  = /^([0-9])+$/;
  return filter.test(value);
}
function is_email(value){
  var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  return filter.test(value);
}
function is_tel(value){
  var filter  = /^([0-9\+\.\(\)\[\]\-_\ ])+$/;
  return filter.test(value);
}
function is_in_num_range(x,min,max){
  if(is_numeric(x)){
  	x = parseInt(x); 
    if(x>=min && x<=max){
      return true;
    }
  }
  return false;
}

var alphabet=new Array();
alphabet[0] = new RegExp("[ΑαΆάAa]","i");
alphabet[1] = new RegExp("[ΒβBbVv]","i");
alphabet[2] = new RegExp("[ΓγGg]","i");
alphabet[3] = new RegExp("[ΔδDd]","i");
alphabet[4] = new RegExp("[ΕεΈέEe]","i");
alphabet[5] = new RegExp("[ΖζZz]","i");
alphabet[6] = new RegExp("[ΙιΊίΪϊΐΗηΉήΥυΎύΫϋΰIiHhYy]","i");
alphabet[7] = new RegExp("([Θθ]|[Tt][Hh])","i");
alphabet[8] = new RegExp("[ΚκKk]","i");
alphabet[9] = new RegExp("[ΛλLl]","i");
alphabet[10] = new RegExp("[ΜμMm]","i");
alphabet[11] = new RegExp("[ΝνNn]","i");
alphabet[12] = new RegExp("[ΞξXx]","i");
alphabet[13] = new RegExp("[ΟοΌόΩωΏώOo]","i");
alphabet[14] = new RegExp("[ΠπPp]","i");
alphabet[15] = new RegExp("[ΡρRr]","i");
alphabet[16] = new RegExp("[ΣσςSs]","i");
alphabet[17] = new RegExp("[ΤτTt]","i");
alphabet[18] = new RegExp("[ΦφFf]","i");
alphabet[19] = new RegExp("[ΧχXx]","i");
alphabet[20] = new RegExp("[Ψψ]","i");


function make_regexp(text){
  var r = ""; 
  var in_alphabet = false;
  for(var i=0; i<text.length;i++){
    in_alphabet = false;
    for(var j=0;j<alphabet.length;j++){
      var tmp = new RegExp("^"+alphabet[j].source+"$","i");
      if((i+2)<=text.length && tmp.exec(text.substring(i,i+2))){
        r += alphabet[j].source;
        in_alphabet = true;
        i++;
        break;
      }
      else  if(tmp.exec(text.substring(i,i+1))){
        r += alphabet[j].source;
        in_alphabet = true;
        break;
      }
    }
    if(!in_alphabet){
      r += text.substring(i,i+1);
    }
  }
  return r;
}
function make_pattern(text){
  var text1='';
  for(var i=0; i<text.length;i++){
    var in_alphabet = false;
    for(var j=0;j<alphabet.length;j++){
      if(alphabet[j].exec(text.substring(i,i+1))){
        text1 += alphabet[j].source;
        in_alphabet = true;
        break;
      }
    }
    if(!in_alphabet){
      text1 += text.substring(i,i+1);
    }
  }
  return text1;
}

function translate_el_en(text) {//elot743
	  var expressions = {
	    'αυ([θκξπσςτφχψ]|\\s|$)': 'af$1',
	    'Αυ([θκξπσςτφχψ]|\\s|$)': 'Af$1',
	    'αυ'                    : 'av',
	    'Αυ'                    : 'Av',
	    'ου'                    : 'ou',
	    'Ου'                    : 'Ou',
	    'ευ([θκξπσςτφχψ]|\\s|$)': 'ef$1',
	    'Ευ([θκξπσςτφχψ]|\\s|$)': 'Ef$1',
	    'ευ'                    : 'ev',
	    'Ευ'                    : 'Ev',

	    '(^|\\s)μπ'             : '$1b',
	    '(^|\\s)Μπ'             : '$1B',
	    'μπ(\\s|$)'             : 'b$1',
	    'γγ'                    : 'ng',
	    'Γγ'                    : 'Ng',
	    'ηυ([θκξπσςτφχψ]|\\s|$)': 'if$1',
	    'Ηυ([θκξπσςτφχψ]|\\s|$)': 'If$1',
	    'ηυ'                    : 'iy',
	    'Ηυ'                    : 'Iy',

	    'θ'                     : 'th',
	    'Θ'                     : 'Th',
	    'χ'                     : 'ch',
	    'Χ'                     : 'Ch',
	    'ψ'                     : 'ps',
	    'Ψ'                     : 'Ps'
	  }
	  var GR  = 'ΑΆΒΓΔΕΈΖΗΉΘΙΊΪΚΛΜΝΞΟΌΠΡΣΤΥΎΫΦΧΨΩΏαάβγδεέζηήθιίϊΐκλμνξοόπρσςτυύϋΰφχψωώ';
	  var ENG = 'AAVGDEEZII.IIIKLMNXOOPRSTYYYF..OOaavgdeezii.iiiiklmnxooprsstyyyyf..oo';
	  for (var i = 0; i < GR.length; i++) {
	    if (!expressions[GR.charAt(i)]) {
	      expressions[GR.charAt(i)] = ENG.charAt(i)
	    }
	  }
	  //text = text.toLowerCase()
	  for (var expression in expressions) {
	    text = text.replace(new RegExp(expression, 'g'), expressions[expression])
	  }
	  return text;
}

function capitalization(value){
  return value.substring(0,1).toUpperCase()+value.substring(1);
}

function strip_html(text){
  text = text.replace(/<script[^>]*?>.*?<\/script>/gi,"");
  text = text.replace(/<style[^>]*?>.*?<\/style>/gi,"");
  text = text.replace(/<[\/\!]*?[^<>]*?>/gi,"");
  text = text.replace(/([\r\n])[\s]+/gi," ");
  text = text.replace(/&(quot|#34);/gi,"\"");
  text = text.replace(/&(amp|#38);/gi,"&");
  text = text.replace(/&(lt|#60);/gi,"<");
  text = text.replace(/&(gt|#62);/gi,">");
  text = text.replace(/&(nbsp|#160);/gi," ");
  text = text.replace(/&#(\d+);/gi,"");
  return text;
}

function esc(text){
  var regex = /[^0-9a-zA-Z\[\]\{\}'\" \-_\/,\.;:=!@#\$%\^&\*\(\)|<>\?ΑΆΒΓΔΕΈΖΗΉΘΙΊΪΚΛΜΝΞΟΌΠΡΣΤΥΎΫΦΧΨΩΏαάβγδεέζηήθιίϊΐκλμνξοόπρσςτυύϋΰφχψωώ]/g;
//	var regex = /[() -]+/g;
  return text.replace(regex, "");
//    return text;
}

function make_name(name){
  var regex = /[.\[\]'"]+/g;
  return name.replace(regex,"_");
}
function nl2br(text){
  var regex = /[\n\r]/g;
  return text.replace(regex,"<br />");  
}

var e = window.encodeURIComponent ? encodeURIComponent : escape;  
var d = window.decodeURIComponent ? decodeURIComponent : unescape;  

var my_objects = new Array();

function mouseCoords(ev){
  if(ev.pageX || ev.pageY){
    return {x:ev.pageX, y:ev.pageY};
  }
  return {
    x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
	y:ev.clientY + document.body.scrollTop  - document.body.clientTop
  };
}


//document.onmousemove = mouseMove;
//document.onmouseup   = mouseUp;
/*
window.popupWindowOldEventListener = document.onmouseup;
if (window.popupWindowOldEventListener != null) {
  document.onmouseup = function(e){
    window.popupWindowOldEventListener(e); 
    mouseUp(e);
  }
}
else {
  document.onmouseup = mouseUp;
}
*/


var dragObject  = null;
var mouseOffset = null;

function getMouseOffset(target, ev){
	ev = ev || window.event;
	var docPos    = getPosition(target);
	var mousePos  = mouseCoords(ev);
	return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
}

function getPosition(e){
	var left = 0;
	var top  = 0;
	while (e.offsetParent){
		left += e.offsetLeft;
		top  += e.offsetTop;
		e     = e.offsetParent;
	}
	left += e.offsetLeft;
	top  += e.offsetTop;
	return {x:left, y:top};
}

function mouseMove(ev){
  if(dragObject){
    ev           = ev || window.event;
	var mousePos = mouseCoords(ev);
	dragObject.style.position = 'absolute';
	dragObject.style.top      = (mousePos.y - mouseOffset.y) + "px";
	dragObject.style.left     = (mousePos.x - mouseOffset.x) + "px";
	
    if(dragObject && dragObject.otec){
      dragObject.otec.mouse_move(mousePos,mouseOffset);	
	}
	return false;
  }
}
/*
function mouseUp(ev){
  if(dragObject && dragObject.otec){
    ev           = ev || window.event;
	var mousePos = mouseCoords(ev);  	
	dragObject.otec.mouse_release(mousePos, mouseOffset);
  }
  dragObject = null;
  mouseOffset = null;
}
*/

function makeDraggable(item,parent){  
  if(!item) {alert("not item");return};
  if(typeof(parent)=="object"){
    item.otec = parent;
  }
  item.onmousedown = function(ev){
    dragObject  = this;
    if(typeof(this.otec)=="object"){
      dragObject.otec = this.otec;
      dragObject.otec.original_position = getPosition(this);
    }
    mouseOffset = getMouseOffset(this, ev);
    return false;
  }
}



function getWindowSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  return {x: myWidth, y: myHeight};
}
function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return {x: scrOfX, y:  scrOfY};
}

function draw_analized_object(obj){
  var toret = "";
  toret += "<table border='1'>"
  if(typeof(obj)=="object"){
    for(var property in obj){
      toret += "<tr>";
      toret += "<td class='bold'>"+property+"</td>";
      toret += "<td class='italic'>"+typeof(obj[property])+"</td>";
      if(typeof(obj[property])=="object"){
        toret += "<td class=''>"+draw_analized_object(obj[property])+"</td>";
      }
      else if(typeof(obj[property])!="function"){
        toret += "<td class='blue'>"+(obj[property])+"</td>";
      }
      else {
        toret += "<td class=''>a&nbsp;</td>";
      }
      toret += "</tr>";
    }
  }
  else {
   toret += "<tr><td>Not object</td></tr>";
  }
  toret += "</table>";
  return toret;
}


function number_format( number, decimals, dec_point, thousands_sep, show_sign ) {
    // +   original by: Jonas Raoni Soares Silva (http://www.jsfromhell.com)
    // *     example 1: number_format(1234.5678, 2, '.', '');
    // *     returns 1: 1234.57
 
    var i, j, sign;
 
    // input sanitation & defaults
    if( isNaN(decimals = Math.abs(decimals)) ){
        decimals = 2;
    }
    if( dec_point == undefined ){
        dec_point = ",";
    }
    if( thousands_sep == undefined ){
        thousands_sep = ".";
    }
    if( show_sign == undefined ){
        show_sign = false;
    }
    
    i = parseInt(number = (+number || 0).toFixed(decimals)) + "";
    sign = (show_sign)?((number>0)?"+":((number<0)?((number>-1)?"&#8209;":""):"")):((number<0)?((number>-1)?"&#8209;":""):""); // - = &#8209;
    if( (j = i.length) > 3 ){
        j = j % 3;
    } else{
        j = 0;
    }
 
    return sign + (j ? i.substr(0, j) + thousands_sep : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + thousands_sep) + (decimals ? dec_point + Math.abs(number - i).toFixed(decimals).slice(2) : "");
}

function utf8_encode ( argString ) {
    // http://kevin.vanzonneveld.net
    // +   original by: Webtoolkit.info (http://www.webtoolkit.info/)
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: sowberry
    // +    tweaked by: Jack
    // +   bugfixed by: Onno Marsman
    // +   improved by: Yves Sucaet
    // +   bugfixed by: Onno Marsman
    // +   bugfixed by: Ulrich
    // *     example 1: utf8_encode('Kevin van Zonneveld');
    // *     returns 1: 'Kevin van Zonneveld'

    var string = (argString+''); // .replace(/\r\n/g, "\n").replace(/\r/g, "\n");

    var utftext = "";
    var start, end;
    var stringl = 0;

    start = end = 0;
    stringl = string.length;
    for (var n = 0; n < stringl; n++) {
        var c1 = string.charCodeAt(n);
        var enc = null;

        if (c1 < 128) {
            end++;
        } else if (c1 > 127 && c1 < 2048) {
            enc = String.fromCharCode((c1 >> 6) | 192) + String.fromCharCode((c1 & 63) | 128);
        } else {
            enc = String.fromCharCode((c1 >> 12) | 224) + String.fromCharCode(((c1 >> 6) & 63) | 128) + String.fromCharCode((c1 & 63) | 128);
        }
        if (enc !== null) {
            if (end > start) {
                utftext += string.substring(start, end);
            }
            utftext += enc;
            start = end = n+1;
        }
    }

    if (end > start) {
        utftext += string.substring(start, string.length);
    }

    return utftext;
}
function serialize (mixed_value) {
    // http://kevin.vanzonneveld.net
    // +   original by: Arpad Ray (mailto:arpad@php.net)
    // +   improved by: Dino
    // +   bugfixed by: Andrej Pavlovic
    // +   bugfixed by: Garagoth
    // +      input by: DtTvB (http://dt.in.th/2008-09-16.string-length-in-bytes.html)
    // +   bugfixed by: Russell Walker (http://www.nbill.co.uk/)
    // +   bugfixed by: Jamie Beck (http://www.terabit.ca/)
    // +      input by: Martin (http://www.erlenwiese.de/)
    // +   bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // -    depends on: utf8_encode
    // %          note: We feel the main purpose of this function should be to ease the transport of data between php & js
    // %          note: Aiming for PHP-compatibility, we have to translate objects to arrays
    // *     example 1: serialize(['Kevin', 'van', 'Zonneveld']);
    // *     returns 1: 'a:3:{i:0;s:5:"Kevin";i:1;s:3:"van";i:2;s:9:"Zonneveld";}'
    // *     example 2: serialize({firstName: 'Kevin', midName: 'van', surName: 'Zonneveld'});
    // *     returns 2: 'a:3:{s:9:"firstName";s:5:"Kevin";s:7:"midName";s:3:"van";s:7:"surName";s:9:"Zonneveld";}'

    var _getType = function (inp) {
        var type = typeof inp, match;
        var key;
        if (type == 'object' && !inp) {
            return 'null';
        }
        if (type == "object") {
            if (!inp.constructor) {
                return 'object';
            }
            var cons = inp.constructor.toString();
            match = cons.match(/(\w+)\(/);
            if (match) {
                cons = match[1].toLowerCase();
            }
            var types = ["boolean", "number", "string", "array"];
            for (key in types) {
                if (cons == types[key]) {
                    type = types[key];
                    break;
                }
            }
        }
        return type;
    };
    var type = _getType(mixed_value);
    var val, ktype = '';
    
    switch (type) {
        case "function": 
            val = ""; 
            break;
        case "boolean":
            val = "b:" + (mixed_value ? "1" : "0");
            break;
        case "number":
            val = (Math.round(mixed_value) == mixed_value ? "i" : "d") + ":" + mixed_value;
            break;
        case "string":
            mixed_value = mixed_value;//this.utf8_encode(mixed_value);
            val = "s:" + encodeURIComponent(mixed_value).replace(/%../g, 'x').length + ":\"" + mixed_value + "\"";
            break;
        case "array":
        case "object":
            val = "a";
            /*
            if (type == "object") {
                var objname = mixed_value.constructor.toString().match(/(\w+)\(\)/);
                if (objname == undefined) {
                    return;
                }
                objname[1] = this.serialize(objname[1]);
                val = "O" + objname[1].substring(1, objname[1].length - 1);
            }
            */
            var count = 0;
            var vals = "";
            var okey;
            var key;
            for (key in mixed_value) {
                ktype = _getType(mixed_value[key]);
                if (ktype == "function") { 
                    continue; 
                }
                
                okey = (key.match(/^[0-9]+$/) ? parseInt(key, 10) : key);
                vals += this.serialize(okey) +
                        this.serialize(mixed_value[key]);
                count++;
            }
            val += ":" + count + ":{" + vals + "}";
            break;
        case "undefined": // Fall-through
        default: // if the JS object has a property which contains a null value, the string cannot be unserialized by PHP
            val = "N";
            break;
    }
    if (type != "object" && type != "array") {
        val += ";";
    }
    return val;
}
function utf8_decode ( str_data ) {
    // http://kevin.vanzonneveld.net
    // +   original by: Webtoolkit.info (http://www.webtoolkit.info/)
    // +      input by: Aman Gupta
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Norman "zEh" Fuchs
    // +   bugfixed by: hitwork
    // +   bugfixed by: Onno Marsman
    // +      input by: Brett Zamir (http://brett-zamir.me)
    // +   bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // *     example 1: utf8_decode('Kevin van Zonneveld');
    // *     returns 1: 'Kevin van Zonneveld'

    var tmp_arr = [], i = 0, ac = 0, c1 = 0, c2 = 0, c3 = 0;
    
    str_data += '';
    
    while ( i < str_data.length ) {
        c1 = str_data.charCodeAt(i);
        if (c1 < 128) {
            tmp_arr[ac++] = String.fromCharCode(c1);
            i++;
        } else if ((c1 > 191) && (c1 < 224)) {
            c2 = str_data.charCodeAt(i+1);
            tmp_arr[ac++] = String.fromCharCode(((c1 & 31) << 6) | (c2 & 63));
            i += 2;
        } else {
            c2 = str_data.charCodeAt(i+1);
            c3 = str_data.charCodeAt(i+2);
            tmp_arr[ac++] = String.fromCharCode(((c1 & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
            i += 3;
        }
    }

    return tmp_arr.join('');
}
function unserialize (data) {
    // http://kevin.vanzonneveld.net
    // +     original by: Arpad Ray (mailto:arpad@php.net)
    // +     improved by: Pedro Tainha (http://www.pedrotainha.com)
    // +     bugfixed by: dptr1988
    // +      revised by: d3x
    // +     improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +        input by: Brett Zamir (http://brett-zamir.me)
    // +     improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +     improved by: Chris
    // +     improved by: James
    // +        input by: Martin (http://www.erlenwiese.de/)
    // +     bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +     improved by: Le Torbi
    // +     input by: kilops
    // +     bugfixed by: Brett Zamir (http://brett-zamir.me)
    // -      depends on: utf8_decode
    // %            note: We feel the main purpose of this function should be to ease the transport of data between php & js
    // %            note: Aiming for PHP-compatibility, we have to translate objects to arrays
    // *       example 1: unserialize('a:3:{i:0;s:5:"Kevin";i:1;s:3:"van";i:2;s:9:"Zonneveld";}');
    // *       returns 1: ['Kevin', 'van', 'Zonneveld']
    // *       example 2: unserialize('a:3:{s:9:"firstName";s:5:"Kevin";s:7:"midName";s:3:"van";s:7:"surName";s:9:"Zonneveld";}');
    // *       returns 2: {firstName: 'Kevin', midName: 'van', surName: 'Zonneveld'}

    var that = this;
    var utf8Overhead = function(chr) {
        // http://phpjs.org/functions/unserialize:571#comment_95906
        var code = chr.charCodeAt(0);
        if (code < 0x0080) {
            return 0;
        }
        if (code < 0x0800) {
             return 1;
        }
        return 2;
    };


    var error = function (type, msg, filename, line){throw new that.window[type](msg, filename, line);};
    var read_until = function (data, offset, stopchr){
        var buf = [];
        var chr = data.slice(offset, offset + 1);
        var i = 2;
        while (chr != stopchr) {
            if ((i+offset) > data.length) {
                error('Error', 'Invalid');
            }
            buf.push(chr);
            chr = data.slice(offset + (i - 1),offset + i);
            i += 1;
        }
        return [buf.length, buf.join('')];
    };
    var read_chrs = function (data, offset, length){
        var buf;

        buf = [];
        for (var i = 0;i < length;i++){
            var chr = data.slice(offset + (i - 1),offset + i);
            buf.push(chr);
            length -= utf8Overhead(chr); 
        }
        return [buf.length, buf.join('')];
    };
    var _unserialize = function (data, offset){
        var readdata;
        var readData;
        var chrs = 0;
        var ccount;
        var stringlength;
        var keyandchrs;
        var keys;

        if (!offset) {offset = 0;}
        var dtype = (data.slice(offset, offset + 1)).toLowerCase();

        var dataoffset = offset + 2;
        var typeconvert = function(x) {return x;};

        switch (dtype){
            case 'i':
                typeconvert = function (x) {return parseInt(x, 10);};
                readData = read_until(data, dataoffset, ';');
                chrs = readData[0];
                readdata = readData[1];
                dataoffset += chrs + 1;
            break;
            case 'b':
                typeconvert = function (x) {return parseInt(x, 10) !== 0;};
                readData = read_until(data, dataoffset, ';');
                chrs = readData[0];
                readdata = readData[1];
                dataoffset += chrs + 1;
            break;
            case 'd':
                typeconvert = function (x) {return parseFloat(x);};
                readData = read_until(data, dataoffset, ';');
                chrs = readData[0];
                readdata = readData[1];
                dataoffset += chrs + 1;
            break;
            case 'n':
                readdata = null;
            break;
            case 's':
                ccount = read_until(data, dataoffset, ':');
                chrs = ccount[0];
                stringlength = ccount[1];
                dataoffset += chrs + 2;

                readData = read_chrs(data, dataoffset+1, parseInt(stringlength, 10));
                chrs = readData[0];
                readdata = readData[1];
                dataoffset += chrs + 2;
                if (chrs != parseInt(stringlength, 10) && chrs != readdata.length){
                    error('SyntaxError', 'String length mismatch');
                }

                // Length was calculated on an utf-8 encoded string
                // so wait with decoding
                // mir I dont what to decode utf8, my site is utf8
                readdata = readdata;//that.utf8_decode(readdata);
            break;
            case 'a':
                readdata = {};

                keyandchrs = read_until(data, dataoffset, ':');
                chrs = keyandchrs[0];
                keys = keyandchrs[1];
                dataoffset += chrs + 2;

                for (var i = 0; i < parseInt(keys, 10); i++){
                    var kprops = _unserialize(data, dataoffset);
                    var kchrs = kprops[1];
                    var key = kprops[2];
                    dataoffset += kchrs;

                    var vprops = _unserialize(data, dataoffset);
                    var vchrs = vprops[1];
                    var value = vprops[2];
                    dataoffset += vchrs;

                    readdata[key] = value;
                }

                dataoffset += 1;
            break;
            default:
                error('SyntaxError', 'Unknown / Unhandled data type(s): ' + dtype);
            break;
        }
        return [dtype, dataoffset - offset, typeconvert(readdata)];
    };
    
    return _unserialize((data+''), 0)[2];
}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}
/**
 * object convertor take an array and returns an object with empty assigments
 * @param a an array
 * @return an object
 */
function oc(a){
  var o = {};
  for(var i=0;i<a.length;i++)
  {
    o[a[i]]='';
  }
  return o;
}
/**
 * o2a stands for object to array
 * @param obj an object
 * @return a corresponding to the @param obj array
 */
function o2a(obj){
  var toret = new Array();
  if(typeof(obj)=="object"){
    for(var property in obj){
      if(typeof(obj[property])=="object" && property!="parent" ){
        toret[property] = o2a(obj[property]);
      }
      else if(typeof(obj[property])!="function"){
        toret[property] = obj[property];
      }
    }
  }
  else {
    toret = obj;
  }
  return toret;
}
function in_array (needle, haystack, argStrict) {
    // Checks if the given value exists in the array  
    // 
    // version: 1008.1718
    // discuss at: http://phpjs.org/functions/in_array    // +   original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: vlado houba
    // +   input by: Billy
    // +   bugfixed by: Brett Zamir (http://brett-zamir.me)
    // *     example 1: in_array('van', ['Kevin', 'van', 'Zonneveld']);    // *     returns 1: true
    // *     example 2: in_array('vlado', {0: 'Kevin', vlado: 'van', 1: 'Zonneveld'});
    // *     returns 2: false
    // *     example 3: in_array(1, ['1', '2', '3']);
    // *     returns 3: true    // *     example 3: in_array(1, ['1', '2', '3'], false);
    // *     returns 3: true
    // *     example 4: in_array(1, ['1', '2', '3'], true);
    // *     returns 4: false
    var key = '', strict = !!argStrict; 
    if (strict) {
        for (key in haystack) {
            if (haystack[key] === needle) {
                return true;            }
        }
    } else {
        for (key in haystack) {
            if (haystack[key] == needle) {                return true;
            }
        }
    }
     return false;
}
function is_enter(e){
  var keycode;
  if (window.event)
    keycode = window.event.keyCode;
  else if (e)
    keycode = e.which;
  else
    return false;
  if(keycode==13){
    return true;
  }
  return false;
}
/**
 * get the cursor position in text area 
 * @param el the textarea element
 * @return the position of the cursor
 */
function getCaret(el) { 
  if (el.selectionStart) { 
    return el.selectionStart; 
  }
  else if (document.selection) { 
    el.focus(); 
    var r = document.selection.createRange(); 
    if (r == null) { 
      return 0; 
    } 
    var re = el.createTextRange(), 
        rc = re.duplicate(); 
    re.moveToBookmark(r.getBookmark()); 
    rc.setEndPoint('EndToStart', re); 
    return rc.text.length; 
  }  
  return 0; 
}

var MONTH_NAMES=new Array('January','February','March','April','May','June','July','August','September','October','November','December','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec');
var DAY_NAMES=new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sun','Mon','Tue','Wed','Thu','Fri','Sat');
function LZ(x) {return(x<0||x>9?"":"0")+x}
//------------------------------------------------------------------
//formatDate (date_object, format)
//Returns a date in the output format specified.
//The format string uses the same abbreviations as in getDateFromFormat()
//------------------------------------------------------------------
function formatDate(date,format) {
format=format+"";
var result="";
var i_format=0;
var c="";
var token="";
var y=date.getFullYear()+"";
var M=date.getMonth()+1;
var d=date.getDate();
var E=date.getDay();
var H=date.getHours();
var m=date.getMinutes();
var s=date.getSeconds();
var yyyy,yy,MMM,MM,dd,hh,h,mm,ss,ampm,HH,H,KK,K,kk,k;
//Convert real date parts into formatted versions
var value=new Object();
if (y.length < 4) {y=""+(y-0+1900);}
value["y"]=""+y;
value["yyyy"]=y;
value["yy"]=y.substring(2,4);
value["M"]=M;
value["MM"]=LZ(M);
value["MMM"]=MONTH_NAMES[M-1];
value["NNN"]=MONTH_NAMES[M+11];
value["d"]=d;
value["dd"]=LZ(d);
value["E"]=DAY_NAMES[E+7];
value["EE"]=DAY_NAMES[E];
value["H"]=H;
value["HH"]=LZ(H);
if (H==0){value["h"]=12;}
else if (H>12){value["h"]=H-12;}
else {value["h"]=H;}
value["hh"]=LZ(value["h"]);
if (H>11){value["K"]=H-12;} else {value["K"]=H;}
value["k"]=H+1;
value["KK"]=LZ(value["K"]);
value["kk"]=LZ(value["k"]);
if (H > 11) { value["a"]="PM"; }
else { value["a"]="AM"; }
value["m"]=m;
value["mm"]=LZ(m);
value["s"]=s;
value["ss"]=LZ(s);
while (i_format < format.length) {
c=format.charAt(i_format);
token="";
while ((format.charAt(i_format)==c) && (i_format < format.length)) {
token += format.charAt(i_format++);
}
if (value[token] != null) { result=result + value[token]; }
else { result=result + token; }
}
return result;
}
//------------------------------------------------------------------
//Utility functions for parsing in getDateFromFormat()
//------------------------------------------------------------------
function _isInteger(val) {
var digits="1234567890";
for (var i=0; i < val.length; i++) {
if (digits.indexOf(val.charAt(i))==-1) { return false; }
}
return true;
}
function _getInt(str,i,minlength,maxlength) {
for (var x=maxlength; x>=minlength; x--) {
var token=str.substring(i,i+x);
if (token.length < minlength) { return null; }
if (_isInteger(token)) { return token; }
}
return null;
}

//------------------------------------------------------------------
//getDateFromFormat( date_string , format_string )
//
//This function takes a date string and a format string. It matches
//If the date string matches the format string, it returns the
//getTime() of the date. If it does not match, it returns 0.
//------------------------------------------------------------------
function getDateFromFormat(val,format) {
val=val+"";
format=format+"";
var i_val=0;
var i_format=0;
var c="";
var token="";
var token2="";
var x,y;
var now=new Date();
var year=now.getFullYear();
var month=now.getMonth()+1;
var date=1;
var hh=now.getHours();
var mm=now.getMinutes();
var ss=now.getSeconds();
var ampm="";

while (i_format < format.length) {
//Get next token from format string
c=format.charAt(i_format);
token="";
while ((format.charAt(i_format)==c) && (i_format < format.length)) {
token += format.charAt(i_format++);
}
//Extract contents of value based on format token
if (token=="yyyy" || token=="yy" || token=="y") {
if (token=="yyyy") { x=4;y=4; }
if (token=="yy")   { x=2;y=2; }
if (token=="y")    { x=2;y=4; }
year=_getInt(val,i_val,x,y);
if (year==null) { return 0; }
i_val += year.length;
if (year.length==2) {
if (year > 70) { year=1900+(year-0); }
else { year=2000+(year-0); }
}
}
else if (token=="MMM"||token=="NNN"){
month=0;
for (var i=0; i<MONTH_NAMES.length; i++) {
var month_name=MONTH_NAMES[i];
if (val.substring(i_val,i_val+month_name.length).toLowerCase()==month_name.toLowerCase()) {
if (token=="MMM"||(token=="NNN"&&i>11)) {
month=i+1;
if (month>12) { month -= 12; }
i_val += month_name.length;
break;
}
}
}
if ((month < 1)||(month>12)){return 0;}
}
else if (token=="EE"||token=="E"){
for (var i=0; i<DAY_NAMES.length; i++) {
var day_name=DAY_NAMES[i];
if (val.substring(i_val,i_val+day_name.length).toLowerCase()==day_name.toLowerCase()) {
i_val += day_name.length;
break;
}
}
}
else if (token=="MM"||token=="M") {
month=_getInt(val,i_val,token.length,2);
if(month==null||(month<1)||(month>12)){return 0;}
i_val+=month.length;}
else if (token=="dd"||token=="d") {
date=_getInt(val,i_val,token.length,2);
if(date==null||(date<1)||(date>31)){return 0;}
i_val+=date.length;}
else if (token=="hh"||token=="h") {
hh=_getInt(val,i_val,token.length,2);
if(hh==null||(hh<1)||(hh>12)){return 0;}
i_val+=hh.length;}
else if (token=="HH"||token=="H") {
hh=_getInt(val,i_val,token.length,2);
if(hh==null||(hh<0)||(hh>23)){return 0;}
i_val+=hh.length;}
else if (token=="KK"||token=="K") {
hh=_getInt(val,i_val,token.length,2);
if(hh==null||(hh<0)||(hh>11)){return 0;}
i_val+=hh.length;}
else if (token=="kk"||token=="k") {
hh=_getInt(val,i_val,token.length,2);
if(hh==null||(hh<1)||(hh>24)){return 0;}
i_val+=hh.length;hh--;}
else if (token=="mm"||token=="m") {
mm=_getInt(val,i_val,token.length,2);
if(mm==null||(mm<0)||(mm>59)){return 0;}
i_val+=mm.length;}
else if (token=="ss"||token=="s") {
ss=_getInt(val,i_val,token.length,2);
if(ss==null||(ss<0)||(ss>59)){return 0;}
i_val+=ss.length;}
else if (token=="a") {
if (val.substring(i_val,i_val+2).toLowerCase()=="am") {ampm="AM";}
else if (val.substring(i_val,i_val+2).toLowerCase()=="pm") {ampm="PM";}
else {return 0;}
i_val+=2;}
else {
if (val.substring(i_val,i_val+token.length)!=token) {return 0;}
else {i_val+=token.length;}
}
}
//If there are any trailing characters left in the value, it doesn't match
if (i_val != val.length) { return 0; }
//Is date valid for month?
if (month==2) {
//Check for leap year
if ( ( (year%4==0)&&(year%100 != 0) ) || (year%400==0) ) { // leap year
if (date > 29){ return 0; }
}
else { if (date > 28) { return 0; } }
}
if ((month==4)||(month==6)||(month==9)||(month==11)) {
if (date > 30) { return 0; }
}
//Correct hours value
if (hh<12 && ampm=="PM") { hh=hh-0+12; }
else if (hh>11 && ampm=="AM") { hh-=12; }
var newdate=new Date(year,month-1,date,hh,mm,ss);
return newdate.getTime();
}

/**
*
*  MD5 (Message-Digest Algorithm)
*  http://www.webtoolkit.info/
*
**/
 
function MD5(string) {
 
  function RotateLeft(lValue, iShiftBits) {
    return (lValue<<iShiftBits) | (lValue>>>(32-iShiftBits));
  }
 
  function AddUnsigned(lX,lY) {
    var lX4,lY4,lX8,lY8,lResult;
    lX8 = (lX & 0x80000000);
    lY8 = (lY & 0x80000000);
    lX4 = (lX & 0x40000000);
    lY4 = (lY & 0x40000000);
    lResult = (lX & 0x3FFFFFFF)+(lY & 0x3FFFFFFF);
    if (lX4 & lY4) {
      return (lResult ^ 0x80000000 ^ lX8 ^ lY8);
    }
    if (lX4 | lY4) {
      if (lResult & 0x40000000) {
        return (lResult ^ 0xC0000000 ^ lX8 ^ lY8);
      } else {
        return (lResult ^ 0x40000000 ^ lX8 ^ lY8);
      }
    } else {
      return (lResult ^ lX8 ^ lY8);
    }
   }
 
   function F(x,y,z) { return (x & y) | ((~x) & z); }
   function G(x,y,z) { return (x & z) | (y & (~z)); }
   function H(x,y,z) { return (x ^ y ^ z); }
  function I(x,y,z) { return (y ^ (x | (~z))); }
 
  function FF(a,b,c,d,x,s,ac) {
    a = AddUnsigned(a, AddUnsigned(AddUnsigned(F(b, c, d), x), ac));
    return AddUnsigned(RotateLeft(a, s), b);
  };
 
  function GG(a,b,c,d,x,s,ac) {
    a = AddUnsigned(a, AddUnsigned(AddUnsigned(G(b, c, d), x), ac));
    return AddUnsigned(RotateLeft(a, s), b);
  };
 
  function HH(a,b,c,d,x,s,ac) {
    a = AddUnsigned(a, AddUnsigned(AddUnsigned(H(b, c, d), x), ac));
    return AddUnsigned(RotateLeft(a, s), b);
  };
 
  function II(a,b,c,d,x,s,ac) {
    a = AddUnsigned(a, AddUnsigned(AddUnsigned(I(b, c, d), x), ac));
    return AddUnsigned(RotateLeft(a, s), b);
  };
 
  function ConvertToWordArray(string) {
    var lWordCount;
    var lMessageLength = string.length;
    var lNumberOfWords_temp1=lMessageLength + 8;
    var lNumberOfWords_temp2=(lNumberOfWords_temp1-(lNumberOfWords_temp1 % 64))/64;
    var lNumberOfWords = (lNumberOfWords_temp2+1)*16;
    var lWordArray=Array(lNumberOfWords-1);
    var lBytePosition = 0;
    var lByteCount = 0;
    while ( lByteCount < lMessageLength ) {
      lWordCount = (lByteCount-(lByteCount % 4))/4;
      lBytePosition = (lByteCount % 4)*8;
      lWordArray[lWordCount] = (lWordArray[lWordCount] | (string.charCodeAt(lByteCount)<<lBytePosition));
      lByteCount++;
    }
    lWordCount = (lByteCount-(lByteCount % 4))/4;
    lBytePosition = (lByteCount % 4)*8;
    lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80<<lBytePosition);
    lWordArray[lNumberOfWords-2] = lMessageLength<<3;
    lWordArray[lNumberOfWords-1] = lMessageLength>>>29;
    return lWordArray;
  };
 
  function WordToHex(lValue) {
    var WordToHexValue="",WordToHexValue_temp="",lByte,lCount;
    for (lCount = 0;lCount<=3;lCount++) {
      lByte = (lValue>>>(lCount*8)) & 255;
      WordToHexValue_temp = "0" + lByte.toString(16);
      WordToHexValue = WordToHexValue + WordToHexValue_temp.substr(WordToHexValue_temp.length-2,2);
    }
    return WordToHexValue;
  };
 
  function Utf8Encode(string) {
    string = string.replace(/\r\n/g,"\n");
    var utftext = "";
 
    for (var n = 0; n < string.length; n++) {
 
      var c = string.charCodeAt(n);
 
      if (c < 128) {
        utftext += String.fromCharCode(c);
      }
      else if((c > 127) && (c < 2048)) {
        utftext += String.fromCharCode((c >> 6) | 192);
        utftext += String.fromCharCode((c & 63) | 128);
      }
      else {
        utftext += String.fromCharCode((c >> 12) | 224);
        utftext += String.fromCharCode(((c >> 6) & 63) | 128);
        utftext += String.fromCharCode((c & 63) | 128);
      }
 
    }
 
    return utftext;
  };
 
  var x=Array();
  var k,AA,BB,CC,DD,a,b,c,d;
  var S11=7, S12=12, S13=17, S14=22;
  var S21=5, S22=9 , S23=14, S24=20;
  var S31=4, S32=11, S33=16, S34=23;
  var S41=6, S42=10, S43=15, S44=21;
 
  string = Utf8Encode(string);
 
  x = ConvertToWordArray(string);
 
  a = 0x67452301; b = 0xEFCDAB89; c = 0x98BADCFE; d = 0x10325476;
 
  for (k=0;k<x.length;k+=16) {
    AA=a; BB=b; CC=c; DD=d;
    a=FF(a,b,c,d,x[k+0], S11,0xD76AA478);
    d=FF(d,a,b,c,x[k+1], S12,0xE8C7B756);
    c=FF(c,d,a,b,x[k+2], S13,0x242070DB);
    b=FF(b,c,d,a,x[k+3], S14,0xC1BDCEEE);
    a=FF(a,b,c,d,x[k+4], S11,0xF57C0FAF);
    d=FF(d,a,b,c,x[k+5], S12,0x4787C62A);
    c=FF(c,d,a,b,x[k+6], S13,0xA8304613);
    b=FF(b,c,d,a,x[k+7], S14,0xFD469501);
    a=FF(a,b,c,d,x[k+8], S11,0x698098D8);
    d=FF(d,a,b,c,x[k+9], S12,0x8B44F7AF);
    c=FF(c,d,a,b,x[k+10],S13,0xFFFF5BB1);
    b=FF(b,c,d,a,x[k+11],S14,0x895CD7BE);
    a=FF(a,b,c,d,x[k+12],S11,0x6B901122);
    d=FF(d,a,b,c,x[k+13],S12,0xFD987193);
    c=FF(c,d,a,b,x[k+14],S13,0xA679438E);
    b=FF(b,c,d,a,x[k+15],S14,0x49B40821);
    a=GG(a,b,c,d,x[k+1], S21,0xF61E2562);
    d=GG(d,a,b,c,x[k+6], S22,0xC040B340);
    c=GG(c,d,a,b,x[k+11],S23,0x265E5A51);
    b=GG(b,c,d,a,x[k+0], S24,0xE9B6C7AA);
    a=GG(a,b,c,d,x[k+5], S21,0xD62F105D);
    d=GG(d,a,b,c,x[k+10],S22,0x2441453);
    c=GG(c,d,a,b,x[k+15],S23,0xD8A1E681);
    b=GG(b,c,d,a,x[k+4], S24,0xE7D3FBC8);
    a=GG(a,b,c,d,x[k+9], S21,0x21E1CDE6);
    d=GG(d,a,b,c,x[k+14],S22,0xC33707D6);
    c=GG(c,d,a,b,x[k+3], S23,0xF4D50D87);
    b=GG(b,c,d,a,x[k+8], S24,0x455A14ED);
    a=GG(a,b,c,d,x[k+13],S21,0xA9E3E905);
    d=GG(d,a,b,c,x[k+2], S22,0xFCEFA3F8);
    c=GG(c,d,a,b,x[k+7], S23,0x676F02D9);
    b=GG(b,c,d,a,x[k+12],S24,0x8D2A4C8A);
    a=HH(a,b,c,d,x[k+5], S31,0xFFFA3942);
    d=HH(d,a,b,c,x[k+8], S32,0x8771F681);
    c=HH(c,d,a,b,x[k+11],S33,0x6D9D6122);
    b=HH(b,c,d,a,x[k+14],S34,0xFDE5380C);
    a=HH(a,b,c,d,x[k+1], S31,0xA4BEEA44);
    d=HH(d,a,b,c,x[k+4], S32,0x4BDECFA9);
    c=HH(c,d,a,b,x[k+7], S33,0xF6BB4B60);
    b=HH(b,c,d,a,x[k+10],S34,0xBEBFBC70);
    a=HH(a,b,c,d,x[k+13],S31,0x289B7EC6);
    d=HH(d,a,b,c,x[k+0], S32,0xEAA127FA);
    c=HH(c,d,a,b,x[k+3], S33,0xD4EF3085);
    b=HH(b,c,d,a,x[k+6], S34,0x4881D05);
    a=HH(a,b,c,d,x[k+9], S31,0xD9D4D039);
    d=HH(d,a,b,c,x[k+12],S32,0xE6DB99E5);
    c=HH(c,d,a,b,x[k+15],S33,0x1FA27CF8);
    b=HH(b,c,d,a,x[k+2], S34,0xC4AC5665);
    a=II(a,b,c,d,x[k+0], S41,0xF4292244);
    d=II(d,a,b,c,x[k+7], S42,0x432AFF97);
    c=II(c,d,a,b,x[k+14],S43,0xAB9423A7);
    b=II(b,c,d,a,x[k+5], S44,0xFC93A039);
    a=II(a,b,c,d,x[k+12],S41,0x655B59C3);
    d=II(d,a,b,c,x[k+3], S42,0x8F0CCC92);
    c=II(c,d,a,b,x[k+10],S43,0xFFEFF47D);
    b=II(b,c,d,a,x[k+1], S44,0x85845DD1);
    a=II(a,b,c,d,x[k+8], S41,0x6FA87E4F);
    d=II(d,a,b,c,x[k+15],S42,0xFE2CE6E0);
    c=II(c,d,a,b,x[k+6], S43,0xA3014314);
    b=II(b,c,d,a,x[k+13],S44,0x4E0811A1);
    a=II(a,b,c,d,x[k+4], S41,0xF7537E82);
    d=II(d,a,b,c,x[k+11],S42,0xBD3AF235);
    c=II(c,d,a,b,x[k+2], S43,0x2AD7D2BB);
    b=II(b,c,d,a,x[k+9], S44,0xEB86D391);
    a=AddUnsigned(a,AA);
    b=AddUnsigned(b,BB);
    c=AddUnsigned(c,CC);
    d=AddUnsigned(d,DD);
  }
 
  var temp = WordToHex(a)+WordToHex(b)+WordToHex(c)+WordToHex(d);
 
  return temp.toLowerCase();
}

function removeChildSafe(element) {
  try{
    //before deleting el, recursively delete all of its children.
    while(element.childNodes.length > 0) {
      removeChildSafe(element.childNodes[element.childNodes.length-1]);
    }
    element.parentNode.removeChild(element);
  }catch(err){alert("removeChildSafe() "+err);}
}

function doGetCaretPosition (ctrl) {
  try{
	var CaretPos = 0;	// IE Support
	if (document.selection) {
	    ctrl.focus ();
		var Sel = document.selection.createRange ();
		Sel.moveStart ('character', -ctrl.value.length);
		CaretPos = Sel.text.length;
	}
	// Firefox support
	else if (ctrl.selectionStart || ctrl.selectionStart == '0')
		CaretPos = ctrl.selectionStart;
	return (CaretPos);
  }catch(err){alert("setCaretPosition() "+err);}
}
function setCaretPosition(ctrl, pos){
  try{
	if(ctrl.setSelectionRange)
	{
		ctrl.focus();
		ctrl.setSelectionRange(pos,pos);
	}
	else if (ctrl.createTextRange) {
		var range = ctrl.createTextRange();
		range.collapse(true);
		range.moveEnd('character', pos);
		range.moveStart('character', pos);
		range.select();
	}
  }catch(err){alert("setCaretPosition() "+err);}
}
//myField accepts an object reference, myValue accepts the text strint to add
function insertAtCursor(myField, myValue) {
//IE support
  if (document.selection) {
    myField.focus();

//in effect we are creating a text range with zero
//length at the cursor location and replacing it
//with myValue
    sel = document.selection.createRange();
    sel.text = myValue;    
  }
//Mozilla/Firefox/Netscape 7+ support
  else if (myField.selectionStart || myField.selectionStart == '0') {

//Here we get the start and end points of the
//selection. Then we create substrings up to the
//start of the selection and from the end point
//of the selection to the end of the field value.
//Then we concatenate the first substring, myValue,
//and the second substring to get the new value.
    var startPos = myField.selectionStart;
    var endPos = myField.selectionEnd;
    myField.value = myField.value.substring(0, startPos)+ myValue+ myField.value.substring(endPos, myField.value.length);
  } else {
    myField.value += myValue;
  }
} 
function Menu(name,parent){
  general.call(this,name,parent);

//methods
  this.init = function(){
    this.states = new Array();
    this.current_state_id = "";// backward compatability
  }
  this.state_id = function(value){
    if(typeof(value)!="undefined" && value!=null){ 
      this.sg("_state_id", "", value);
      this.current_state_id = this.sg("_state_id", "");
    }
    if(this.current_state_id == "") this.current_state_id = this.sg("_state_id", "");
    return this.current_state_id;
  };
  this.classs = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_classs", "center round_5_top", value):this.sg("_classs", "center round_corners_top");};//common addon style for all states
  this.clactive = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_clactive", "tab_active", value):this.sg("_clactive", "tab_active");};
  this.clinactive = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_clinactive", "tab_inactive", value):this.sg("_clinactive", "tab_inactive");};
  this.cldeactive = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_cldeactive", "tab_denactive", value):this.sg("_cldeactive", "tab_denactive");};
  this.direction = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_direction", "horizontal", value):this.sg("_direction", "horizontal");};
  this.style = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_style", "", value):this.sg("_style", "");}; //common addon style for all states
  this.margin = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_margin", "", value):this.sg("_margin", "margin: 5px 10px 5px 10px;");};
  this.margin_left = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_margin_left", "", value):this.sg("_margin_left", "margin-left: 5px;");};
  this.height = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_height", "", value):this.sg("_height", "height: 25px;");};
  this.extra = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_extra", "", value):this.sg("_extra", "");};

  this.to_show_single_state = function(value){return (typeof(value)!="undefined" && value!=null)?this.sg("_to_show_single_state", false, value):this.sg("_to_show_single_state", false);};

  this.add_state = function(id, desc, action, active, classname){
    try{
      if(!classname) classname = "general";
      var length = this.get_state_i(id);
      eval("try{ var tmp = new "+classname+"(this.name+\".states['\"+length+\"']\", this);}catch(err){alert('eval menu.add_state() '+err);} ");
      tmp.init();
      tmp.data.sg("id","",id);
      tmp.sg("state_desc","",desc);
      tmp.sg("action","",((action==null)?'alert("Dummy action");':action));
      tmp.sg("active",true,((typeof(active)=="boolean")?active:true));
      this.states[length] = tmp;
      return length;
    }catch(err){alert("menu.add_state() "+err);}
    return -1;
  }
  this.rem_state = function(id){
    var i = this.get_state_i(id);
    if(i<this.states.length){
      this.states.splice(i,1);
      for(var i=0; i<this.states.length; i++){
        this.states[i].set_name(this.name+".states["+i+"]");
      }
    }
  }
  this.activate = function(id, value){
    var i = this.get_state_i(id);
    if(i<this.states.length){
      this.states[i].sg("active",true,((typeof(value)=="boolean")?value:true));
    }
  }
  this.get_state_i = function(id){ // get_state_i vriskei to i toy states gia to id
    for(var i in this.states){
      if(this.states[i].data.sg("id")==id){
        return i;
      }
    }
    return this.states.length;
  }
  this.draw = function(){
    var r = "";
    try{
      if(this.to_show_single_state()===true || this.states.length>1){
        r += "<div>";
        var selected = ""; var margin_left = ""; var onclick = ""; var cl = "";
        for (var i in this.states){
          onclick = "onclick=\""+this.name+".change_state("+i+")\"";
          cl = "link"; cl2 = this.clinactive();
          if(!this.states[i].sg("active",true)) {
            onclick = ""; cl = ""; cl2 = this.cldeactive();
          }
          selected = "z-index: 1;";
          if(this.states[i].data.sg("id")==this.state_id()){
            selected = "z-index: 3;";
            cl2 = this.clactive();
          }
          cl += " "+cl2;
          r += "  <div "+onclick+" class=\""+cl+" "+this.classs()+"\" style=\"position: relative; "+((this.direction()=="horizontal")?"float: left;":"")+" "+this.height()+" "+margin_left+" "+selected+" "+this.style()+"\" "+this.extra()+"><div style=\""+this.margin()+"\">"+d(this.states[i].sg("state_desc"))+"</div></div>";
          if(this.direction()=="horizontal") margin_left = this.margin_left();
        }
        if(this.direction()=="horizontal") r += "  <div style=\"clear: both;\"></div>";
        r += "</div>";
      }
    }catch(err){alert("menu.draw() "+err);}
    return r;
  }
  this.change_state = function(i){
    try{
      if(this.states[i]){
        this.state_id(this.states[i].data.sg("id"));
        try{ eval(this.states[i].sg("action")); }catch(err){alert("menu.change_state("+i+") eval("+this.states[i].sg("action")+") "+err);}
        this.show();
      }
    }catch(err){alert("menu.change_state("+i+") "+err);}
  }
  this.init();
}
/**
 * Object PHP_Serializer
 * 	JavaScript to PHP serialize / unserialize class.
 * This class is designed to convert php variables to javascript
 * and javascript variables to php with a php serialize unserialize
 * compatible way.
 *
 * PARSABLE PHP TO JAVASCRIPT VARIABLES:
 * 	[ PHP TYPE ]			[ JAVASCRIPT TYPE ]
 * 	array				Array
 * 	class				Object (*)
 * 	string				String
 * 	boolean				Boolean
 * 	undefined or null		null
 * 	integer / double 		Number
 *
 * PARSABLE JAVASCRIPT TO PHP VARIABLES:
 *	[ JAVASCRIPT TYPE ]		[ PHP TYPE ]
 *	Array				array
 *	Object				class (*)
 *	String				string
 *	Boolean				boolean
 *	null				null
 *	Number				int or double
 *	Date				class
 *	Error				class
 *	Function			anything (*)
 *	__class				anything (*)
 *
 * (*) NOTE:
 * Any PHP serialized class requires the native PHP class to be used, then it's not a
 * PHP => JavaScript converter, it's just a usefull serilizer class for each
 * compatible JS and PHP variable types.
 * However is possible to change public parameters.
 * Lambda, Resources or other dedicated PHP variables are not usefull for JavaScript.
 * (i.e.
 * 	$v = create_function('', 'return 1;'); serialize($v);
 *	$conn = mydb_connect(); serialize($conn);
 * )
 * There are same restrictions for javascript functions too then these will not be sent
 * (but will be filtered / ignored automatically).
 * _____________________________________________
 *
 * EXAMPLE:
 *	var php = new PHP_Serializer();
 *	alert(php.unserialize(php.serialize(somevar)));
 *	// should alert the original value of somevar
 * ---------------------------------------------
 * @author              Andrea Giammarchi
 * @site		www.devpro.it
 * @date                2005/11/26
 * @lastmod             2005/12/07 14:30 [fixed deer Park serialize problem]
 * @credits		Special thanks to Fabio Sutto for some ideas and some debug
 *			Special thanks to kentaromiura for a faster loop idea while unserialize
 * @version             1.5d, tested on FireFox 1.0.7, FireFox 1.5, IE 6 SP2 and Opera 8
 */
function PHP_Serializer() {
	if(String(Object).indexOf('(') != 16)
		this.__cut = 9;
	else
		this.__cut = 10;
}
function PHP_Serializer__String(__s) {
	return ('s:'+__s.length+':"'+__s+'";');
}
function PHP_UnSerializer__String() {
	var sls = this.__s.substr(2,(this.__s.indexOf(':',2)-2));
	var sli = parseInt(sls);
	sls = sls.length + 4;
	var tmp = this.__s.substr(sls,sli);
	this.reduce((sli + sls + 2));
	return tmp;
}
function PHP_Serializer__Boolean(__s) {
	return ('b:'+(__s==false?'0':'1')+';');
}
function PHP_UnSerializer__Boolean() {
	var tmp = (this.__s.substr(2,1)=='1'?true:false);
	this.reduce(4);
	return tmp;
}
function PHP_Serializer__Number(__s) {
	__s = String(__s);
	return ((__s.indexOf('.')==-1)?'i:'+__s+';':'d:'+__s+';');
}
function PHP_UnSerializer__Number() {
	var sli = this.__s.indexOf(';',1) - 2;
	var tmp = Number(this.__s.substr(2,sli));
	this.reduce((sli + 3));
	return tmp;
}
function PHP_Serializer__Function() {
	return '';
}
function PHP_Serializer__Undefined() {
	return 'N;';
}
function PHP_UnSerializer__Undefined() {
	this.reduce(2);
	return null;
}
function PHP_Serializer__Common_ArrayObject(__s) {
	var n;
	var a = 0;
	var ser = '';
	for(var b in __s) {
		n = (__s[b] == null);
		if(n || (__s[b].constructor != Function && b != '__class')) {
			ser+=(!isNaN(b))?this.__number(b):this.__string(b);
			ser+=n?this.__undefined():this[__s[b].constructor](__s[b]);
			++a;
		}
	}
	return [a,ser];
}
function PHP_UnSerializer__Common_ArrayObject(tmp) {
	alert(draw_analized_object(tmp));
	var l;
	var key;
	var a = this.__s.indexOf(':',2);
	var k = parseInt(this.__s.substr(2,(a-2)));
	this.reduce((a+2));
	if(k!=0) {
		do {
			key = this[this.__s.substr(0,1)]();
			l = this.__s.substr(0,1);
			tmp[key] = this[l]();
			alert(draw_analized_object(tmp));
		}while(--k);
	}
	return tmp;
}
function PHP_Serializer__Object(__s) {
	var o = String(__s.constructor);
	var oname = o.substr(this.__cut,o.indexOf('(')-this.__cut);
	var ser = this.__common_array_object(__s);
	return ('O:'+oname.length+':"'+oname+'":'+ser[0]+':{'+ser[1]+'}');
}
function PHP_UnSerializer__Object() {
	var tmp = 's'+this.__s.substr(1,(this.__s.indexOf(':',4)-1))+';';
	var a = tmp.substr(2,(tmp.indexOf(':',2)-2));
	this.reduce(tmp.length-2);
	var o = tmp.substr((a.length+4),parseInt(a));
	if(eval("typeof("+o+") == 'undefined'"))
		eval('function '+o+'(){}');
	tmp = 'tmp = this.__common(new '+o+'());';
	eval(tmp);
	this.reduce(1);
	return tmp;
}
function PHP_Serializer__Array(__s) {
	var ser = this.__common_array_object(__s);
	return ('a:'+ser[0]+':{'+ser[1]+'}');
}
function PHP_UnSerializer__Array() {
	alert("PHP_UnSerializer__Array "+this.__s);
	var tmp = this.__common(new Array());
	this.reduce(1);
	return tmp;
}
function PHP_Serializer__serialize(what) {
	if(what==null)
		var ser = this.__undefined();
	else if(!this[what.constructor])
		var ser = this[Object](what);
	else
		var ser = this[what.constructor](what);
	return ser;
}
function PHP_UnSerializer__Reducer(l) {
	this.__s = this.__s.substr(l,(this.__s.length-l));
}
function PHP_UnSerializer__unserialize(what) {
	this.__s = what;
	delete what;
	alert("PHP_UnSerializer__unserialize "+this.__s);
	return this[this.__s.substr(0,1)]();
}
PHP_Serializer.prototype[Boolean] = PHP_Serializer__Boolean;
PHP_Serializer.prototype[Number] =
PHP_Serializer.prototype.__number = PHP_Serializer__Number;
PHP_Serializer.prototype[String] =
PHP_Serializer.prototype.__string = PHP_Serializer__String;
PHP_Serializer.prototype[Function] = PHP_Serializer__Function;
PHP_Serializer.prototype[Date] = 
PHP_Serializer.prototype[Error] = 
PHP_Serializer.prototype[Object] = PHP_Serializer__Object;
PHP_Serializer.prototype[Array] = PHP_Serializer__Array;
PHP_Serializer.prototype.__common_array_object = PHP_Serializer__Common_ArrayObject;
PHP_Serializer.prototype.__undefined = PHP_Serializer__Undefined;
PHP_Serializer.prototype.serialize = PHP_Serializer__serialize;
PHP_Serializer.prototype.reduce = PHP_UnSerializer__Reducer;
PHP_Serializer.prototype.s = PHP_UnSerializer__String;
PHP_Serializer.prototype.b = PHP_UnSerializer__Boolean;
PHP_Serializer.prototype.i =
PHP_Serializer.prototype.d = PHP_UnSerializer__Number;
PHP_Serializer.prototype.N = PHP_UnSerializer__Undefined;
PHP_Serializer.prototype.__common = PHP_UnSerializer__Common_ArrayObject;
PHP_Serializer.prototype.O = PHP_UnSerializer__Object;
PHP_Serializer.prototype.a = PHP_UnSerializer__Array;
PHP_Serializer.prototype.unserialize = PHP_UnSerializer__unserialize;
var a = new PHP_Serializer();
var ajax_debug_mode = (typeof(debug_mode)=="boolean" && debug_mode==true)?true:false;
function ajax_debug(text) {
  if (ajax_debug_mode){
    if(get_element('debug_inner')){
      ADDRinnerHTML('debug_inner',new Date().toTimeString()+": "+text+'<br/>');
    }
  }
}
var ods = new Array();
function kd(url,ld,ob,md,nd){
  var found = false;
  var _i_ = 0; //current i
  for(var i in ods){
    if(typeof(ods[i])=="object"){
      if(ods[i].finished){
        _i_ = i;
        ods[_i_].finished = false;
        found = true;
        break;
      }
    }
  }
  if(!found){
    _i_ = ods.length;
    ods[_i_]=new Object();
    ajax_debug("Adding objects to ods current_i (_i_):"+_i_+" "+navigator.userAgent);
  }
  
  if(!found || navigator.userAgent.indexOf('MSIE 7')>=0 || navigator.userAgent.indexOf('MSIE 6')>=0 || navigator.userAgent.indexOf('MSIE 5')>=0){
  //var od;
  if(window.XMLHttpRequest){
    ods[_i_].od=new XMLHttpRequest();
  }
  else if(window.ActiveXObject){
    try{
      ods[_i_].od=new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e){
      try{
        ods[_i_].od=new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(e){}
    }
  }
  else{throw'Can not create XMLHTTP-instance';}

  try{
    ods[_i_].od.i=_i_;
  }
  catch(e){}


  /*
  ods[_i_].od.onload = function(){
    ajax_debug("od "+this.i+"; recieved " + this.responseText);
    try{
      ld(this.responseText,ob);
    }
    catch(err){
      ajax_debug("od "+this.i+"; Caught error " + err + ": Could not eval " + this.responseText );
    }
    ods[this.i].finished = true;
    ajax_debug("od "+this.i+"; finished: "+ods[this.i].finished);
  }
  */

  ods[_i_].od.onreadystatechange=function(){
    if(this.readyState==4){
      if(this.status==200 || this.status==206){
        var pd=this.getResponseHeader('Content-Type');
        pd=pd.substr(0,pd.indexOf(';'));
        try{
          switch(pd){
            case 'application/json':
              ajax_debug("od "+this.i+"; recieved " + this.responseText);
              ods[this.i].ld((this.responseText==''?null:eval('('+this.responseText+')')),ods[this.i].ob);
              break;
            case 'text/plain':case 'text/html':
              ajax_debug("od "+this.i+"; recieved " + this.responseText);
              ods[this.i].ld(this.responseText,ods[this.i].ob);
              break;
            default:
              ajax_debug("od "+this.i+"; Illegal content type " + pd);
              throw'Illegal content type';
          }
        }
        catch(err){
          ajax_debug("od "+this.i+"; Caught error " + err + ": Could not eval " + this.responseText );
        }
      }
      else{
        ajax_debug("od "+this.i+"; An error has occurred during request; status return: "+this.status);
        throw 'An error has occurred during request';
      }
      ods[this.i].finished = true;
      ajax_debug("od "+this.i+"; finished: "+ods[this.i].finished);
    }
    else {
      ajax_debug("od "+this.i+"; still waiting... readyState="+this.readyState);
    }
  };
  }


  url = ((typeof(prefix_root)!="undefined")?prefix_root+"/":"")+url;
  if(md===undefined){
    md='GET';
  }
  ods[_i_].ld=ld;
  ods[_i_].ob=ob;

  ajax_debug("od "+_i_+"; uri = " + url + " / ld = " + ld);
  ods[_i_].od.open(md,url,true);
  if(md=='POST'){
    ods[_i_].od.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=utf-8');
    var qd=rd(nd);
    ajax_debug("od "+_i_+"; to send using POST  qd = " + qd);
  }
  else{
    var qd=null;
  }
  ods[_i_].od.send(qd);
  ajax_debug("od "+_i_+"; waiting... ");
}
function rd(sd){
  var td='';var ud=true;
  for(var vd in sd){
    td+=(ud?'':'&')+vd+'='+window.encodeURI(sd[vd]);
    if(ud){
      ud=false;
    }
  }
  return td;
}
var turnOffYearSpan = false;     // true = Only show This Year and Next, false = show +/- 5 years
var weekStartsOnSunday = false;  // true = Start the week on Sunday, false = start the week on Monday
var showWeekNumber = true;  // true = show week number,  false = do not show week number

var languageCode = "el";	// Possible values: 	en,ge,no,nl,es,pt-br,fr
if(languageCode==""){languageCode="en";};// en = english, ge = german, no = norwegian,nl = dutch, es = spanish, pt-br = portuguese, fr = french, da = danish, hu = hungarian(Use UTF-8 doctype for hungarian)
				

var calendar_display_time = true;

// Format of current day at the bottom of the calendar
// [todayString] = the value of todayString
// [dayString] = day of week (examle: mon, tue, wed...)
// [UCFdayString] = day of week (examle: Mon, Tue, Wed...) ( First letter in uppercase)
// [day] = Day of month, 1..31
// [monthString] = Name of current month
// [year] = Current year
var todayStringFormat = '[todayString] [UCFdayString]. [day]. [monthString]';// [year]';
var pathToImages = 'images/calendar/';	// Relative to your HTML file

var speedOfSelectBoxSliding = 200;	// Milliseconds between changing year and hour when holding mouse over "-" and "+" - lower value = faster
var intervalSelectBox_minutes = 5;	// Minute select box - interval between each option (5 = default)

var calendar_offsetTop = 0;		// Offset - calendar placement - You probably have to modify this value if you're not using a strict doctype
var calendar_offsetLeft = 0;	// Offset - calendar placement - You probably have to modify this value if you're not using a strict doctype
var calendarDiv = false;

var MSIE = false;
var Opera = false;
if(navigator.userAgent.indexOf('MSIE')>=0 && navigator.userAgent.indexOf('Opera')<0)MSIE=true;
if(navigator.userAgent.indexOf('Opera')>=0)Opera=true;


switch(languageCode){
	case "en":	/* English */
		var monthArray = ['January','February','March','April','May','June','July','August','September','October','November','December'];
		var monthArrayShort = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
		var dayArray = ['Mon','Tue','Wed','Thu','Fri','Sat','Sun'];
		var weekString = 'Week';
		var todayString = '';
		break;
	case "el":	/* Greek */
		var monthArray = ['Ιανουαρίου','Φεβρουαρίου','Μαρτίου','Απριλίου','Μαΐου','Ιουνίου','Ιουλίου','Αυγούστου','Σεπτεμβρίου','Οκτωβρίου','Νοεμβρίου','Δεκεμβρίου'];
		var monthArrayShort = ['Ιαν','Φεβ','Μαρ','Απρ','Μαΐ','Ιουν','Ιουλ','Αυγ','Σεπ','Οκτ','Νοε','Δεκ'];
		var dayArray = ['Δε','Τρ','Τε','Πε','Πα','Σα','Κυ'];
		var weekString = 'εβ';
		var todayString = 'Σήμερα';
		break;	
}

if (weekStartsOnSunday) {
   var tempDayName = dayArray[6];
   for(var theIx = 6; theIx > 0; theIx--) {
      dayArray[theIx] = dayArray[theIx-1];
   }
   dayArray[0] = tempDayName;
}



var daysInMonthArray = [31,28,31,30,31,30,31,31,30,31,30,31];
var currentMonth;
var currentYear;
var currentHour;
var currentMinute;
var calendarContentDiv;
var returnDateTo;
var returnFormat;
var activeSelectBoxMonth;
var activeSelectBoxYear;
var activeSelectBoxHour;
var activeSelectBoxMinute;

var iframeObj = false;
//// fix for EI frame problem on time dropdowns 09/30/2006
var iframeObj2 =false;
function EIS_FIX_EI1(where2fixit)
{

		if(!iframeObj2)return;
		iframeObj2.style.display = 'block';
		iframeObj2.style.height =document.getElementById(where2fixit).offsetHeight+1;
		iframeObj2.style.width=document.getElementById(where2fixit).offsetWidth;
		iframeObj2.style.left=getleftPos(document.getElementById(where2fixit))+1-calendar_offsetLeft;
		iframeObj2.style.top=getTopPos(document.getElementById(where2fixit))-document.getElementById(where2fixit).offsetHeight-calendar_offsetTop;
}

function EIS_Hide_Frame()
{		if(iframeObj2)iframeObj2.style.display = 'none';}
//// fix for EI frame problem on time dropdowns 09/30/2006
var returnDateToYear;
var returnDateToMonth;
var returnDateToDay;
var returnDateToHour;
var returnDateToMinute;

var inputYear;
var inputMonth;
var inputDay;
var inputHour;
var inputMinute;
var calendarDisplayTime = false;

var selectBoxHighlightColor = '#D60808'; // Highlight color of select boxes
var selectBoxRolloverBgColor = '#E2EBED'; // Background color on drop down lists(rollover)

var selectBoxMovementInProgress = false;
var activeSelectBox = false;

function cancelCalendarEvent()
{
	return false;
}
function isLeapYear(inputYear)
{
	if(inputYear%400==0||(inputYear%4==0&&inputYear%100!=0)) return true;
	return false;

}
var activeSelectBoxMonth = false;
var activeSelectBoxDirection = false;

function highlightMonthYear()
{
	if(activeSelectBoxMonth)activeSelectBoxMonth.className='';
	activeSelectBox = this;


	if(this.className=='monthYearActive'){
		this.className='';
	}else{
		this.className = 'monthYearActive';
		activeSelectBoxMonth = this;
	}

	if(this.innerHTML.indexOf('-')>=0 || this.innerHTML.indexOf('+')>=0){
		if(this.className=='monthYearActive')
			selectBoxMovementInProgress = true;
		else
			selectBoxMovementInProgress = false;
		if(this.innerHTML.indexOf('-')>=0)activeSelectBoxDirection = -1; else activeSelectBoxDirection = 1;

	}else selectBoxMovementInProgress = false;

}

function showMonthDropDown()
{
	if(document.getElementById('monthDropDown').style.display=='block'){
		document.getElementById('monthDropDown').style.display='none';
		//// fix for EI frame problem on time dropdowns 09/30/2006
				EIS_Hide_Frame();
	}else{
		document.getElementById('monthDropDown').style.display='block';
		document.getElementById('yearDropDown').style.display='none';
		document.getElementById('hourDropDown').style.display='none';
		document.getElementById('minuteDropDown').style.display='none';
			if (MSIE)
		{ EIS_FIX_EI1('monthDropDown')}
		//// fix for EI frame problem on time dropdowns 09/30/2006

	}
}

function showYearDropDown()
{
	if(document.getElementById('yearDropDown').style.display=='block'){
		document.getElementById('yearDropDown').style.display='none';
		//// fix for EI frame problem on time dropdowns 09/30/2006
				EIS_Hide_Frame();
	}else{
		document.getElementById('yearDropDown').style.display='block';
		document.getElementById('monthDropDown').style.display='none';
		document.getElementById('hourDropDown').style.display='none';
		document.getElementById('minuteDropDown').style.display='none';
			if (MSIE)
		{ EIS_FIX_EI1('yearDropDown')}
		//// fix for EI frame problem on time dropdowns 09/30/2006

	}

}
function showHourDropDown()
{
	if(document.getElementById('hourDropDown').style.display=='block'){
		document.getElementById('hourDropDown').style.display='none';
		//// fix for EI frame problem on time dropdowns 09/30/2006
				EIS_Hide_Frame();
	}else{
		document.getElementById('hourDropDown').style.display='block';
		document.getElementById('monthDropDown').style.display='none';
		document.getElementById('yearDropDown').style.display='none';
		document.getElementById('minuteDropDown').style.display='none';
				if (MSIE)
		{ EIS_FIX_EI1('hourDropDown')}
		//// fix for EI frame problem on time dropdowns 09/30/2006
	}

}
function showMinuteDropDown()
{
	if(document.getElementById('minuteDropDown').style.display=='block'){
		document.getElementById('minuteDropDown').style.display='none';
		//// fix for EI frame problem on time dropdowns 09/30/2006
				EIS_Hide_Frame();
	}else{
		document.getElementById('minuteDropDown').style.display='block';
		document.getElementById('monthDropDown').style.display='none';
		document.getElementById('yearDropDown').style.display='none';
		document.getElementById('hourDropDown').style.display='none';
				if (MSIE)
		{ EIS_FIX_EI1('minuteDropDown')}
		//// fix for EI frame problem on time dropdowns 09/30/2006
	}

}

function selectMonth()
{
	document.getElementById('calendar_month_txt').innerHTML = this.innerHTML
	currentMonth = this.id.replace(/[^\d]/g,'');

	document.getElementById('monthDropDown').style.display='none';
	//// fix for EI frame problem on time dropdowns 09/30/2006
				EIS_Hide_Frame();
	for(var no=0;no<monthArray.length;no++){
		document.getElementById('monthDiv_'+no).style.color='';
	}
	this.style.color = selectBoxHighlightColor;
	activeSelectBoxMonth = this;
	writeCalendarContent();

}

function selectHour()
{
	document.getElementById('calendar_hour_txt').innerHTML = this.innerHTML
	currentHour = this.innerHTML.replace(/[^\d]/g,'');
	document.getElementById('hourDropDown').style.display='none';
	//// fix for EI frame problem on time dropdowns 09/30/2006
				EIS_Hide_Frame();
	if(activeSelectBoxHour){
		activeSelectBoxHour.style.color='';
	}
	activeSelectBoxHour=this;
	this.style.color = selectBoxHighlightColor;
}

function selectMinute()
{
	document.getElementById('calendar_minute_txt').innerHTML = this.innerHTML
	currentMinute = this.innerHTML.replace(/[^\d]/g,'');
	document.getElementById('minuteDropDown').style.display='none';
	//// fix for EI frame problem on time dropdowns 09/30/2006
				EIS_Hide_Frame();
	if(activeSelectBoxMinute){
		activeSelectBoxMinute.style.color='';
	}
	activeSelectBoxMinute=this;
	this.style.color = selectBoxHighlightColor;
}


function selectYear()
{
	document.getElementById('calendar_year_txt').innerHTML = this.innerHTML
	currentYear = this.innerHTML.replace(/[^\d]/g,'');
	document.getElementById('yearDropDown').style.display='none';
	//// fix for EI frame problem on time dropdowns 09/30/2006
				EIS_Hide_Frame();
	if(activeSelectBoxYear){
		activeSelectBoxYear.style.color='';
	}
	activeSelectBoxYear=this;
	this.style.color = selectBoxHighlightColor;
	writeCalendarContent();

}

function switchMonth()
{
	if(this.src.indexOf('left')>=0){
		currentMonth=currentMonth-1;;
		if(currentMonth<0){
			currentMonth=11;
			currentYear=currentYear-1;
		}
	}else{
		currentMonth=currentMonth+1;;
		if(currentMonth>11){
			currentMonth=0;
			currentYear=currentYear/1+1;
		}
	}

	writeCalendarContent();


}

function createMonthDiv(){
	var div = document.createElement('DIV');
	div.className='monthYearPicker';
	div.id = 'monthPicker';

	for(var no=0;no<monthArray.length;no++){
		var subDiv = document.createElement('DIV');
		subDiv.innerHTML = monthArray[no];
		subDiv.onmouseover = highlightMonthYear;
		subDiv.onmouseout = highlightMonthYear;
		subDiv.onclick = selectMonth;
		subDiv.id = 'monthDiv_' + no;
		subDiv.style.width = '56px';
		subDiv.onselectstart = cancelCalendarEvent;
		div.appendChild(subDiv);
		if(currentMonth && currentMonth==no){
			subDiv.style.color = selectBoxHighlightColor;
			activeSelectBoxMonth = subDiv;
		}

	}
	return div;

}

function changeSelectBoxYear(e,inputObj)
{
	if(!inputObj)inputObj =this;
	var yearItems = inputObj.parentNode.getElementsByTagName('DIV');
	if(inputObj.innerHTML.indexOf('-')>=0){
		var startYear = yearItems[1].innerHTML/1 -1;
		if(activeSelectBoxYear){
			activeSelectBoxYear.style.color='';
		}
	}else{
		var startYear = yearItems[1].innerHTML/1 +1;
		if(activeSelectBoxYear){
			activeSelectBoxYear.style.color='';

		}
	}

	for(var no=1;no<yearItems.length-1;no++){
		yearItems[no].innerHTML = startYear+no-1;
		yearItems[no].id = 'yearDiv' + (startYear/1+no/1-1);

	}
	if(activeSelectBoxYear){
		activeSelectBoxYear.style.color='';
		if(document.getElementById('yearDiv'+currentYear)){
			activeSelectBoxYear = document.getElementById('yearDiv'+currentYear);
			activeSelectBoxYear.style.color=selectBoxHighlightColor;;
		}
	}
}
function changeSelectBoxHour(e,inputObj)
{
	if(!inputObj)inputObj = this;

	var hourItems = inputObj.parentNode.getElementsByTagName('DIV');
	if(inputObj.innerHTML.indexOf('-')>=0){
		var startHour = hourItems[1].innerHTML/1 -1;
		if(startHour<0)startHour=0;
		if(activeSelectBoxHour){
			activeSelectBoxHour.style.color='';
		}
	}else{
		var startHour = hourItems[1].innerHTML/1 +1;
		if(startHour>14)startHour = 14;
		if(activeSelectBoxHour){
			activeSelectBoxHour.style.color='';

		}
	}
	var prefix = '';
	for(var no=1;no<hourItems.length-1;no++){
		if((startHour/1 + no/1) < 11)prefix = '0'; else prefix = '';
		hourItems[no].innerHTML = prefix + (startHour+no-1);

		hourItems[no].id = 'hourDiv' + (startHour/1+no/1-1);

	}
	if(activeSelectBoxHour){
		activeSelectBoxHour.style.color='';
		if(document.getElementById('hourDiv'+currentHour)){
			activeSelectBoxHour = document.getElementById('hourDiv'+currentHour);
			activeSelectBoxHour.style.color=selectBoxHighlightColor;;
		}
	}
}

function updateYearDiv()
{
    var yearSpan = 5;
    if (turnOffYearSpan) {
       yearSpan = 0;
    }
	var div = document.getElementById('yearDropDown');
	var yearItems = div.getElementsByTagName('DIV');
	for(var no=1;no<yearItems.length-1;no++){
		yearItems[no].innerHTML = currentYear/1 -yearSpan + no;
		if(currentYear==(currentYear/1 -yearSpan + no)){
			yearItems[no].style.color = selectBoxHighlightColor;
			activeSelectBoxYear = yearItems[no];
		}else{
			yearItems[no].style.color = '';
		}
	}
}

function updateMonthDiv()
{
	for(no=0;no<12;no++){
		document.getElementById('monthDiv_' + no).style.color = '';
	}
	document.getElementById('monthDiv_' + currentMonth).style.color = selectBoxHighlightColor;
	activeSelectBoxMonth = 	document.getElementById('monthDiv_' + currentMonth);
}


function updateHourDiv()
{
	var div = document.getElementById('hourDropDown');
	var hourItems = div.getElementsByTagName('DIV');

	var addHours = 0;
	if((currentHour/1 -6 + 1)<0){
		addHours = 	(currentHour/1 -6 + 1)*-1;
	}
	for(var no=1;no<hourItems.length-1;no++){
		var prefix='';
		if((currentHour/1 -6 + no + addHours) < 10)prefix='0';
		hourItems[no].innerHTML = prefix +  (currentHour/1 -6 + no + addHours);
		if(currentHour==(currentHour/1 -6 + no)){
			hourItems[no].style.color = selectBoxHighlightColor;
			activeSelectBoxHour = hourItems[no];
		}else{
			hourItems[no].style.color = '';
		}
	}
}

function updateMinuteDiv()
{
	for(no=0;no<60;no+=intervalSelectBox_minutes){
		var prefix = '';
		if(no<10)prefix = '0';

		document.getElementById('minuteDiv_' + prefix + no).style.color = '';
	}
	if(document.getElementById('minuteDiv_' + currentMinute)){
		document.getElementById('minuteDiv_' + currentMinute).style.color = selectBoxHighlightColor;
		activeSelectBoxMinute = document.getElementById('minuteDiv_' + currentMinute);
	}
}



function createYearDiv()
{

	if(!document.getElementById('yearDropDown')){
		var div = document.createElement('DIV');
		div.className='monthYearPicker';
	}else{
		var div = document.getElementById('yearDropDown');
		var subDivs = div.getElementsByTagName('DIV');
		for(var no=0;no<subDivs.length;no++){
			subDivs[no].parentNode.removeChild(subDivs[no]);
		}
	}


	var d = new Date();
	if(currentYear){
		d.setFullYear(currentYear);
	}

	var startYear = d.getFullYear()/1 - 5;

    var yearSpan = 10;
	if (! turnOffYearSpan) {
    	var subDiv = document.createElement('DIV');
    	subDiv.innerHTML = '&nbsp;&nbsp;- ';
    	subDiv.onclick = changeSelectBoxYear;
    	subDiv.onmouseover = highlightMonthYear;
    	subDiv.onmouseout = function(){ selectBoxMovementInProgress = false;};
    	subDiv.onselectstart = cancelCalendarEvent;
    	div.appendChild(subDiv);
    } else {
       startYear = d.getFullYear()/1 - 0;
       yearSpan = 2;
    }

	for(var no=startYear;no<(startYear+yearSpan);no++){
		var subDiv = document.createElement('DIV');
		subDiv.innerHTML = no;
		subDiv.onmouseover = highlightMonthYear;
		subDiv.onmouseout = highlightMonthYear;
		subDiv.onclick = selectYear;
		subDiv.id = 'yearDiv' + no;
		subDiv.onselectstart = cancelCalendarEvent;
		div.appendChild(subDiv);
		if(currentYear && currentYear==no){
			subDiv.style.color = selectBoxHighlightColor;
			activeSelectBoxYear = subDiv;
		}
	}
	if (! turnOffYearSpan) {
    	var subDiv = document.createElement('DIV');
    	subDiv.innerHTML = '&nbsp;&nbsp;+ ';
    	subDiv.onclick = changeSelectBoxYear;
    	subDiv.onmouseover = highlightMonthYear;
    	subDiv.onmouseout = function(){ selectBoxMovementInProgress = false;};
    	subDiv.onselectstart = cancelCalendarEvent;
    	div.appendChild(subDiv);
	}
	return div;
}

/* This function creates the hour div at the bottom bar */

function slideCalendarSelectBox()
{
	if(selectBoxMovementInProgress){
		if(activeSelectBox.parentNode.id=='hourDropDown'){
			changeSelectBoxHour(false,activeSelectBox);
		}
		if(activeSelectBox.parentNode.id=='yearDropDown'){
			changeSelectBoxYear(false,activeSelectBox);
		}

	}
	setTimeout('slideCalendarSelectBox()',speedOfSelectBoxSliding);

}

function createHourDiv()
{
	if(!document.getElementById('hourDropDown')){
		var div = document.createElement('DIV');
		div.className='monthYearPicker';
	}else{
		var div = document.getElementById('hourDropDown');
		var subDivs = div.getElementsByTagName('DIV');
		for(var no=0;no<subDivs.length;no++){
			subDivs[no].parentNode.removeChild(subDivs[no]);
		}
	}

	if(!currentHour)currentHour=0;
	var startHour = currentHour/1;
	if(startHour>14)startHour=14;

	var subDiv = document.createElement('DIV');
	subDiv.innerHTML = '&nbsp;&nbsp;- ';
	subDiv.onclick = changeSelectBoxHour;
	subDiv.onmouseover = highlightMonthYear;
	subDiv.onmouseout = function(){ selectBoxMovementInProgress = false;};
	subDiv.onselectstart = cancelCalendarEvent;
	div.appendChild(subDiv);

	for(var no=startHour;no<startHour+10;no++){
		var prefix = '';
		if(no/1<10)prefix='0';
		var subDiv = document.createElement('DIV');
		subDiv.innerHTML = prefix + no;
		subDiv.onmouseover = highlightMonthYear;
		subDiv.onmouseout = highlightMonthYear;
		subDiv.onclick = selectHour;
		subDiv.id = 'hourDiv' + no;
		subDiv.onselectstart = cancelCalendarEvent;
		div.appendChild(subDiv);
		if(currentYear && currentYear==no){
			subDiv.style.color = selectBoxHighlightColor;
			activeSelectBoxYear = subDiv;
		}
	}
	var subDiv = document.createElement('DIV');
	subDiv.innerHTML = '&nbsp;&nbsp;+ ';
	subDiv.onclick = changeSelectBoxHour;
	subDiv.onmouseover = highlightMonthYear;
	subDiv.onmouseout = function(){ selectBoxMovementInProgress = false;};
	subDiv.onselectstart = cancelCalendarEvent;
	div.appendChild(subDiv);

	return div;
}
/* This function creates the minute div at the bottom bar */

function createMinuteDiv()
{
	if(!document.getElementById('minuteDropDown')){
		var div = document.createElement('DIV');
		div.className='monthYearPicker';
	}else{
		var div = document.getElementById('minuteDropDown');
		var subDivs = div.getElementsByTagName('DIV');
		for(var no=0;no<subDivs.length;no++){
			subDivs[no].parentNode.removeChild(subDivs[no]);
		}
	}
	var startMinute = 0;
	var prefix = '';
	for(var no=startMinute;no<60;no+=intervalSelectBox_minutes){

		if(no<10)prefix='0'; else prefix = '';
		var subDiv = document.createElement('DIV');
		subDiv.innerHTML = prefix + no;
		subDiv.onmouseover = highlightMonthYear;
		subDiv.onmouseout = highlightMonthYear;
		subDiv.onclick = selectMinute;
		subDiv.id = 'minuteDiv_' + prefix +  no;
		subDiv.onselectstart = cancelCalendarEvent;
		div.appendChild(subDiv);
		if(currentYear && currentYear==no){
			subDiv.style.color = selectBoxHighlightColor;
			activeSelectBoxYear = subDiv;
		}
	}
	return div;
}

function highlightSelect()
{

	if(this.className=='selectBoxTime'){
		this.className = 'selectBoxTimeOver';
		this.getElementsByTagName('IMG')[0].src = pathToImages + 'down_time_over.gif';
	}else if(this.className=='selectBoxTimeOver'){
		this.className = 'selectBoxTime';
		this.getElementsByTagName('IMG')[0].src = pathToImages + 'down_time.gif';
	}

	if(this.className=='selectBox'){
		this.className = 'selectBoxOver';
		this.getElementsByTagName('IMG')[0].src = pathToImages + 'down_over.gif';
	}else if(this.className=='selectBoxOver'){
		this.className = 'selectBox';
		this.getElementsByTagName('IMG')[0].src = pathToImages + 'down.gif';
	}

}

function highlightArrow()
{
	if(this.src.indexOf('over')>=0){
		if(this.src.indexOf('left')>=0)this.src = pathToImages + 'left.gif';
		if(this.src.indexOf('right')>=0)this.src = pathToImages + 'right.gif';
	}else{
		if(this.src.indexOf('left')>=0)this.src = pathToImages + 'left_over.gif';
		if(this.src.indexOf('right')>=0)this.src = pathToImages + 'right_over.gif';
	}
}

function highlightClose()
{
	if(this.src.indexOf('over')>=0){
		this.src = pathToImages + 'close.gif';
	}else{
		this.src = pathToImages + 'close_over.gif';
	}

}

function closeCalendar(){

	document.getElementById('yearDropDown').style.display='none';
	document.getElementById('monthDropDown').style.display='none';
	document.getElementById('hourDropDown').style.display='none';
	document.getElementById('minuteDropDown').style.display='none';

	calendarDiv.style.display='none';
	if(iframeObj){
		iframeObj.style.display='none';
		 //// //// fix for EI frame problem on time dropdowns 09/30/2006
			EIS_Hide_Frame();}
	if(activeSelectBoxMonth)activeSelectBoxMonth.className='';
	if(activeSelectBoxYear)activeSelectBoxYear.className='';


}

function writeTopBar()
{

	var topBar = document.createElement('DIV');
	topBar.className = 'topBar';
	topBar.id = 'topBar';
	calendarDiv.appendChild(topBar);

	// Left arrow
	var leftDiv = document.createElement('DIV');
	leftDiv.style.marginRight = '1px';
	var img = document.createElement('IMG');
	img.src = pathToImages + 'left.gif';
	img.onmouseover = highlightArrow;
	img.onclick = switchMonth;
	img.onmouseout = highlightArrow;
	leftDiv.appendChild(img);
	topBar.appendChild(leftDiv);
	if(Opera)leftDiv.style.width = '16px';

	// Right arrow
	var rightDiv = document.createElement('DIV');
	rightDiv.style.marginRight = '1px';
	var img = document.createElement('IMG');
	img.src = pathToImages + 'right.gif';
	img.onclick = switchMonth;
	img.onmouseover = highlightArrow;
	img.onmouseout = highlightArrow;
	rightDiv.appendChild(img);
	if(Opera)rightDiv.style.width = '16px';
	topBar.appendChild(rightDiv);


	// Month selector
	var monthDiv = document.createElement('DIV');
	monthDiv.id = 'monthSelect';
	monthDiv.onmouseover = highlightSelect;
	monthDiv.onmouseout = highlightSelect;
	monthDiv.onclick = showMonthDropDown;
	var span = document.createElement('SPAN');
	span.innerHTML = monthArray[currentMonth];
	span.id = 'calendar_month_txt';
	monthDiv.appendChild(span);

	var img = document.createElement('IMG');
	img.src = pathToImages + 'down.gif';
	img.style.position = 'absolute';
	img.style.right = '0px';
	monthDiv.appendChild(img);
	monthDiv.className = 'selectBox';
	if(Opera){
		img.style.cssText = 'float:right;position:relative';
		img.style.position = 'relative';
		img.style.styleFloat = 'right';
	}
	topBar.appendChild(monthDiv);

	var monthPicker = createMonthDiv();
	monthPicker.style.left = '37px';
	monthPicker.style.top = monthDiv.offsetTop + monthDiv.offsetHeight + 1 + 'px';
	monthPicker.style.width ='60px';
	monthPicker.id = 'monthDropDown';

	calendarDiv.appendChild(monthPicker);

	// Year selector
	var yearDiv = document.createElement('DIV');
	yearDiv.onmouseover = highlightSelect;
	yearDiv.onmouseout = highlightSelect;
	yearDiv.onclick = showYearDropDown;
	var span = document.createElement('SPAN');
	span.innerHTML = currentYear;
	span.id = 'calendar_year_txt';
	yearDiv.appendChild(span);
	topBar.appendChild(yearDiv);

	var img = document.createElement('IMG');
	img.src = pathToImages + 'down.gif';
	yearDiv.appendChild(img);
	yearDiv.className = 'selectBox';

	if(Opera){
		yearDiv.style.width = '50px';
		img.style.cssText = 'float:right';
		img.style.position = 'relative';
		img.style.styleFloat = 'right';
	}

	var yearPicker = createYearDiv();
	yearPicker.style.left = '113px';
	yearPicker.style.top = monthDiv.offsetTop + monthDiv.offsetHeight + 1 + 'px';
	yearPicker.style.width = '35px';
	yearPicker.id = 'yearDropDown';
	calendarDiv.appendChild(yearPicker);


	var img = document.createElement('IMG');
	img.src = pathToImages + 'close.gif';
	img.style.styleFloat = 'right';
	img.onmouseover = highlightClose;
	img.onmouseout = highlightClose;
	img.onclick = closeCalendar;
	topBar.appendChild(img);
	if(!document.all){
		img.style.position = 'absolute';
		img.style.right = '2px';
	}



}

function writeCalendarContent()
{
	var calendarContentDivExists = true;
	if(!calendarContentDiv){
		calendarContentDiv = document.createElement('DIV');
		calendarDiv.appendChild(calendarContentDiv);
		calendarContentDivExists = false;
	}
	currentMonth = currentMonth/1;
	var d = new Date();

	d.setFullYear(currentYear);
	d.setDate(1);
	d.setMonth(currentMonth);

	var dayStartOfMonth = d.getDay();
	if (! weekStartsOnSunday) {
      if(dayStartOfMonth==0)dayStartOfMonth=7;
      dayStartOfMonth--;
   }

	document.getElementById('calendar_year_txt').innerHTML = currentYear;
	document.getElementById('calendar_month_txt').innerHTML = monthArray[currentMonth];
	document.getElementById('calendar_hour_txt').innerHTML = currentHour;
	document.getElementById('calendar_minute_txt').innerHTML = currentMinute;

	var existingTable = calendarContentDiv.getElementsByTagName('TABLE');
	if(existingTable.length>0){
		calendarContentDiv.removeChild(existingTable[0]);
	}

	var calTable = document.createElement('TABLE');
	calTable.width = '100%';
	calTable.cellSpacing = '0';
	calendarContentDiv.appendChild(calTable);




	var calTBody = document.createElement('TBODY');
	calTable.appendChild(calTBody);
	var row = calTBody.insertRow(-1);
	row.className = 'calendar_week_row';
   if (showWeekNumber) {
      var cell = row.insertCell(-1);
	   cell.innerHTML = weekString;
	   cell.className = 'calendar_week_column';
	   cell.style.backgroundColor = selectBoxRolloverBgColor;
	}

	for(var no=0;no<dayArray.length;no++){
		var cell = row.insertCell(-1);
		cell.innerHTML = dayArray[no];
	}

	var row = calTBody.insertRow(-1);

   if (showWeekNumber) {
	   var cell = row.insertCell(-1);
	   cell.className = 'calendar_week_column';
	   cell.style.backgroundColor = selectBoxRolloverBgColor;
	   var week = getWeek(currentYear,currentMonth,1);
	   cell.innerHTML = week;		// Week
	}
	for(var no=0;no<dayStartOfMonth;no++){
		var cell = row.insertCell(-1);
		cell.innerHTML = '&nbsp;';
	}

	var colCounter = dayStartOfMonth;
	var daysInMonth = daysInMonthArray[currentMonth];
	if(daysInMonth==28){
		if(isLeapYear(currentYear))daysInMonth=29;
	}

	for(var no=1;no<=daysInMonth;no++){
		d.setDate(no-1);
		if(colCounter>0 && colCounter%7==0){
			var row = calTBody.insertRow(-1);
         if (showWeekNumber) {
            var cell = row.insertCell(-1);
            cell.className = 'calendar_week_column';
            var week = getWeek(currentYear,currentMonth,no);
            cell.innerHTML = week;		// Week
            cell.style.backgroundColor = selectBoxRolloverBgColor;
         }
		}
		var cell = row.insertCell(-1);
		if(currentYear==inputYear && currentMonth == inputMonth && no==inputDay){
			cell.className='activeDay';
		}
		cell.innerHTML = no;
		cell.onclick = pickDate;
		colCounter++;
	}


	if(!document.all){
		if(calendarContentDiv.offsetHeight)
			document.getElementById('topBar').style.top = calendarContentDiv.offsetHeight + document.getElementById('timeBar').offsetHeight + document.getElementById('topBar').offsetHeight -1 + 'px';
		else{
			document.getElementById('topBar').style.top = '';
			document.getElementById('topBar').style.bottom = '0px';
		}

	}

	if(iframeObj){
		if(!calendarContentDivExists)setTimeout('resizeIframe()',350);else setTimeout('resizeIframe()',10);
	}




}

function resizeIframe()
{
	iframeObj.style.width = calendarDiv.offsetWidth + 'px';
	iframeObj.style.height = calendarDiv.offsetHeight + 'px' ;


}

function pickTodaysDate()
{
	var d = new Date();
	currentMonth = d.getMonth();
	currentYear = d.getFullYear();
	pickDate(false,d.getDate());

}

function pickDate(e,inputDay)
{
	var month = currentMonth/1 +1;
	if(month<10)month = '0' + month;
	var day;
	if(!inputDay && this)day = this.innerHTML; else day = inputDay;

	if(day/1<10)day = '0' + day;
	if(currentHour/1<10)currentHour = '0' + currentHour/1;
	if(currentMinute/1<10)currentMinute = '0' + currentMinute/1;
	if(returnFormat){
		returnFormat = returnFormat.replace('dd',day);
		returnFormat = returnFormat.replace('mm',month);
		returnFormat = returnFormat.replace('yyyy',currentYear);
		returnFormat = returnFormat.replace('hh',currentHour);
		returnFormat = returnFormat.replace('ii',currentMinute);
		returnFormat = returnFormat.replace('d',day/1);
		returnFormat = returnFormat.replace('m',month/1);

		returnDateTo.value = returnFormat;
		try{
			returnDateTo.onchange();
		}catch(e){

		}
	}else{
		for(var no=0;no<returnDateToYear.options.length;no++){
			if(returnDateToYear.options[no].value==currentYear){
				returnDateToYear.selectedIndex=no;
				break;
			}
		}
		for(var no=0;no<returnDateToMonth.options.length;no++){
			if(returnDateToMonth.options[no].value==parseInt(month)){
				returnDateToMonth.selectedIndex=no;
				break;
			}
		}
		for(var no=0;no<returnDateToDay.options.length;no++){
			if(returnDateToDay.options[no].value==parseInt(day)){
				returnDateToDay.selectedIndex=no;
				break;
			}
		}
		if(calendarDisplayTime){
			for(var no=0;no<returnDateToHour.options.length;no++){
				if(returnDateToHour.options[no].value==parseInt(currentHour)){
					returnDateToHour.selectedIndex=no;
					break;
				}
			}
			for(var no=0;no<returnDateToMinute.options.length;no++){
				if(returnDateToMinute.options[no].value==parseInt(currentMinute)){
					returnDateToMinute.selectedIndex=no;
					break;
				}
			}
		}
	}
	closeCalendar();

}

// This function is from http://www.codeproject.com/csharp/gregorianwknum.asp
// Only changed the month add
function getWeek(year,month,day){
   if (! weekStartsOnSunday) {
	   day = (day/1);
	} else {
	   day = (day/1)+1;
	}
	year = year /1;
    month = month/1 + 1; //use 1-12
    var a = Math.floor((14-(month))/12);
    var y = year+4800-a;
    var m = (month)+(12*a)-3;
    var jd = day + Math.floor(((153*m)+2)/5) +
                 (365*y) + Math.floor(y/4) - Math.floor(y/100) +
                 Math.floor(y/400) - 32045;      // (gregorian calendar)
    var d4 = (jd+31741-(jd%7))%146097%36524%1461;
    var L = Math.floor(d4/1460);
    var d1 = ((d4-L)%365)+L;
    NumberOfWeek = Math.floor(d1/7) + 1;
    return NumberOfWeek;
}

function writeTimeBar()
{
	var timeBar = document.createElement('DIV');
	timeBar.id = 'timeBar';
	timeBar.className = 'timeBar';

	var subDiv = document.createElement('DIV');
	subDiv.innerHTML = 'Time:';
	//timeBar.appendChild(subDiv);

	// Year selector
	var hourDiv = document.createElement('DIV');
	hourDiv.onmouseover = highlightSelect;
	hourDiv.onmouseout = highlightSelect;
	hourDiv.onclick = showHourDropDown;
	hourDiv.style.width = '30px';
	var span = document.createElement('SPAN');
	span.innerHTML = currentHour;
	span.id = 'calendar_hour_txt';
	hourDiv.appendChild(span);
	timeBar.appendChild(hourDiv);

	var img = document.createElement('IMG');
	img.src = pathToImages + 'down_time.gif';
	hourDiv.appendChild(img);
	hourDiv.className = 'selectBoxTime';

	if(Opera){
		hourDiv.style.width = '30px';
		img.style.cssText = 'float:right';
		img.style.position = 'relative';
		img.style.styleFloat = 'right';
	}

	var hourPicker = createHourDiv();
	hourPicker.style.left = '130px';
	//hourPicker.style.top = monthDiv.offsetTop + monthDiv.offsetHeight + 1 + 'px';
	hourPicker.style.width = '35px';
	hourPicker.id = 'hourDropDown';
	calendarDiv.appendChild(hourPicker);

	// Add Minute picker

	// Year selector
	var minuteDiv = document.createElement('DIV');
	minuteDiv.onmouseover = highlightSelect;
	minuteDiv.onmouseout = highlightSelect;
	minuteDiv.onclick = showMinuteDropDown;
	minuteDiv.style.width = '30px';
	var span = document.createElement('SPAN');
	span.innerHTML = currentMinute;

	span.id = 'calendar_minute_txt';
	minuteDiv.appendChild(span);
	timeBar.appendChild(minuteDiv);

	var img = document.createElement('IMG');
	img.src = pathToImages + 'down_time.gif';
	minuteDiv.appendChild(img);
	minuteDiv.className = 'selectBoxTime';

	if(Opera){
		minuteDiv.style.width = '30px';
		img.style.cssText = 'float:right';
		img.style.position = 'relative';
		img.style.styleFloat = 'right';
	}

	var minutePicker = createMinuteDiv();
	minutePicker.style.left = '167px';
	//minutePicker.style.top = monthDiv.offsetTop + monthDiv.offsetHeight + 1 + 'px';
	minutePicker.style.width = '35px';
	minutePicker.id = 'minuteDropDown';
	calendarDiv.appendChild(minutePicker);


	return timeBar;

}

function writeBottomBar()
{
	var d = new Date();
	var bottomBar = document.createElement('DIV');

	bottomBar.id = 'bottomBar';

	bottomBar.style.cursor = 'pointer';
	bottomBar.className = 'todaysDate';
	// var todayStringFormat = '[todayString] [dayString] [day] [monthString] [year]';	;;

	var subDiv = document.createElement('DIV');
	subDiv.onclick = pickTodaysDate;
	subDiv.id = 'todaysDateString';
	subDiv.style.width = (calendarDiv.offsetWidth - 95) + 'px';
	var day = d.getDay();
	if (! weekStartsOnSunday) {
      if(day==0)day = 7;
      day--;
   }

	var bottomString = todayStringFormat;
	bottomString = bottomString.replace('[monthString]',monthArrayShort[d.getMonth()]);
	bottomString = bottomString.replace('[day]',d.getDate());
	bottomString = bottomString.replace('[year]',d.getFullYear());
	bottomString = bottomString.replace('[dayString]',dayArray[day].toLowerCase());
	bottomString = bottomString.replace('[UCFdayString]',dayArray[day]);
	bottomString = bottomString.replace('[todayString]',todayString);


	subDiv.innerHTML = todayString + ': ' + d.getDate() + '. ' + monthArrayShort[d.getMonth()];// + ', ' +  d.getFullYear() ;
	subDiv.innerHTML = bottomString ;
	bottomBar.appendChild(subDiv);

	var timeDiv = writeTimeBar();
	bottomBar.appendChild(timeDiv);

	calendarDiv.appendChild(bottomBar);



}
function getTopPos(inputObj)
{

  var returnValue = inputObj.offsetTop + inputObj.offsetHeight;
  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetTop;
  return returnValue + calendar_offsetTop;
}

function getleftPos(inputObj)
{
  var returnValue = inputObj.offsetLeft;
  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
  return returnValue + calendar_offsetLeft;
}

function positionCalendar(inputObj)
{
	calendarDiv.style.left = getleftPos(inputObj) + 'px';
	calendarDiv.style.top = getTopPos(inputObj) + 'px';
	if(iframeObj){
		iframeObj.style.left = calendarDiv.style.left;
		iframeObj.style.top =  calendarDiv.style.top;
		//// fix for EI frame problem on time dropdowns 09/30/2006
		iframeObj2.style.left = calendarDiv.style.left;
		iframeObj2.style.top =  calendarDiv.style.top;
	}

}

function initCalendar()
{
	if(MSIE){
		iframeObj = document.createElement('IFRAME');
		iframeObj.style.filter = 'alpha(opacity=0)';
		iframeObj.style.position = 'absolute';
		iframeObj.border='0px';
		iframeObj.style.border = '0px';
		iframeObj.style.backgroundColor = '#FF0000';
		//// fix for EI frame problem on time dropdowns 09/30/2006
		iframeObj2 = document.createElement('IFRAME');
		iframeObj2.style.position = 'absolute';
		iframeObj2.border='0px';
		iframeObj2.style.border = '0px';
		iframeObj2.style.height = '1px';
		iframeObj2.style.width = '1px';
		//// fix for EI frame problem on time dropdowns 09/30/2006
		// Added fixed for HTTPS
		iframeObj2.src = 'blank.html';
		iframeObj.src = 'blank.html';
		document.body.appendChild(iframeObj2);  // gfb move this down AFTER the .src is set
		document.body.appendChild(iframeObj);
	}

	calendarDiv = document.createElement('DIV');
	calendarDiv.id = 'calendarDiv';
	calendarDiv.style.zIndex = 1000;
	slideCalendarSelectBox();

	document.body.appendChild(calendarDiv);
	writeBottomBar();
	writeTopBar();



	if(!currentYear){
		var d = new Date();
		currentMonth = d.getMonth();
		currentYear = d.getFullYear();
	}
	writeCalendarContent();



}

function setTimeProperties()
{
	if(!calendarDisplayTime){
		document.getElementById('timeBar').style.display='none';
		document.getElementById('timeBar').style.visibility='hidden';
		document.getElementById('todaysDateString').style.width = '100%';


	}else{
		document.getElementById('timeBar').style.display='block';
		document.getElementById('timeBar').style.visibility='visible';
		document.getElementById('hourDropDown').style.top = document.getElementById('calendar_minute_txt').parentNode.offsetHeight + calendarContentDiv.offsetHeight + document.getElementById('topBar').offsetHeight + 'px';
		document.getElementById('minuteDropDown').style.top = document.getElementById('calendar_minute_txt').parentNode.offsetHeight + calendarContentDiv.offsetHeight + document.getElementById('topBar').offsetHeight + 'px';
		document.getElementById('minuteDropDown').style.right = '50px';
		document.getElementById('hourDropDown').style.right = '50px';
		document.getElementById('todaysDateString').style.width = '125px';
	}
}

function calendarSortItems(a,b)
{
	return a/1 - b/1;
}


function displayCalendar(inputField,format,buttonObj,displayTime,timeInput)
{
	if(displayTime)calendarDisplayTime=true; else calendarDisplayTime = false;
	
	if(inputField.value.length>6){ //dates must have at least 6 digits...
       if(!inputField.value.match(/^[0-9]*?$/gi)){
       	
			var items = inputField.value.split(/[^0-9]/gi);
			var positionArray = new Object();
			positionArray.m = format.indexOf('mm');
			if(positionArray.m==-1)positionArray.m = format.indexOf('m');
			positionArray.d = format.indexOf('dd');
			if(positionArray.d==-1)positionArray.d = format.indexOf('d');
			positionArray.y = format.indexOf('yyyy');
			positionArray.h = format.indexOf('hh');
			positionArray.i = format.indexOf('ii');

			
			this.initialHour = '00';
			this.initialMinute = '00';				
			var elements = ['y','m','d','h','i'];
			var properties = ['currentYear','currentMonth','inputDay','currentHour','currentMinute'];
			var propertyLength = [4,2,2,2,2];
			for(var i=0;i<elements.length;i++) {
				if(positionArray[elements[i]]>=0) {
					window[properties[i]] = inputField.value.substr(positionArray[elements[i]],propertyLength[i])/1;
				}					
			}
			
			currentMonth--;
		}else{
			var monthPos = format.indexOf('mm');
			currentMonth = inputField.value.substr(monthPos,2)/1 -1;
			var yearPos = format.indexOf('yyyy');
			currentYear = inputField.value.substr(yearPos,4);
			var dayPos = format.indexOf('dd');
			tmpDay = inputField.value.substr(dayPos,2);

			var hourPos = format.indexOf('hh');
			if(hourPos>=0){
				tmpHour = inputField.value.substr(hourPos,2);
				currentHour = tmpHour;
			}else{
				currentHour = '00';
			}
			var minutePos = format.indexOf('ii');
			if(minutePos>=0){
				tmpMinute = inputField.value.substr(minutePos,2);
				currentMinute = tmpMinute;
			}else{
				currentMinute = '00';
			}
		}
	}else{
		var d = new Date();
		currentMonth = d.getMonth();
		currentYear = d.getFullYear();
		currentHour = '08';
		currentMinute = '00';
		inputDay = d.getDate()/1;
	}

	inputYear = currentYear;
	inputMonth = currentMonth;


	if(!calendarDiv){
		initCalendar();
	}else{
		if(calendarDiv.style.display=='block'){
			closeCalendar();
			return false;
		}
		writeCalendarContent();
	}



	returnFormat = format;
	returnDateTo = inputField;
	positionCalendar(buttonObj);
	calendarDiv.style.visibility = 'visible';
	calendarDiv.style.display = 'block';
	if(iframeObj){
		iframeObj.style.display = '';
		iframeObj.style.height = '140px';
		iframeObj.style.width = '195px';
				iframeObj2.style.display = '';
		iframeObj2.style.height = '140px';
		iframeObj2.style.width = '195px';
	}

	setTimeProperties();
	updateYearDiv();
	updateMonthDiv();
	updateMinuteDiv();
	updateHourDiv();

}

function displayCalendarSelectBox(yearInput,monthInput,dayInput,hourInput,minuteInput,buttonObj)
{
	if(!hourInput)calendarDisplayTime=false; else calendarDisplayTime = true;

	currentMonth = monthInput.options[monthInput.selectedIndex].value/1-1;
	currentYear = yearInput.options[yearInput.selectedIndex].value;
	if(hourInput){
		currentHour = hourInput.options[hourInput.selectedIndex].value;
		inputHour = currentHour/1;
	}
	if(minuteInput){
		currentMinute = minuteInput.options[minuteInput.selectedIndex].value;
		inputMinute = currentMinute/1;
	}

	inputYear = yearInput.options[yearInput.selectedIndex].value;
	inputMonth = monthInput.options[monthInput.selectedIndex].value/1 - 1;
	inputDay = dayInput.options[dayInput.selectedIndex].value/1;

	if(!calendarDiv){
		initCalendar();
	}else{
		writeCalendarContent();
	}



	returnDateToYear = yearInput;
	returnDateToMonth = monthInput;
	returnDateToDay = dayInput;
	returnDateToHour = hourInput;
	returnDateToMinute = minuteInput;




	returnFormat = false;
	returnDateTo = false;
	positionCalendar(buttonObj);
	calendarDiv.style.visibility = 'visible';
	calendarDiv.style.display = 'block';
	if(iframeObj){
		iframeObj.style.display = '';
		iframeObj.style.height = calendarDiv.offsetHeight + 'px';
		iframeObj.style.width = calendarDiv.offsetWidth + 'px';
		//// fix for EI frame problem on time dropdowns 09/30/2006
		iframeObj2.style.display = '';
		iframeObj2.style.height = calendarDiv.offsetHeight + 'px';
		iframeObj2.style.width = calendarDiv.offsetWidth + 'px'
	}
	setTimeProperties();
	updateYearDiv();
	updateMonthDiv();
	updateHourDiv();
	updateMinuteDiv();

}

function displayTime(element){
  try{
  //$("#log").append("displayTime<br>");
  //alert("displayTime");
  $(element)[0].onclick=function(){/*$("#log").append("displayTime dummy<br>");*/};
  $(element).timepicker({
    timeOnlyTitle: "Επιλέξτε την ώρα",
    timeText: "Ώρα",
    hourText: "ώρα",
    minuteText: "λεπτά",
    secondText: "",
    currentText: "Τωρινή ώρα",
    closeText: "Κλείσιμο"
  })
  $.mask.definitions['2']='[012]';
  $.mask.definitions['5']='[012345]';
  $(element).mask("29:59");
  //$("#log").append("displayTime, triggering click<br>");
  $(element).focus();
  
  }catch(err){alert("displayTime "+err);}
}function myforma(name, parent){
  general.call(this,name,parent);
  this.inner_more_gls = make_name(this.name)+"_inner_more_gls";
  this.inner_image = make_name(this.name)+"_inner_image";
  this.editable = function(value){return d((typeof(value)!="undefined" && value!=null)?this.data.sg("editable", "", e(value)):this.data.sg("editable", ""));};
  this.onoma = function(value){return d((typeof(value)!="undefined" && value!=null)?this.data.sg("onoma", "", e(value)):this.data.sg("onoma", ""));};
  this.onoma_title = function(value){return d((typeof(value)!="undefined" && value!=null)?this.data.sg("onoma_title", "", e(value)):this.data.sg("onoma_title", ""));};
  this.field = function(value){return d((typeof(value)!="undefined" && value!=null)?this.data.sg("field", "", e(value)):this.data.sg("field", ""));};
  this.type = function(value){return d((typeof(value)!="undefined" && value!=null)?this.data.sg("type", "", e(value)):this.data.sg("type", ""));};
  this.length_set = function(value){return ((typeof(value)!="undefined" && value!=null)?this.data.sg("length_set", "", (value)):this.data.sg("length_set", ""));};
  this.default_value = function(value){return d((typeof(value)!="undefined" && value!=null)?this.data.sg("default_value", "", e(value)):this.data.sg("default_value", ""));};
  this.extra = function(value){
    var r=(typeof(value)!="undefined" && value!=null)?this.data.sg("extra", "", (value)):this.data.sg("extra", "");
    r = r.replace(/this\.parent.name/g,this.parent.name).replace(/this\.name/g,this.name);
    return r;
  };
  this.value_style = function(value){return d((typeof(value)!="undefined" && value!=null)?this.data.sg("value_style", "", e(value)):this.data.sg("value_style",""));};
  this.onoma_style = function(value){return d((typeof(value)!="undefined" && value!=null)?this.data.sg("onoma_style", "", e(value)):this.data.sg("onoma_style",""));};
  this.onoma_class = function(value){return d((typeof(value)!="undefined" && value!=null)?this.data.sg("onoma_class", "bigger", e(value)):this.data.sg("onoma_class","darkgrey bigger"));};
  this.onoma_width = function(value){return d((typeof(value)!="undefined" && value!=null)?this.data.sg("onoma_width", "", e(value)):this.data.sg("onoma_width", ""));};
  this.onoma_height = function(value){return d((typeof(value)!="undefined" && value!=null)?this.data.sg("onoma_height", "", e(value)):this.data.sg("onoma_height", ""));};
  this.value_width = function(value){return d((typeof(value)!="undefined" && value!=null)?this.data.sg("value_width", "", e(value)):this.data.sg("value_width", ""));};
  this.value_height = function(value){return d((typeof(value)!="undefined" && value!=null)?this.data.sg("value_height", "", e(value)):this.data.sg("value_height", ""));};
  this.to_show_other_gls = function(value){return this.sg("_show_other_gls", false, value);}
  this.show_other_gls = function(value){return ((typeof(value)=="boolean")?this.sg("_show_other_gls", true, value):this.sg("_show_other_gls", true));};
  this.to_show_comp = function(){if(this.parent.comp) return true; return false;}
  this.diff = function(pattern, value, comp_value){
    if(this.to_show_comp()){
      if(pattern==null) pattern = "<div class=\"{class} small\" style=\"\">{prefix} <span class=\"bold\">{comp}</span></div>";
      if(value==null) value = this.parent.data.sg(this.field());
      if(comp_value==null) comp_value = this.parent.comp.sg(this.field());
      var prefix=""; var cl="";
      if(value=="" && comp_value!=""){
        prefix = "αφαιρέθηκε, είναι ";
        cl = "red";
      }
      else if(value!="" && comp_value==""){
        prefix = "προστέθηκε";
        cl = "red";
      }
      else if (value!=comp_value){
        prefix = "αλλάχτηκε, είναι";
        cl = "red";
      }
      else if (value!="" && comp_value==value){
        prefix = "δεν αλλάχτηκε";
        comp_value = "";
        cl = "blue";
      }
      else return "";
      return pattern.replace("{class}",cl).replace("{prefix}",prefix).replace("{comp}",d(comp_value));
    }
    return "";
  }
  this.addon = function(){return "";};
  this.show_title = function(value){return ((typeof(value)=="boolean")?this.sg("_show_title", true, value):this.sg("_show_title", true));};
  
  this.toggle_other_gls = function(that){
    if(this.to_show_other_gls()){
      that.parentNode.className='';
      get_element(this.inner_more_gls).className='';
      hide(this.inner_more_gls);
    }
    else {
      that.parentNode.className='bg_lightgreen';
      get_element(this.inner_more_gls).className='bg_lightgreen';
      show(this.inner_more_gls);
    }
    this.to_show_other_gls((this.to_show_other_gls()?false:true));
  }
  this.load = function(what){
    for(var i in what){
      this.data.sg(i,"",what[i]);
    }
  }

  this.draw = function(show_title){
    this.show_title(show_title);
    var r=""; var ro=""; var rv="";var rd="";
    if(this.onoma()!="" && this.onoma_width()!="0px;"){
      ro += "<div style=\"float: left;"+((this.onoma_width()!="")?"width: "+this.onoma_width()+";":"")+""+((this.onoma_height()!="")?"height: "+this.onoma_height()+";":"")+" "+this.onoma_style()+"\" class=\""+this.onoma_class()+"\" "+((this.show_title())?"title=\""+this.onoma_title().replace("\"","'")+"\"":"")+">"+this.onoma()+"{diff}</div>";
    }
    if(this.editable()=="false"){
      rv += "<div style=\"float: left; "+((this.value_width()!="")?"width: "+this.value_width()+";":"")+""+((this.value_height()!="")?"height: "+this.value_height()+";":"")+" overflow: hidden; border: 2px solid #ccc; padding: 0px;\" class=\"\">"+d((this.parent.data.sg(this.field())!="")?this.parent.data.sg(this.field()):this.default_value())+"</div>";
    }
    else {
      switch(this.type()){
      case "info":
        rv += "<div style=\"float: left;\" style=\""+((this.value_width()!="")?"width: "+this.value_width()+";":"")+""+((this.value_height()!="")?"height: "+this.value_height()+";":"")+"\" class=\"bold bigger\">"+d((this.parent.data.sg(this.field())!="")?this.parent.data.sg(this.field()):this.default_value())+"</div>";
      break;
      case "hidden":
        ro = "";
        rv = "<div style=\"display: none;\"><input type=\"hidden\" name=\""+this.field()+"\" value=\""+d((this.parent.data.sg(this.field())!="")?this.parent.data.sg(this.field()):this.default_value())+"\"></div>";
        break;
      case "select": case "set":
        var selected_values = new Array();
        var comp_values = new Array();
        var comp_text = new Array();
        if(d(this.parent.data.sg(this.field()))==""){selected_values[selected_values.length] = this.default_value();}
        else {
          if(this.type()=="set"){
            selected_values = d(this.parent.data.sg(this.field())).split(",");
          }
          else {
            selected_values[selected_values.length] = d(this.parent.data.sg(this.field()));
          }
        }
        if(this.to_show_comp()){if(d(this.parent.comp.sg(this.field()))=="") comp_values[comp_values.length] = this.default_value(); else if(this.type()=="set") comp_values = d(this.parent.comp.sg(this.field())).split(","); else comp_values[comp_values.length] = d(this.parent.comp.sg(this.field()));}
        
        rv += "<div style=\"float: left;\"><select name=\""+this.field()+"\" style=\""+((this.value_width()!="")?"width: "+this.value_width()+";":"")+""+((this.value_height()!="")?"height: "+this.value_height()+";":"")+""+this.value_style()+"\" "+d(this.extra())+" "+((this.type()=="set")?"multiple":"")+">";
        if(typeof(this.length_set())=="object"){
          var set = o2a(this.length_set());
          for(var i in set){
            var slctd = ((in_array(i,selected_values))?" selected":"");
            rv += "<option value=\""+i+"\""+slctd+">"+set[i]+"</option>";
            if(in_array(i,comp_values)) comp_text[comp_text.length] = set[i];
          }
        }
        rv += "</select></div>";
        rd += this.diff("<div class=\"{class} small\" style=\"float: left;\">{prefix} "+comp_text.join(", ")+"</div>");
        break;
      case "radio": case "checkbox":
        rv += "<div style=\"float: left;\">";
        if(typeof(this.length_set())=="object"){
          var set = o2a(this.length_set());
          if(this.type()=="checkbox" && count(set)==2){
            var tmp = []; for(var i in set) tmp.push(i);
            var slctd = ((((this.parent.data.sg(this.field())!="")?this.parent.data.sg(this.field()):this.default_value())==set[tmp[1]])?" checked":"");
            rv += "<div style=\"float: left;"+((this.value_height()!="")?"height: "+this.value_height()+";":"")+""+this.value_style()+"\"><input type=\""+this.type()+"\" name=\""+this.field()+"\" value=\"on\""+slctd+" "+d(this.extra())+"></div>";
          }
          else {
            var selected_values = new Array();
            if(this.type()=="checkbox"){
              selected_values = d(((this.parent.data.sg(this.field())!="")?this.parent.data.sg(this.field()):this.default_value())).split(",");
            }
            else {
              selected_values[selected_values.length] = d(((this.parent.data.sg(this.field())!="")?this.parent.data.sg(this.field()):this.default_value()));
            }
            for(var i in set){
              //var slctd = ((((this.parent.data.sg(this.field())!="")?this.parent.data.sg(this.field()):this.default_value())==i)?" checked":"");
              var slctd = ((in_array(i,selected_values))?" checked":"");
              rv += "<div style=\"float: left;"+((this.value_width()!="")?"width: "+this.value_width()+";":"")+""+((this.value_height()!="")?"height: "+this.value_height()+";":"")+""+this.value_style()+"\"><input type=\""+this.type()+"\" name=\""+this.field()+"\"  id=\""+this.field()+"_"+i+"\" value=\""+i+"\""+slctd+" "+d(this.extra())+"><label for=\""+this.field()+"_"+i+"\">"+set[i]+"</label></div>";
            }
          }
        }
        rv += "</div>";
        break;
      case "date": case "datetime": case "daymonth": 
        var format = "dd/mm/yyyy";
        if(this.type()=="datetime") format += " hh:ii";
        if(this.type()=="daymonth") format = "dd/mm";
        rv += "<div style=\"float: left;\"><input type=\"text\" name=\""+this.field()+"\" style=\""+((this.value_width()!="")?"width: "+this.value_width()+";":"")+""+((this.value_height()!="")?"height: "+this.value_height()+";":"")+""+this.value_style()+"\" "+d(this.extra())+" value=\""+d((this.parent.data.sg(this.field())!="")?this.parent.data.sg(this.field()):this.default_value())+"\" "+((this.length_set()!="")?"maxlength=\""+this.length_set()+"\"":"")+" onclick=\"displayCalendar(this,'"+format+"',this"+((this.type()=="datetime")?",true":"")+")\"></div>";
        rd += this.diff();
        break;
      case "time":
        rv += "<div style=\"float: left;\"><input type=\"text\" name=\""+this.field()+"\" style=\""+((this.value_width()!="")?"width: "+this.value_width()+";":"")+""+((this.value_height()!="")?"height: "+this.value_height()+";":"")+""+this.value_style()+"\" "+d(this.extra())+" value=\""+d((this.parent.data.sg(this.field())!="")?this.parent.data.sg(this.field()):this.default_value())+"\" "+((this.length_set()!="")?"maxlength=\""+this.length_set()+"\"":"")+" onclick=\"displayTime(this)\" placeholder=\"__:__\"></div>";
        rd += this.diff();
        break;
      case "text": case "password":
        rv += "<div style=\"float: left;\"><input type=\""+this.type()+"\" name=\""+this.field()+"\" style=\""+((this.value_width()!="")?"width: "+this.value_width()+";":"")+""+((this.value_height()!="")?"height: "+this.value_height()+";":"")+""+this.value_style()+"\" "+d(this.extra())+" value=\""+d((this.parent.data.sg(this.field())!="")?this.parent.data.sg(this.field()):this.default_value())+"\" "+((this.length_set()!="")?"maxlength=\""+this.length_set()+"\"":"")+"></div>";
        rv += "<div style=\"float: left; margin-left: 5px;\" id=\""+this.inner_status+"\"></div>";
        rd += this.diff();
        break;
      case "textarea":
        rv += "<div style=\"float: left;\"><textarea name=\""+this.field()+"\" style=\""+((this.value_width()!="")?"width: "+this.value_width()+";":"")+""+((this.value_height()!="")?"height: "+this.value_height()+";":"")+""+this.value_style()+"\" "+d(this.extra())+" >"+d((this.parent.data.sg(this.field())!="")?this.parent.data.sg(this.field()):this.default_value())+"</textarea></div>";
        rd += this.diff();
        break;
      case "atext":
        var tmp = unserialize(d((this.parent.data.sg(this.field())!="")?this.parent.data.sg(this.field()):this.default_value()));
        var tmp_comp = ((this.to_show_comp() && this.parent.comp.sg(this.field())!="")?unserialize(d(this.parent.comp.sg(this.field()))):"");
        
        rv += "<div style=\"float: left;\"><TEXTAREA name=\""+this.field()+"_"+this.gl()+"\" style=\""+((this.value_width()!="")?"width: "+this.value_width()+";":"")+""+((this.value_height()!="")?"height: "+this.value_height()+";":"")+""+this.value_style()+"\" "+d(this.extra())+" >"+tmp[this.gl()]+"</TEXTAREA></div>";
        try{rd += this.diff("<div class=\"{class} small\" style=\"float: left;padding: 3px 3px 0px 3px;\">{prefix} <span class=\"bold\">{comp}</span></div>",tmp[this.gl()],tmp_comp[this.gl()]);} catch (e){}
        
        if(this.show_other_gls()){
          rv += "<div class=\"link\" style=\"float: left;padding: 3px 3px 0px 3px;\" onclick=\""+this.name+".toggle_other_gls(this)\">v</div>";
          rv += "<div style=\""+((!this.to_show_other_gls())?"display: none":"")+"; clear:both;\" id=\""+this.inner_more_gls+"\">";
          delete tmp[this.gl()];//delete tmp_comp[this.gl()];
          for(var i in tmp){
            rv += "  <div style=\"float: left;text-align: right;"+((this.onoma_width()!="")?"width: "+this.onoma_width()+";":"")+""+((this.onoma_height()!="")?"height: "+this.onoma_height()+";":"")+" "+this.onoma_style()+"\" class=\""+this.onoma_class()+"\" >"+i+"</div>";
            rv += "  <div style=\"float: left;\"><TEXTAREA name=\""+this.field()+"_"+i+"\" style=\""+((this.value_width()!="")?"width: "+this.value_width()+";":"")+""+((this.value_height()!="")?"height: "+this.value_height()+";":"")+""+this.value_style()+"\" "+d(this.extra())+" >"+tmp[i]+"</TEXTAREA></div>";
            try{rd += this.diff("<div class=\"{class} small\" style=\"float: left;padding: 0px 3px 3px 3px;\">{prefix} <span class=\"bold\">{comp}</span></div>",tmp[i],tmp_comp[i]);} catch (e){}
          }
          rv += "  <div style=\"clear: both;\"></div>";
          rv += "</div>";
        }
        break;
      case "image":
        this.image = new myArxeio(this.name+".image",this);
        this.image.fileupload_inner = "fileupload_inner"
        this.image.inner_status = this.inner_status;
        this.image.id = 0;
        this.image.after_save = function(){
          this.parent.parent.data.sg(this.parent.field(),"",this.id);
          this.parent.parent.data.sg(this.parent.field()+"_md5","",this.id+"_"+this.md_5);
          this.parent.show();
        }

        var value = d((this.parent.data.sg(this.field()+"_md5")!="")?this.parent.data.sg(this.field()+"_md5"):this.default_value());
        rv = "<div style=\"float: left;"+((this.onoma_width()!="")?"width: "+this.onoma_width()+";":"")+""+((this.onoma_height()!="")?"height: "+this.onoma_height()+";":"")+" "+this.onoma_style()+"\" class=\""+this.onoma_class()+"\" >";
        rv += "  <div>"+this.onoma()+"</div>";;
        rv += "  <div>"+((value!="")?this.image.draw_changeimage_ctl(d(this.extra())):this.image.draw_addimage_ctl(d(this.extra())))+"</div>";
        rv += "  <div id=\""+this.inner_status+"\"></div>";
        rv += "</div>";
        rv += "<div style=\"float: left; width: 160px; height: 160px; overflow: hidden; padding: 2px; border: 1px solid #999;\" id=\""+this.inner_image+"\">"+((value!="")?"<img src=\"img"+value+"_160.jpg\" alt=\"\" style=\"width: 160px\">":"")+"</div>";
        
        
        //if(this.to_show_comp()){
        //    r += "      <div class='"+((this.comp_value()!=this.value())?"red":"blue")+"' style='float: left;padding: 3px;'>"+((this.comp_value()!="")?"<img src='img"+this.comp_value()+"_160.jpg'>":"")+"</div>";
        //} 
        break;
      
      default:
        break;
      }
    }
    r = ro.replace("{diff}",rd)+rv
    return r;
  }
  this.init();
}
window.console || (window.console = { 'log': alert });
//moment.locale('el');

(function($){
  $.fn.sort = function(options){
    var settings = $.extend({
      sortbyattribute: "data-order",
      type: "int",
      sortfunction: function(a, b){return a-b}
    }, options );
    
    return this.each(function() {
      var self = this;
      var tmp = [];
      $(this).find(">["+settings.sortbyattribute+"]").each(function(){
        var value = $(this).attr(settings.sortbyattribute);
        if(settings.type=="int") value = parseInt(value);
        tmp.push(value);
      });
    
      tmp.sort(settings.sortfunction);
      $.each(tmp, function(key, value){
        $(self).append($(self).find(">["+settings.sortbyattribute+"="+value+"]"));
      });
    });
  }
}(jQuery));


function handle_mousedown(e) {
  window.my_dragging = {};
  my_dragging.pageX0 = e.pageX;
  my_dragging.pageY0 = e.pageY;
  my_dragging.elem = this;
  my_dragging.offset0 = $(this).offset();

  function handle_dragging(e) {
    var left = my_dragging.offset0.left + (e.pageX - my_dragging.pageX0);
    var top = my_dragging.offset0.top + (e.pageY - my_dragging.pageY0);
    $(my_dragging.elem)
      .offset({top: top, left: left});
  }

  function handle_mouseup(e) {
    $('body')
      .off('mousemove', handle_dragging)
      .off('mouseup', handle_mouseup);
  }

  $('body')
    .on('mouseup', handle_mouseup)
    .on('mousemove', handle_dragging);
}


(function($){
/* used by selectadd */
  $.fn.popup = function(options){
    try{
      var settings = $.extend({"class": ""}, options );
      let clss = settings.class || "";
      if(clss!="") clss = "."+clss.replace(" ",".");

      if(this.closest("div.popup"+clss).length==0){
        this.wrap($("<div>").addClass("inner"));
        this.closest("div.inner").wrap($("<div>").addClass("outer"));
        this.closest("div.outer").wrap($("<div>").addClass("popup "+settings.class));
        this.closest("div.popup"+clss).prepend($("<div>").addClass("fog"));
        if(this.attr("data-draggable")=="true") {
          this.closest("div.inner").on("mousedown", handle_mousedown);
        }
        if(this.attr("data-close-onClick")=="true") {
          this.closest("div.popup"+clss).on("click", function () {$(this).hide(); return false;})
        }
        else {
          this.closest("div.inner").prepend($("<div>").addClass("close").html("&times;").click(function(){$(this).closest("div.popup"+clss).hide();  return false;}));
        }
      }
      this.closest("div.popup"+clss).show();
      
    }catch(err){alert("base.js: "+err)};
    return this;
    
  }
}(jQuery));

$(function(){
/* not nedded, this functionality is moved to base_selectadd.js: [data-ctl=selectadd].on(rem)
  $("ul > li.shablon > div.remove").click(function(){
    try{
      $(this).closest("li").remove();
    }catch(err){alert("base.js:ul > li.shablon > div.remove.click() "+err);}
  });
*/
  
  $("[data-alert]")
  .on("click", function(){
    let clss = $(this).attr("data-clss") || "fixed";
    $(this).closest("[data-alert-parent=true]").find("[data-alert-message-for="+$(this).attr("data-alert")+"]").off("click").popup({class: clss}).show();
    return false;
  });
  $("[data-alert-message-for]").on("click", function(){
    return false; //prevent the propagation of the click event
  });





});

function password_complexity(value){
  //value.search(/[`~!@#$%^&*()_\+\-\{\[\}\],\.?;:]/)>-1
  if(value.length>=6 && value.search(/[a-z]/)>-1 && value.search(/[0-9]/)>-1){ 
    return true;
  }
  return false;
}



/** 
 * generic data-field-read loaders
 */
$(function() {
  $("[data-field-read]")
  .on("extract", function(event, data, result){
    if(typeof(data)=="string") result.data = data;
    else if(data.hasOwnProperty($(this).attr("data-field-read"))) result.data = data[$(this).attr("data-field-read")];
    return false;
  }).on("load", function(event, data){
    let result = {data:""};
    $(this).trigger("extract", [data, result]);
    if(!result.data || result.data=="") result.data = $(this).attr("data-default-value") || result.data;
    $(this).text(result.data);

    let parentElmSelector = $(this).attr("data-hide-parent-if-empty-value") || false;
    if(parentElmSelector) {
      if (!result.data || result.data == "") $(this).closest(parentElmSelector).hide()
      else $(this).closest(parentElmSelector).show()
    }
    return false;
  });

  $("[data-field-read][data-field-type=number]")
      .on("load", function(event, data) {
        let result = {data: ""};
        $(this).trigger("extract", [data, result]);
        if (!result.data || result.data == "") result.data = $(this).attr("data-default-value") || result.data;

        if(result.data=="" || result.data=="-") result.data = "-";
        else result.data = parseInt(result.data || 0);
        $(this).text(result.data);
        return false
      });
  $("[data-field-read][data-field-type=float]")
      .on("load", function(event, data) {
        let result = {data: ""};
        $(this).trigger("extract", [data, result]);
        if (!result.data || result.data == "") result.data = $(this).attr("data-default-value") || result.data;

        if(result.data=="") result.data = "-";
        else {
          let decimals = $(this).attr("data-float-decimals") || "3";
          $(this).text(number_format(result.data, decimals));
        }
        return false;
      });

  $("[data-field-read][data-field-type=html]")
    .off("load").on("load", function(event, data){
    let result = {data:""};
    $(this).trigger("extract", [data, result]);
    if(!result.data || result.data=="") result.data = $(this).attr("data-default-value") || result.data;
    $(this).html(result.data);
    return false
  });

  $("[data-field-read][data-field-type=object]")
  .off("load").on("load", function(event, data){
    var result = {data:""};
    $(this).trigger("extract", [data, result]);
    var value = result.data;
    $(this).text(value);
    if(typeof(value)=="object"){
      var ofp = $(this).attr("data-object-fields").split(","); //object fields priority
      for(var i=0;i<ofp.length;i++){
        if(value.hasOwnProperty(ofp[i]) && value[ofp[i]]!="") {
          $(this).text(value[ofp[i]]);
          return;
        }
      }
    }
    return false;
  });  
  /*
  $("[data-field-read][data-field-type=date]")
  .on("load", function(event, data){
    var result = {data:""};
    $(this).trigger("extract", [data, result]);
    
    if(result.data=="") {$(this).text(""); return false;}
    var date = moment(result.data);
    var format = $(this).attr("data-field-format"); //the DOM element should have a data-field-format attribute with date format, otherwize a default should be used 
    if(!format || format=="") format = "DD/MM/YYYY";
    $(this).text(date.format(format));
    return false
  });
  
  $("[data-field-read][data-field-type=datetime]")
  .on("load", function(event, data){
    var result = {data:""};
    $(this).trigger("extract", [data, result]);
    
    if(result.data=="") {$(this).text(""); return false;}
    if(result.data===null) {$(this).text("-"); return false;}
    var date = moment(result.data);
    var format = $(this).attr("data-field-format"); //the DOM element should have a data-field-format attribute with date format, otherwize a default should be used 
    if(!format || format=="") format = "DD/MM/YYYY HH:mm:ss";
    $(this).text(date.format(format));
    return false
  });

  $("[data-field-read][data-field-subtract][data-field-type=timeDiff]")
    .on("load", function(event, data){
      var result = {data:""};
      $(this).trigger("extract", [data, result]);

      if(result.data=="") {$(this).text("-"); return false;}
      if(result.data===null) {$(this).text("-"); return false;}
      if(!data.hasOwnProperty($(this).attr("data-field-subtract")) || data[$(this).attr("data-field-subtract")]=="") {$(this).text("-"); return false;}
      if(data[$(this).attr("data-field-subtract")]===null) {$(this).text("-"); return false;}

      let to = new Date(result.data).getTime();
      let from = new Date(data[$(this).attr("data-field-subtract")]).getTime();
      let differene = (to - from) /1000;

      let seconds = differene%60;
      let minutes = parseInt(differene/60)%60;
      let hours =  parseInt(differene/3600);
      let diff = "";
      if(hours>0) diff = hours+" hours ";
      if(minutes>0) diff += minutes+" min ";
      if(seconds>=0) diff += seconds+" sec ";

      $(this).text(diff);
      return false
    });
    */

  $("[data-field-read][data-field-type=jsonObject]")
    .on("load", function(event, data){
      var result = {data:""};
      $(this).trigger("extract", [data, result]);

      if(result.data=="") {$(this).text(""); return false;}

      let text =  JSON.stringify(result.data, undefined, 2);

      $(this).text(text);
      return false
    });
  $(".pre[data-field-read][data-field-type=jsonObject]")
      .off("load").on("load", function(event, data){
        var result = {data:""};
        $(this).trigger("extract", [data, result]);

        if(result.data=="") {$(this).text(""); return false;}

        function syntaxHighlight(json) {
          json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
          return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
            var cls = 'number';
            if (/^"/.test(match)) {
              if (/:$/.test(match)) {
                cls = 'key';
              } else {
                cls = 'string';
              }
            } else if (/true|false/.test(match)) {
              cls = 'boolean';
            } else if (/null/.test(match)) {
              cls = 'null';
            }
            return '<span class="' + cls + '">' + match + '</span>';
          });
        }

        $(this).html(syntaxHighlight(JSON.stringify(result.data, undefined, 2)));
        return false
      });





  $("[data-field-read][data-field-type=reference][data-link]")
    .on("load", function(event, data){
      let result = {data:""};
      const self = this;
      $(this).trigger("extract", [data, result]);

      if(result.data=="") {$(this).text(""); return false;}

      let linkByField = $(this).attr("data-link-by-field") || "value"; //value is the default identification of reference data

      let referenceDomObj = $("[data-" + ($(this).attr("data-link")) + "] > div[data-"+linkByField+"='"+result.data+"']");
      let showField = $(this).attr("data-show-field") || "onomasia";
      let text = $(referenceDomObj).find(">div[data-field="+showField+"]").text() ||  $(referenceDomObj).text() || result.data;
      (($(this).attr("data-set-attributes") || "").split(",")).map(function (field) {
        field = $.trim(field);
        if(field && field!="") {
          $(self).attr("data-" + field, ($(referenceDomObj).find(">div[data-field=" + field + "]").text() || ""));
        }
      })
      if(($(this).attr("data-set-title") || "")=="true"){
        $(this).attr("title", text);
      }
      $(this).text(text);
      return false;
    });
  
  /** 
   * generic image loader, data is supposed to contain {id, md_5}
   */
  $("img")
  .on("load", function(event, data){
    try{
      if(!data) return false;
      if(!data["src"]){
        var pattern = $(this).attr("data-src-pattern");
        if(pattern){
          data["src"] = pattern.replace("{id}", data["id"]).replace("{md_5}", data["md_5"]);
        }
      }
      if(data["src"]) {
        $(this).attr("src", data["src"]);
      }
    }catch(err){alert("base_file.js: img.on(load) "+err);}
    return false;
  });
});

//make plugin
//This will trigger "change" event when "val(new_val)" called 
//with value different than the current one
(function($){
    var originalVal = $.fn.val;
    $.fn.val = function(){
        var result =originalVal.apply(this,arguments);
        if(arguments.length>0)
          $(this).trigger("value_setted");
        
        return result;
    };
})(jQuery);
/*
(function($){
  $.fn.popup = function(options){
    var settings = $.extend({el: $("div"), "class": ""}, options );
    
    this.addClass("popup "+settings.class);
    this.prepend($("<div>").addClass("close").html("&times;").click(function(){$(this).parent().hide();}));
    this.prepend($("<div>").addClass("fog"));
    this.append($("<div>").addClass("inner").append(settings.el));
    
    
    return this;
  }
}(jQuery));
*/
(function($){
  $.fn.mediapicker = function(options){
    var settings = $.extend({
      basedir: "media",
      dir: "images",
      allowtypes: "images/* application/pdf",
    }, options );
    
    
    var self = this;
    
    var aaa = $("div.media td.directory").clone(true,true).off("dragover dragenter drop");
    $(aaa).find(">form").remove();
    $(aaa).find("> ul > li.shablon")
    .on("click",function(){
      if($(this).attr("data-type")=="file"){
        self.val($(this).attr("data-name"));
        $(this).closest("div.popup").hide();
      }
    });
    $(aaa).trigger("load", [$("div.directories_list").find("li[data-name='"+settings.basedir+"/"+settings.dir+"']").attr("data-key")]);
      
    this
    .off("click.mediapicker").on("click.mediapicker", function(){
      var popup = $(this).find("+ div.popup")
      if($(popup).length==0){
        popup = $("<div>").popup({el: $(aaa), "class": "big"});
        $(this).after($(popup));
      }
      $(aaa).trigger("reload");
      $(popup).show()
    }).off("value_setted.mediapicker").on("value_setted.mediapicker", function(event){
      var filename = $(this).val();
      var img = $(this).find("~ img");
      var link = $(this).find("~ a");
      if(/\.(gif|jpg|png|svg)$/i.test(filename)) {
        $(link).remove();
        if($(img).length==0){
          img = $("<img>").on("click",function(){$(this).parent().find("input").trigger("click")});
          $(this).after($(img));
        }
        $(img).attr("src", filename);
      }else {
        $(img).remove();
        if($(link).length==0){
          link = $("<a>");
          $(this).after($(link));
        }
        $(link).attr("href", filename).attr("target","_blank").text(filename);
      }
    });
    
    
    return this;
  }
}(jQuery ));





$(function(){
  $("div.directories_list")
  .on("init", function(){
    try{
      $(this).find("li[data-type=dir]").each(function(){
        $("div.media td.directories").trigger("add", [$(this)]);
      });
    }catch(err){alert("module_media.js:div.directories_list.on(init) "+err);}
    //do not return false; because this event is enriched whenever it is needed
  }).on("add", function(event, file){//file is object of the form {path, filename, path_key, key, mtime, datetimes}
    try{
      var parent = $(this).find("li[data-key="+file.path_key+"]");
      var li = $(this).find("li[data-key="+file.key+"]");
      if($(parent).length>0 && li.length==0) {
        li = $("<li>").attr("data-type", "file")
                      .attr("data-name", file.path+"/"+file.filename)
                      .attr("data-key", file.key)
                      .attr("data-mtime", file.mtime)
                      .attr("data-datetime", file.datetime)
                      .append($("<label>").addClass("name").text(file.filename));
        $(parent).find(">ul").append($(li));
      }
    }catch(err){alert("module_media.js:div.directories_list.on(add) "+err);}
    //do not return false; because this event is enriched whenever it is needed
  });
  
  
  $("div.media")
  .on("show",function(){
    try{
      $("div.directories_list").trigger("init");
      $(this).show();
      $(this).find("td.directories > ul > li").not(".shablon").find(":first").trigger("click");
    }catch(err){alert("module_media.js:div.media.on(show) "+err);}
  });
  
  
  $("div.media td.directories")
  .on("init", function(){
    try{
      $(this).find("> ul > li").not(".shablon").remove();
    }catch(err){alert("module_media.js:div.media td.directories.on(init) "+err);}
    return false;
  }).on("add", function(event, lidir){
    try{
      var li = $(this).find("li[data-key="+$(lidir).attr("data-key")+"]");
      if($(li).length==0){
        var parent = $(lidir).parent().closest("li[data-type=dir]");
        var addto = $(this);
        if($(parent).length>0){
          addto = $(this).find("li[data-key="+$(parent).attr("data-key")+"]");
          if($(addto).length==0){
            $(this).trigger("add", [parent]);
            addto = $(this).find("li[data-key="+$(parent).attr("data-key")+"]");
          }
        }
        if($(addto).length>0){
          li = $(this).find(">ul > li.shablon").clone(true,true).removeClass("shablon").attr("data-key", $(lidir).attr("data-key"));
          $(addto).find(">ul").append(li);
        }
      }
      $(li).addClass("opened").find(">label.name").text($(lidir).find(">label.name").text());
      
    }catch(err){alert("module_media.js:div.media td.directories.on(add) "+err);}
    return false;
  });
  
  
  
  $("div.media td.directories > ul > li.shablon")
  .on("click", function(){
    try{
      $(this).closest("tr").find("td.directory").trigger("load", [$(this).attr("data-key")]);
      
      $(this).addClass("opened");
      //if($(this).hasClass("opened")) $(this).removeClass("opened").addClass("closed");
      //else $(this).removeClass("closed").addClass("opened");
      
    }catch(err){alert("module_media.js:div.media td.directories > ul > li.shablon.on(click) "+err);}
    return false;
  }).on("todo", function(){
    try{
      
    }catch(err){alert("module_media.js:div.media td.directories > ul > li.shablon.on(todo) "+err);}
    return false;
  });  
  
  
  $("div.media td.directory")
  .on("init", function(){
    try{
      $(this).find("> ul > li").not(".shablon").remove();
      $(this).find("> h2.path").empty();
      $(this).removeAttr("data-key");
      $(this).find("div.preview, input[name=view_ctl]").addClass("hidden");
      $(this).find("div.preview").removeAttr("style");
      
      $(this).find("> form[name=upload_files_form]").trigger("init");
    }catch(err){alert("module_media.js:div.media td.directory.on(init) "+err);}
    return false;
  }).on("load", function(event, key){
    try{
      $(this).trigger("init");
      $(this).find("div.preview, input[name=view_ctl]").removeClass("hidden");
      $(this).attr("data-key", key);
      var li = $("div.directories_list").find("li[data-key="+key+"]");
      
      $(this).find("> h2.path").text($(li).attr("data-name"));
      
      var self = this;
      var path = [$(li).find(">ul").attr("data-name")];
      $(li).parents("ul[data-name]").each(function(){path.push($(this).attr("data-name"))});
      path = path.reverse().join("/");
      
      
      
      
      $(li).find("> ul > li").each(function(){
        var shablon = $(self).find("> ul > li.shablon").clone(true, true).removeClass("shablon");
        
        $(shablon).attr("data-key", $(this).attr("data-key"))
                  .attr("data-name", $(this).attr("data-name"))
                  .attr("data-type", $(this).attr("data-type")).find(">label.name").text($(this).find(">label").text());
        $(shablon).find(">label.time").text($(this).attr("data-datetime"));
        
        if(/\.(gif|jpg|png|svg)$/i.test($(this).find(">label").text())){
          $(shablon).addClass("file image").attr("style", "background-image: url(\""+$(shablon).attr("data-name")+"\")").data("image", $(shablon).attr("data-name"));
        }
        if(/\.(pdf)$/i.test($(this).find(">label").text())){
          $(shablon).addClass("file pdf");
        }
        if($(this).attr("data-type")=="dir") $(shablon).addClass("dir");
        
        if($(this).attr("data-type")=="dir") $(self).find("> ul").prepend($(shablon));
        else $(self).find("> ul").append($(shablon));
        
      });
      
      var parent = $(li).parent().closest("li[data-type=dir]");
      if($(parent).length>0){
        var shablon = $(self).find("> ul > li.shablon").clone(true, true).removeClass("shablon");
        $(shablon).addClass("dir back").attr("data-key", $(parent).attr("data-key")).attr("data-name", $(parent).attr("data-name")).attr("data-type", $(parent).attr("data-type")).find(">label.name").text("..");;
        $(this).find("> ul").prepend($(shablon));
      }
      
      $(this).find("> form[name=upload_files_form]").attr("data-path", path).show();
      
    }catch(err){alert("module_media.js:div.media td.directory.on(add) "+err);}
    return false;
  }).on("reload", function(event){ 
    try{
      $(this).trigger("load", [$(this).attr("data-key")]);
    }catch(err){alert("module_media.js:div.media td.directory.on(reload) "+err);}
    return false;
  }).on("dragover dragenter", function(event){ 
    try{
      /* The ondragover event specifies where the dragged data can be dropped.
       * By default, data/elements cannot be dropped in other elements. 
       * To allow a drop, we must prevent the default handling of the element. 
       * This is done by calling the event.preventDefault() method for the ondragover event:
       */
      event.stopPropagation();
      event.preventDefault();
    }catch(err){alert("module_media.js:div.media td.directory.on(dragover dragenter) "+err);}
    return false;
  }).on("drop", function(event){
    try{
      event.stopPropagation();
      event.preventDefault();
      var files = event.originalEvent.dataTransfer.files;
      
      $(this).find("> form[name=upload_files_form]").trigger("submit",[files]);
      //todo
      alert(files.length);
    
    }catch(err){alert("module_media.js:div.media td.directory.on(drop) "+err);}
    return false;
  });
  //jQuery.event.props.push( "dataTransfer" ); //not needed since using event.originalEvent.
  
  $("div.media td.directory > ul > li.shablon")
  .on("click", function(){
    try{
      $(this).closest("ul").find("li.selected").removeClass("selected");
      if($(this).attr("data-type")=="dir") $(this).closest("td.directory").trigger("load",[$(this).attr("data-key")]);
      else $(this).addClass("selected").closest("td.directory").find("div.preview").attr("style", "background-image: url(\""+$(this).data("image")+"\")");
    }catch(err){alert("module_media.js:div.media td.directory > ul > li.shablon.on(click) "+err);}
    return false;
  }).on("todo", function(event, li){
    try{

      
    }catch(err){alert("module_media.js:div.media td.directory > ul > li.shablon.on(todo) "+err);}
    return false;
  });  
  
  
  
  $("div.media td.directory > form[name=upload_files_form]")
  .on("init", function(){
    try{
      $(this).trigger("reset");
      $(this).find("ul.selected_images").empty();
      $(this).removeAttr("data-path").hide();
    }catch(err){alert("module_media.js:div.media td.directory > form[name=upload_files_form].on(init) "+err);}
    return false;
  }).on("todo", function(event, li){
    try{
      
    }catch(err){alert("module_media.js:div.media td.directory > form[name=upload_files_form].on(todo) "+err);}
    return false;
  }).on("start_submittig", function(event){
    try{
      $(this).find("input[type=submit]").hide();
      $(this).find("div.submitting").show();
    }catch(err){alert("module_media.js:div.media td.directory > form[name=upload_files_form].on(start_submittig) "+err);}
  }).on("end_submittig", function(event){
    try{
      $(this).find("input[type=submit]").show();
      $(this).find("div.submitting").hide();
      $(this).trigger("init");
    }catch(err){alert("module_media.js:div.media td.directory > form[name=upload_files_form].on(end_submittig) "+err);}
  }).on("after_submit", function(event, data){
    try{
      $(this).trigger("end_submittig");
      if(data["files"]){
        $.each(data["files"], function(key, file){
          $("div.directories_list").trigger("add", [file]);
        });
        $(this).closest("td.directory").trigger("reload");
      }
      
    }catch(err){alert("module_media.js:div.media td.directory > form[name=upload_files_form].on(after_submit) "+err);}
  }).on("submit", function(event, files){
    try{
      if(true){
        if (window.FormData) {
          formdata = new FormData($(this)[0]);
        }
        var self = this, file;
        for (var i=0 ; i < $(this).find("input[name=files]")[0].files.length; i++ ) {
          file = $(this).find("input[name=files]")[0].files[i];
          if (formdata && !!file.type.match(/(image.*)|(application\/pdf)/)) {
            formdata.append("files[]", file);
          }
        }
        if(files){
          for (var i=0 ; i < files.length; i++ ) {
            file = files[i];
            if (formdata && !!file.type.match(/(image.*)|(application\/pdf)/)) {
              formdata.append("files[]", file);
            }
          }
        }
        
        if(formdata){
          formdata.append("f", "upload");
          formdata.append("path", $(this).attr("data-path"));
          formdata.append("w", "200");
          if(login_id && login_id>0){
            formdata.append("li", login_id);
            formdata.append("ls", session);
          }
          $(this).trigger("start_submittig");
          $.ajax({
            url: "if.php",
            type: "POST",
            data: formdata,
            processData: false,
            contentType: false,
            success: function(g){
              try{
                var what = g;
                if(typeof(g)=="string")  eval("what="+g+";");
                
                $(self).trigger("end_submittig");
                if(what){
                  if(what["status"]<=-1000) { $(self).trigger("handle_error",[what["mesg"]]); return;}
                  if(what["status"]==1 && what["data"]) {
                    $(self).trigger("after_submit",[what["data"]]);
                  }
                }
                if(what["mesg"]!="") alert(what["mesg"]);
                
              }catch(err){alert("module_media.js:div.media td.directory > form[name=upload_files_form].on(submit) ajax.get() "+err); $(self).trigger("end_submittig");}
            }
          });
        }
      }
    }catch(err){alert("module_media.js:div.media td.directory > form[name=upload_files_form].on(submit) "+err); $(this).trigger("end_submittig");}
  });

  $("div.media td.directory > form[name=upload_files_form] input[name=files]")
  .on("change", function(){
    try{
      $(this).closest("td").find("ul.selected_images").empty();
      var self = this, reader, file;
      for (var i=0 ; i < $(this)[0].files.length; i++ ) {
        file = $(this)[0].files[i];
        if (!!file.type.match(/image.*/)) {
          if ( window.FileReader ) {
            reader = new FileReader();
            reader.onloadend = function (ev) {
              $(self).closest("td").find("ul.selected_images").append($("<li>").append($("<img>").attr({"src": ev.target.result, "alt": file.name})));
            };
            reader.readAsDataURL(file);
          }
        }
      }
      if($(this)[0].files.length>0) {
        $(this).closest("form").trigger("submit");
      }
    }catch(err){alert("module_media.js:div.media td.directory > form[name=upload_files_form] input[name=files].on(changes)"+err);}
  });
  
  $("div.media td.directory > form[name=upload_files_form] input[name=upload_ctl]").click(function(){$(this).closest("form").find("input[name=files]").trigger("click");})
  $("div.media td.directory input[name=view_ctl]").click(function(){$(this).closest("td.directory").toggleClass("grid").toggleClass("list");})
  
  $("div.media").trigger("show");
});
$(function(){
  

  let reminderTimeout = null;
  let snoozeTimeout = null;


  function beep() {
      //let audio = new Audio("data:audio/wav;base64,//uQRAAAAWMSLwUIYAAsYkXgoQwAEaYLWfkWgAI0wWs/ItAAAGDgYtAgAyN+QWaAAihwMWm4G8QQRDiMcCBcH3Cc+CDv/7xA4Tvh9Rz/y8QADBwMWgQAZG/ILNAARQ4GLTcDeIIIhxGOBAuD7hOfBB3/94gcJ3w+o5/5eIAIAAAVwWgQAVQ2ORaIQwEMAJiDg95G4nQL7mQVWI6GwRcfsZAcsKkJvxgxEjzFUgfHoSQ9Qq7KNwqHwuB13MA4a1q/DmBrHgPcmjiGoh//EwC5nGPEmS4RcfkVKOhJf+WOgoxJclFz3kgn//dBA+ya1GhurNn8zb//9NNutNuhz31f////9vt///z+IdAEAAAK4LQIAKobHItEIYCGAExBwe8jcToF9zIKrEdDYIuP2MgOWFSE34wYiR5iqQPj0JIeoVdlG4VD4XA67mAcNa1fhzA1jwHuTRxDUQ//iYBczjHiTJcIuPyKlHQkv/LHQUYkuSi57yQT//uggfZNajQ3Vmz+Zt//+mm3Wm3Q576v////+32///5/EOgAAADVghQAAAAA//uQZAUAB1WI0PZugAAAAAoQwAAAEk3nRd2qAAAAACiDgAAAAAAABCqEEQRLCgwpBGMlJkIz8jKhGvj4k6jzRnqasNKIeoh5gI7BJaC1A1AoNBjJgbyApVS4IDlZgDU5WUAxEKDNmmALHzZp0Fkz1FMTmGFl1FMEyodIavcCAUHDWrKAIA4aa2oCgILEBupZgHvAhEBcZ6joQBxS76AgccrFlczBvKLC0QI2cBoCFvfTDAo7eoOQInqDPBtvrDEZBNYN5xwNwxQRfw8ZQ5wQVLvO8OYU+mHvFLlDh05Mdg7BT6YrRPpCBznMB2r//xKJjyyOh+cImr2/4doscwD6neZjuZR4AgAABYAAAABy1xcdQtxYBYYZdifkUDgzzXaXn98Z0oi9ILU5mBjFANmRwlVJ3/6jYDAmxaiDG3/6xjQQCCKkRb/6kg/wW+kSJ5//rLobkLSiKmqP/0ikJuDaSaSf/6JiLYLEYnW/+kXg1WRVJL/9EmQ1YZIsv/6Qzwy5qk7/+tEU0nkls3/zIUMPKNX/6yZLf+kFgAfgGyLFAUwY//uQZAUABcd5UiNPVXAAAApAAAAAE0VZQKw9ISAAACgAAAAAVQIygIElVrFkBS+Jhi+EAuu+lKAkYUEIsmEAEoMeDmCETMvfSHTGkF5RWH7kz/ESHWPAq/kcCRhqBtMdokPdM7vil7RG98A2sc7zO6ZvTdM7pmOUAZTnJW+NXxqmd41dqJ6mLTXxrPpnV8avaIf5SvL7pndPvPpndJR9Kuu8fePvuiuhorgWjp7Mf/PRjxcFCPDkW31srioCExivv9lcwKEaHsf/7ow2Fl1T/9RkXgEhYElAoCLFtMArxwivDJJ+bR1HTKJdlEoTELCIqgEwVGSQ+hIm0NbK8WXcTEI0UPoa2NbG4y2K00JEWbZavJXkYaqo9CRHS55FcZTjKEk3NKoCYUnSQ0rWxrZbFKbKIhOKPZe1cJKzZSaQrIyULHDZmV5K4xySsDRKWOruanGtjLJXFEmwaIbDLX0hIPBUQPVFVkQkDoUNfSoDgQGKPekoxeGzA4DUvnn4bxzcZrtJyipKfPNy5w+9lnXwgqsiyHNeSVpemw4bWb9psYeq//uQZBoABQt4yMVxYAIAAAkQoAAAHvYpL5m6AAgAACXDAAAAD59jblTirQe9upFsmZbpMudy7Lz1X1DYsxOOSWpfPqNX2WqktK0DMvuGwlbNj44TleLPQ+Gsfb+GOWOKJoIrWb3cIMeeON6lz2umTqMXV8Mj30yWPpjoSa9ujK8SyeJP5y5mOW1D6hvLepeveEAEDo0mgCRClOEgANv3B9a6fikgUSu/DmAMATrGx7nng5p5iimPNZsfQLYB2sDLIkzRKZOHGAaUyDcpFBSLG9MCQALgAIgQs2YunOszLSAyQYPVC2YdGGeHD2dTdJk1pAHGAWDjnkcLKFymS3RQZTInzySoBwMG0QueC3gMsCEYxUqlrcxK6k1LQQcsmyYeQPdC2YfuGPASCBkcVMQQqpVJshui1tkXQJQV0OXGAZMXSOEEBRirXbVRQW7ugq7IM7rPWSZyDlM3IuNEkxzCOJ0ny2ThNkyRai1b6ev//3dzNGzNb//4uAvHT5sURcZCFcuKLhOFs8mLAAEAt4UWAAIABAAAAAB4qbHo0tIjVkUU//uQZAwABfSFz3ZqQAAAAAngwAAAE1HjMp2qAAAAACZDgAAAD5UkTE1UgZEUExqYynN1qZvqIOREEFmBcJQkwdxiFtw0qEOkGYfRDifBui9MQg4QAHAqWtAWHoCxu1Yf4VfWLPIM2mHDFsbQEVGwyqQoQcwnfHeIkNt9YnkiaS1oizycqJrx4KOQjahZxWbcZgztj2c49nKmkId44S71j0c8eV9yDK6uPRzx5X18eDvjvQ6yKo9ZSS6l//8elePK/Lf//IInrOF/FvDoADYAGBMGb7FtErm5MXMlmPAJQVgWta7Zx2go+8xJ0UiCb8LHHdftWyLJE0QIAIsI+UbXu67dZMjmgDGCGl1H+vpF4NSDckSIkk7Vd+sxEhBQMRU8j/12UIRhzSaUdQ+rQU5kGeFxm+hb1oh6pWWmv3uvmReDl0UnvtapVaIzo1jZbf/pD6ElLqSX+rUmOQNpJFa/r+sa4e/pBlAABoAAAAA3CUgShLdGIxsY7AUABPRrgCABdDuQ5GC7DqPQCgbbJUAoRSUj+NIEig0YfyWUho1VBBBA//uQZB4ABZx5zfMakeAAAAmwAAAAF5F3P0w9GtAAACfAAAAAwLhMDmAYWMgVEG1U0FIGCBgXBXAtfMH10000EEEEEECUBYln03TTTdNBDZopopYvrTTdNa325mImNg3TTPV9q3pmY0xoO6bv3r00y+IDGid/9aaaZTGMuj9mpu9Mpio1dXrr5HERTZSmqU36A3CumzN/9Robv/Xx4v9ijkSRSNLQhAWumap82WRSBUqXStV/YcS+XVLnSS+WLDroqArFkMEsAS+eWmrUzrO0oEmE40RlMZ5+ODIkAyKAGUwZ3mVKmcamcJnMW26MRPgUw6j+LkhyHGVGYjSUUKNpuJUQoOIAyDvEyG8S5yfK6dhZc0Tx1KI/gviKL6qvvFs1+bWtaz58uUNnryq6kt5RzOCkPWlVqVX2a/EEBUdU1KrXLf40GoiiFXK///qpoiDXrOgqDR38JB0bw7SoL+ZB9o1RCkQjQ2CBYZKd/+VJxZRRZlqSkKiws0WFxUyCwsKiMy7hUVFhIaCrNQsKkTIsLivwKKigsj8XYlwt/WKi2N4d//uQRCSAAjURNIHpMZBGYiaQPSYyAAABLAAAAAAAACWAAAAApUF/Mg+0aohSIRobBAsMlO//Kk4soosy1JSFRYWaLC4qZBYWFRGZdwqKiwkNBVmoWFSJkWFxX4FFRQWR+LsS4W/rFRb/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VEFHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU291bmRib3kuZGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMjAwNGh0dHA6Ly93d3cuc291bmRib3kuZGUAAAAAAAAAACU=");  
      let audio = new Audio('data:audio/wav;base64,UklGRl9vT19XQVZFZm10IBAAAAABAAEAQB8AAEAfAAABAAgAZGF0YU'+Array(1e3).join(123))
      audio.play();
      /*

      <!-- solution 1, 117b, inspired by http://www.p01.org/releases/140bytes_music_softSynth/ -->
      <!--<button onclick="new Audio('data:audio/wav;base64,UklGRl9vT19XQVZFZm10IBAAAAABAAEAQB8AAEAfAAABAAgAZGF0YU'+Array(1e3).join(123)).play()">Beep</button>-->

      <!-- Solution 2, 107b, inspired by http://xem.github.io/chip8/c8.html -->
      <!--<button onclick="o=(A=new AudioContext()).createOscillator();o.connect(A.destination);o.start(0);setTimeout('o.stop(0)',500)">Boop</button>-->
      */
  }  
  
  let originalTitle = document.title;
  function notify() {
    document.title = (document.title.indexOf('OLD! ') != -1) ? originalTitle : 'OLD! ' + originalTitle;
    setTimeout(function() {
      document.title = originalTitle
    }, 500);
  }
  
  $("#reminder")
  .on("init", function(){
     $(this).find("[data-action=toggleBeep][data-value=unmute]").hide();
     
     let remindAfterSec = $(this).attr("data-remindAfterSec"); //remind after the time in seconds from the offsetDateTime;
     $(this).find("[data-field-read=remindAfterSec]").text(remindAfterSec);
     
     return false;
   })
  .on("register", function(event, preincoming_id, offsetDateTime){
    let self = this;
    let remindAfterSec = $(this).attr("data-remindAfterSec");// remind after the time in seconds from the offsetDateTime;

    if(offsetDateTime) {
      remindAfterSec -= (new Date().getTime()/1000) - offsetDateTime;
      if(remindAfterSec<=0) remindAfterSec = 1;
    }
  
    setTimeout( function(){
    //check if the message still exist 
     let messageElm  = $("#main_messages > ul > li[id='pid_"+preincoming_id+"']"); 
     if(messageElm.length ==0) return;
     
     
     $(self).trigger("reminder", [preincoming_id]);
    }, remindAfterSec*1000);
    return false;
  })
  .on("reminder", function(event, preincoming_id){
    let self = this;
    
    if(preincoming_id) {
      $(this).trigger("addReminder", [preincoming_id])
      clearTimeout(reminderTimeout);
    }
      
    reminderTimeout = setTimeout(function(){
      let toBeep = false;
      let reminders = [];
      $(self).trigger("getReminders", [reminders])
      for (let i =0; i<reminders.length; i++) {
          //check if the message still exist 
        let preincoming_id = reminders[i];
        let messageElm  = $("#main_messages > ul > li[id='pid_"+preincoming_id+"']"); 
        if(messageElm.length ==0) {
          $(self).trigger("removeReminder", [preincoming_id])
        }
        if($(messageElm).hasClass("locked")==false) toBeep=true;
      }

      if(reminders.length==0) return
        
      if(toBeep) {
        let tmp = $(self).attr("data-beep");
        if(tmp!="mute"){
          beep();
        }
        notify();
      }
      $(self).trigger("reminder");
    }, 1000);
    
    return false;
  })
  .on("addReminder", function(event, preincoming_id){
    if(!preincoming_id) return false;
    
    let reminderElm = $(this).find(".remindersList > div[data-preincoming_id="+preincoming_id+"]");
    if(reminderElm.length==0){
      let messageElm  = $("#main_messages > ul > li[id='pid_"+preincoming_id+"']"); 
      if(messageElm.length ==0) return;
      
      let data = {
        preincoming_id: preincoming_id,
        incoming_datetime:  $(messageElm).find(".incoming_datetime").text() || "", 
        service: $(messageElm).find(".service > .name").text() || ""
      }
        
      reminderElm = $(this).find(".remindersList > div.shablon").clone(true, true).removeClass("shablon").attr("data-preincoming_id", preincoming_id);
      $(this).find(".remindersList").append($(reminderElm));
      $(reminderElm).find("[data-field-read]").trigger("load", [data]);
    }
    return false;
  })
  .on("removeReminder", function(event, preincoming_id){
    $(this).find(".remindersList > div[data-preincoming_id="+preincoming_id+"]").remove();
  })
  .on("getReminders", function(event, reminders){
     $(this).find(".remindersList > div[data-preincoming_id]").each(function(){
        reminders.push($(this).attr("data-preincoming_id"));
     })
     if(reminders.length==0){
       $(this).hide();
     }
     else{
       $(this).removeClass("hidden").show();
     }
     return false;
  })
  .on("toggleBeep",  function(event, value){
    $(this).attr("data-beep", value);
  })
  .trigger("init");
  
   $("#reminder div.remindersList > div.shablon > [data-action=remove]")
   .on("click", function(){
     let preincoming_id = $(this).parent().attr("data-preincoming_id") || null;
     if(preincoming_id) {
       $("#reminder").trigger("removeReminder", [preincoming_id]);
     }
     return false;
   });
   
   $("#reminder [data-action=toggleBeep]")
   .on("click", function(){
     let value = $(this).attr("data-value");
     $("#reminder [data-action=toggleBeep]").show();
     $(this).hide()
     $("#reminder").trigger("toggleBeep", [value]);
     return false;
   });
   
   $("#reminder [name=switchSnooze]")
   .on("change", function(){
     if( $(this).is(':checked') ){
       let self = this;
       $("#reminder").trigger("toggleBeep", ["mute"]);
       
       let remindAfterSec = $("#reminder").attr("data-remindAfterSec"); //remind after the time in seconds from the offsetDateTime;
       snoozeTimeout = setTimeout(function(){
         $("#reminder").trigger("toggleBeep", ["unmute"]);
         $(self).prop("checked", false);
       }, 2*remindAfterSec*1000);
     }
     else {
       clearTimeout(snoozeTimeout);
       $("#reminder").trigger("toggleBeep", ["unmute"]);
     }
        
   });
   
  
  
});