<!--
window.name = "earthChat";

function fixPNG(myImage) // correctly handle PNG transparency in Win IE 5.5 or higher.
  {
  if (window.ie55up)
    {
        var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""
        var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""
        var imgTitle = (myImage.title) ? "title='" + myImage.title + "' " : "title='" + myImage.alt + "' "
        var imgStyle = "display:inline-block;" + myImage.style.cssText
        var strNewHTML = "<span " + imgID + imgClass + imgTitle
        strNewHTML += " style=\"" + "width:" + myImage.width + "px; height:" + myImage.height + "px;" + imgStyle + ";"
        strNewHTML += "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
        strNewHTML += "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"
        //strNewHTML += "filter:progid:DXImageTransform.Microsoft.Wave"
        //strNewHTML += "(src=\'" + myImage.src + "\', sizingMethod='scale', LightStrength=10, Phasae=2, Strength=10, Freq=4, Add='true');\"></span>"
        myImage.outerHTML = strNewHTML
        }
  }


function fixBG() // correctly handle PNG-BG transparency in Win IE 5.5 or higher.
  {
  var background = "<td width=32 background=fileadmin/images/siteshadow.png>&nbsp;</td>";
  if (window.ie55up)   background = "<td width=32 style = \"filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=fileadmin/images/siteshadow.png, sizingMethod='scale');\">&nbsp;</td>";
  document.write(background);
  }


function reloadIE() // all elements in Win IE 5.5 or higher.
  {
  if (window.ie55up)  document.write("<a href=javascript:location.reload()><font size=1>Darstellungsschwierigkeiten?</font></a>");
  }

function showLayer(number)
  {
  document.getElementById("layer"+number).style.display = "block";
  }


function hideLayer(number)
  {
  document.getElementById("layer"+number).style.display = "none";
  }

function encode_utf8(rohtext) {
             // dient der Normalisierung des Zeilenumbruchs
             rohtext = rohtext.replace(/\r\n/g,"\n");
             var utftext = "";
             for(var n=0; n<rohtext.length; n++) {
                 // ermitteln des Unicodes des  aktuellen Zeichens
                 var c=rohtext.charCodeAt(n);
                 // alle Zeichen von 0-127 => 1byte
                 if (c<128)   utftext += String.fromCharCode(c);
                 // alle Zeichen von 127 bis 2047 => 2byte
                 else if((c>127) && (c<2048)) {
                     utftext += String.fromCharCode((c>>6)|192);
                     utftext += String.fromCharCode((c&63)|128);
                 }
                 // alle Zeichen von 2048 bis 66536 => 3byte
                 else {
                     utftext += String.fromCharCode((c>>12)|224);
                     utftext += String.fromCharCode(((c>>6)&63)|128);
                     utftext += String.fromCharCode((c&63)|128);}
                 }
             return utftext;
}

// ------------------------- in_array (PHP) => .contains
Array.prototype.contains = function (elem) {
  var i;
  for (i = 0; i < this.length; i++) if (this[i] == elem)  return true;
  return false;
};

// ------------------------------------ SLIDER
var map_loaded = false;
function load_google_map(){
         if (!map_loaded){
            load();
            map_loaded = true;
         }
}

function init_slider(){
    $(".header_highlight").click(function(e){
      if ($(this).next().css("display") != "block") {
          $(this).next().animate({ height: 'show', opacity: 'show' }, 2000);
          //$(this).next().next().animate({ height: 'show', opacity: 'show' }, 2000);
          // Placemark Upload Map:
          if ($(this).next().is("#map")) $(this).next().next().animate({ height: 'show', opacity: 'show' }, 2000 , function(){load_google_map()});
      }
      $(".header_highlight").not(this).each(function(){
         if ($(this).next().css("display") == "block") {
             $(this).next().animate({ height: 'hide', opacity: 'hide' }, 2000);
             //$(this).next().next().animate({ height: 'hide', opacity: 'hide' }, 2000);
             // Placemark Upload Map:
             if ($(this).next().is("#map"))  $(this).next().next().animate({ height: 'hide', opacity: 'hide' }, 2000);
         }
      })
    })
}

// ------------------------------------ AVATAR - RESIZER
function resize_avatar(){
       $("#avatar_big").removeAttr("width").removeAttr("height");
       var w = $("#avatar_big").attr("width");
       var h = $("#avatar_big").attr("height");
       if (w > 250 || h > 295) {
          var w_ratio = 250/w;
          var h_ratio = 295/h;
          if (w_ratio < h_ratio){
             var new_h = Math.floor(h*w_ratio)
             var new_w = 250;
          } else {
             var new_w = Math.floor(w*h_ratio)
             var new_h = 295;
          }
          $("#avatar_big").attr({width : new_w, height : new_h});
       }
}

var anz_avatare = null;
var tmp_avatar_tr = null;
function init_avatar_functions(){
   anz_avatare = $(".av-tr").length;
   tmp_avatar_tr = $("#av1").clone().css({display: "none"});
   // ------------------------------------ AVATARMODUS SELECTBOXEN
   //if ($("select[@name=avatar_mode]").get(0) != "undefinied"){
   if ($("*").index( $("select[@name=avatar_mode]")[0] ) >= 0){
       if ($("select[@name=avatar_mode]").get(0).selectedIndex == 1) $("#tr-ext_avatar").show(); else  $("#tr-ext_avatar").hide();
       $("select[@name=avatar_mode]").change(function(){
           if (this.selectedIndex == 1) $("#tr-ext_avatar").show(); else $("#tr-ext_avatar").hide();
       })
   }
   // ------------------------------------ AVATAR MOUSEOVER
   $(".avatare").mouseover(function(){
       var src = this.src;
       $("#avatar_big").attr({src : src});
       resize_avatar();
    })
    
    // ------------------------------------ AVATAR LÖSCHEN
    $(".del-avatar").click(function(){
       var tr_id = $(this).parents("td").parents("tr").attr("id");
       $("#"+tr_id).remove();
       //$("#avatar_big").attr({src : $(".avatare").eq(0).attr("src")});
       // Avatare durchnumerieren
       for (x=0; x<$(".av-tr").length; x++){
           $(".av-code").eq(x).attr("name", "code"+(x+1));
           $(".av-tr").eq(x).attr("id", "av"+(x+1));
       }
    })
    
    // ------------------------------------ AVATAR DEAKTIVIEREN
    $(".disable-avatar").click(function(){
       $(this).attr("src") == "/fileadmin/images/checked.gif" ? $(this).attr({src : "/fileadmin/images/not_checked.gif"}) : $(this).attr({src : "/fileadmin/images/checked.gif"});
    })
    
    // ------------------------------------ Seitenüberwachung wegen Update-Aufforderung
    $(".disable-avatar, .del-avatar, .edit-avatar-link, .av-code").bind("click", function(){ control_avatars();})

    // ------------------------------------ EDIT AVATER IMAGE
    $(".edit-avatar-button").click(function(){
       var div = "";
          div += "<div class='edit-avatar'>";
          div += "   <div class='transparent-bg'>";
          div += "    ";
          div += "   </div>";
          div += "</div>";

       $("body").append(div);
       $(".transparent-bg").css({opacity: "0.8"});

       function save_edit_avatar(){
              function process(data){
                alert(data);
              }
              var height = parseInt($(".rahmen").height())+4;
              var width = parseInt($(".rahmen").width())+4;
              var img_top = $("#edit-image").css("top");
              var img_left = $("#edit-image").css("left");
              var top = $(".rahmen").css("top");
              var left = $(".rahmen").css("left") ;
              top = parseInt(top.substr(0, top.length-2)) - parseInt(img_top.substr(0, img_top.length-2));
              left = parseInt(left.substr(0, left.length-2)) - parseInt(img_left.substr(0, img_left.length-2));
              var post_data = '';
              post_data += 'action=crop&filename=' + $("#edit-image").attr("src") + '&';
              post_data += 'top=' + top + '&left=' + left + '&width=' + width + '&height=' + height + '&';
              $.post("/fileadmin/php/edit_avatar_img.php",post_data, function(data){process(data)});
       };

       function resize(event, mode, pic){
                var x_center = 482;
                var y_center = 446;
                var x_abs = event.pageX - 172;
                var y_abs = event.pageY - 176;
                var x_rel = event.pageX - x_center;
                var y_rel = event.pageY - y_center;
                change_s = new Array("sw", "s", "se");
                change_n = new Array("nw", "n", "ne");
                change_w = new Array("sw", "w", "nw");
                change_e = new Array("ne", "e", "se");
                var x_min = x_center - Math.round(pic.max_width/2) - 172;
                var x_max = x_center + Math.round(pic.max_width/2) - 172;
                var y_min = y_center - Math.round(pic.max_height/2) - 176;
                var y_max = y_center + Math.round(pic.max_height/2) - 176;
                if (change_w.contains(mode)){
                   if (x_abs > x_max-20) x_abs = x_max-20; else if (x_abs < x_min) x_abs = x_min;
                   var new_width = pic.width - (x_abs - pic.left)-0;
                   //$("body").before(x_abs + " : " + pic.max_width + " : " + new_width + " --- ");
                   $(".rahmen").width(new_width).css({left:x_abs});
                   $("#nw, #w, #sw").css({left : x_abs+5 });
                   $("#n, #s").css({left : x_abs+Math.round(new_width/2)+5 });
                }

                if (change_e.contains(mode)){
                   if (x_abs < pic.left+20) x_abs = pic.left+20; else if (x_abs > (pic.left + pic.max_width)) x_abs = pic.left + pic.max_width;
                   var new_width = pic.width - (pic.left + pic.width - x_abs)-4;
                   $(".rahmen").width(new_width);
                   $("#ne, #e, #se").css({left : pic.left+new_width+5 });
                   $("#n, #s").css({left : pic.left+Math.round(new_width/2)+5 });
                }

                if (change_n.contains(mode)){
                   if (y_abs > (pic.top + pic.max_height)-20) y_abs = pic.top + pic.max_height-20; else if (y_abs < pic.top) y_abs = pic.top;
                   var new_height = pic.height - (y_abs - pic.top)-0;
                   $(".rahmen").height(new_height).css({top:y_abs});
                   $("#nw, #n, #ne").css({top : y_abs+5 });
                   $("#w, #e").css({top : y_abs+Math.round(new_height/2)+5 });
                }

                if (change_s.contains(mode)){
                   if (y_abs < y_min+20) y_abs = y_min+20; else if (y_abs > (y_max)) y_abs = y_max;
                   $("body").before(pic.max_height + " --- ");
                   var new_height = pic.height - (pic.top + pic.height - y_abs)-4;
                   $(".rahmen").height(new_height);
                   $("#sw, #s, #se").css({top : pic.top+new_height+5 });
                   $("#e, #w").css({top : pic.top+Math.round(new_height/2)+5 });
                }
       }

       function mouseuphandler(mode){
                   $("body").removeClass(mode).unbind();
                   //$(".edit-image").unbind();
       }
       
       $(".edit-avatar").slideDown("slow",function(){
          $.get("/fileadmin/php/edit_avatar_img.php",
             {filename : $("#avatar_big").attr("src")},
             function(data){
                $(".transparent-bg").after(data);
                $(".rahmen").fadeTo("slow",0.5);
                $("#cancel").click(function(){
                     $(".edit-avatar").fadeOut("slow", function(){
                          $(".edit-avatar").remove();
                     })
                })
                $("#save").click(function(){
                     save_edit_avatar();
                })
                $(".resizer").mousedown(function(event){
                     var mode = $(this).attr("id");
                     pic = new Object({
                               max_height: parseInt($("#edit-image").attr("height")),  max_width: parseInt($("#edit-image").attr("width")),
                               height : parseInt($(".rahmen").height()),               width : parseInt($(".rahmen").width()),
                               top : $(".rahmen").css("top"),                          left : $(".rahmen").css("left")
                           });
                     pic.top = parseInt(pic.top.substr(0, pic.top.length-2));
                     pic.left = parseInt(pic.left.substr(0, pic.left.length-2));
                     $("body").bind("mousemove", function(e){
                        resize(e, mode, pic);
                     });
                     $("body").addClass(mode).bind("mouseup", function(){mouseuphandler(mode)});
                });

             }
          )
       }).click(function(){
        //  $(this).remove();
       })
    });
    // ---------------------------------------------
}

// ------------------------------------ Seitenüberwachung wegen Update-Aufforderung
function control_links(e,obj){
   if ($(obj).attr("class") != "edit-avatar-link")  e.preventDefault();
   //if (window.confirm(encode_utf8("Avatarliste wurde geändert.\nÄnderungen speichern?"))) $(".submit-button3").get(0).click(); else e.preventDefault();
   if (window.confirm(encode_utf8("Avatarliste wurde geändert.\nÄnderungen speichern?"))) avatar_update(e); else e.preventDefault();
   

   $("a").unbind();
}
function control_avatars(){
   $(".disable-avatar, .del-avatar, .edit-avatar-link, .av-code").unbind("click", function(){ control_avatars();});
   $("a").bind("click", function(e){ control_links(e, this);});
}

// ------------------------------------ AJAX FILE UPLOAD
//var new_avatar_tr = null;
var new_avatar_id = null;

function ajaxFileUpload(){
   //$("#loading").fadeIn();
   $("#uploadFileButton").css({color: "white", background : "url(/fileadmin/images/loading2.gif) center"});
   //$("#loading").ajaxStart(function(){ alert("K"); $(this).show(); }).ajaxComplete(function(){ $(this).hide(); });
   $.ajaxFileUpload({
      url:'/fileadmin/php/upl_avatar.php',
      secureuri:false,
      fileElementId:'fileToUpload',
      dest_dir:'avatarDir',
      dataType: 'json',
      success: function (data, status){
                  if (typeof(data.error) != 'undefined'){
                     if (data.error != ''){
                        alert(data.error);
                     } else {
                        //alert(data.msg);
                        //alert(data.folder + "/" + data.filename);
                        //alert( $(".av-tr").length);
                        var new_avatar_src = data.folder + "/" + data.filename;
                        new_avatar_id = (anz_avatare+1);
                        if ($(".av-tr").length > 0) var new_avatar_tr = $("#av1").clone().css({display: "none"});
                           else var new_avatar_tr = tmp_avatar_tr;
                        $(new_avatar_tr).attr("id", "av"+($(".av-tr").length+1));
                        var href_tmp = $(new_avatar_tr).find("a").eq(0).attr("href");
                        var tmp = href_tmp.split("/");
                        var tmp2 = tmp[8].split("&");
                        tmp2[0] = data.filename;
                        tmp[8] = tmp2.join("&");
                        var tmp3 = data.filename.split(".");
                        var ext = tmp3[tmp3.length-1];
                        var tmp4 = tmp[11].split(":");
                        tmp4[1] = '"'+ext+'","size"';
                        tmp[11] = tmp4.join(":");
                        var href_new = tmp.join("/");

                        $(new_avatar_tr).find("a").eq(0).attr({href:href_new});

                        $(new_avatar_tr).find("img").eq(0).attr({src : new_avatar_src})
                           .mouseover(function(){
                              var src = this.src;
                              $("#avatar_big").attr({src : src});
                              resize_avatar();
                           })
                           .end().eq(1).click(function(){
                              var tmp = $(this).attr("src").split("/");
                              var filename = tmp[tmp.length-1];
                              filename == "checked.gif" ? $(this).attr({src : "/fileadmin/images/not_checked.gif"}) : $(this).attr({src : "/fileadmin/images/checked.gif"});
                           })
                           .end().eq(3).click(function(){
                              var tr_id = $(this).parents("td").parents("tr").attr("id");
                              $("#"+tr_id).remove();
                              // Avatare durchnumerieren
                              for (x=0; x<$(".av-tr").length; x++){
                                 $(".av-code").eq(x).attr("name", "code"+(x+1));
                                 $(".av-tr").eq(x).attr("id", "av"+(x+1));
                              }
                           })
                        $(new_avatar_tr).find("input[@type=text]").eq(0).attr({name : "code"+($(".av-tr").length+1)}).val("");
                        $("#av"+($(".av-tr").length)).after(new_avatar_tr).next().fadeIn().find("input[@type=text]")[0].focus();
                        $(".disable-avatar, .del-avatar, .av-code").unbind("click", function(){ control_avatars();}).bind("click", function(){ control_avatars();});
                        $("#avatar_big").attr({src : new_avatar_src});
                        resize_avatar();
                        control_avatars();
                     }
                  }
                  //$("#loading").fadeOut();
                  $("#uploadFileButton").css({color: "black", background : "white"});
      },
      error: function (data, status, e) { alert(e); $("#uploadFileButton").css({color: "black", background : "white"});}
   });
   return false;
}

// ------------------------------------ FORMULARDATEN ABSPEICHERN
function avatar_update(event){
       event.preventDefault();
       $("a").unbind();
       var button = this;
       var post_data = '';
       var avatare = new Array();
       for (x=0; x<$(".av-tr").length; x++){
           avatare[x] = new Object();
           avatare[x].code = $(".av-code").eq(x).val();
           avatare[x].img = $(".av-tr").eq(x).find("img").eq(0).attr("src");
           var tmp = $(".av-tr").eq(x).find("img").eq(1).attr("src").split("/");
           avatare[x].status = tmp[tmp.length-1] == "checked.gif" ? 1 : 0;
       }
       for (x=0; x<avatare.length; x++)  for (data in avatare[x]) post_data += data + '[' + x + ']' + '=' + avatare[x][data] + '&';
       post_data += "uid=" + $("input[@name=uid]").val();
       function process(data){
                alert(data);
                return false;
                var result = data.split("###");
                if ($("select[@name=avatar_mode]").get(0).selectedIndex == 0){
                   $("#avatar").attr({src: $(".avatare").get(0).src});
                   fixPNG(document.getElementById("avatar"));
                }
                if (result[0] == "returncode"){
                   if (result[1].substr(0,3) != "200"){
                      $("input[@name=ext_avatar]").css({background: "#ffaaaa"});
                   } else {
                      $("input[@name=ext_avatar]").css({background: "#ffffff"});
                      $("#avatar").attr({src: $("input[@name=ext_avatar]").val()});
                      fixPNG(document.getElementById("avatar"));
                      $(".saved").css({visibility: "visible"});
                      $("html").bind("click", function() { remove_html();})
                   }
                } else {
                   $(".saved").css({visibility: "visible"});
                   $("html").bind("click", function() { remove_html();})
                }
                $(button).removeAttr("disabled");
       }
       $.post("/fileadmin/php/upd_avatar.php",post_data, function(data){process(data)});
}

function init_ajax_submit(){
    $(".submit-button").click(function(event){
       event.preventDefault();
       var button = this;
       var form_name = $(this).parents("form").attr("name");
       var post_data = '';
       $(button).attr({disabled:  "disabled"});
       $("input, select").each(function(){
          if ( $(this).parents("form").attr("name") == form_name ){
             //post_data += $(this).attr("name")+ ':  "' + $(this).val() + '", ';
             post_data += $(this).attr("name")+ '=' + $(this).val() + '&';
          }
       });
       function remove_html(){
                $(".saved").css({visibility: "hidden"});
                $("html").unbind("click", function() { remove_html();})
       }
       function process(data){
                //alert(data);
                var result = data.split("###");
                /* Avatar-Image-Update bei Avatarmodus-Wechsel, geht seit me.php-Split nicht mehr.
                if ($("select[@name=avatar_mode]").get(0).selectedIndex == 0){
                   $("#avatar").attr({src: $(".avatare").get(0).src});
                   fixPNG(document.getElementById("avatar"));
                }
                */
                if (result[0] == "returncode"){
                   if (result[1].substr(0,3) != "200"){
                      $("input[@name=ext_avatar]").css({background: "#ffaaaa"});
                   } else {
                      $("input[@name=ext_avatar]").css({background: "#ffffff"});
                      $("#avatar").attr({src: $("input[@name=ext_avatar]").val()});
                      fixPNG(document.getElementById("avatar"));
                      $(".saved").css({visibility: "visible"});
                      $("html").bind("click", function() { remove_html();})
                   }
                } else {
                   $(".saved").css({visibility: "visible"});
                   $("html").bind("click", function() { remove_html();})
                }
                $(button).removeAttr("disabled");
       }
       $.post("/fileadmin/php/upd_me.php",post_data, function(data){process(data)});
    });
  // ----------------------- AVATAR UPLOAD
    $(".submit-button2").click(function(event){
       event.preventDefault();
       ajaxFileUpload();
    });
  // ----------------------- AVATAR UPDATE
    $(".submit-button3").click(function(event){
       avatar_update(event);
    });
}


// ------------------------- COLORPICKER
function shouldset(passon){
  if(document.areas.rgb.value.length == 6){setcolor(passon)}
  }

function setcolor(elem){
  document.areas.rgb.value=elem
  document.areas.selcolor.style.backgroundColor="#"+elem
  }


//-->
