<!--

    //#
    //#        Projekt: HIT Radio Jugoton
    //#          Datei: shoutbox.js
    //#        Version: 1.1
    //#          Datum: 2006-03-19
    //#          Autor: Uwe Walter
    //#          eMail: uw-walter@mainzkom.de
    //#       Homepage: http://warp-factor.homelinux.net/
    //#
    //#          Kunde: Cedomir Majstorovic
    //#
    //#   Beschreibung: AJAX ShoutBox. Dieses JavaScript regelt die Zugriffe
    //#                 auf den ShoutBox-Motor.
    //#

    // RefreshTakt in Sekunden (Aktualisierung).
    var rc = 5;

    // Rekursionszähler (IE spezifisch)
    var rec = 0;

    // AJAX Motor
    var sb = "shoutbox/shout.php?lang=";

    
    var fok = false;    // Hat der OK Button den Fokus?
    var mok = false;    // Ist die Maus über dem OK Button?

    // Texte (deutsch und serbokroatisch).
    var slang = new Array();
    slang[0]  = new Object();
    slang[1]  = new Object();

    slang[0]["refreshing"] = "Aktualisiere ShoutBox ...";
    slang[0]["loading"]    = "Lade ShoutBox ...";
    slang[0]["name"]       = "Name";
    slang[0]["text"]       = "Text";
    slang[0]["noresp"]     = "Server antwortet nicht.";

    slang[1]["refreshing"] = "Aktualiziraj ...";
    slang[1]["loading"]    = "Skini ShoutBox ...";
    slang[1]["name"]       = "Ime";
    slang[1]["text"]       = "Tekst";
    slang[1]["noresp"]     = "Server ne odgovara";
    
    // Aufrufendes Dokument ermitteln (main.html oder main-d.html)
    function determine_lang() {
      var lh=location.href,is_de=/index-d\.htm/;

      if(is_de.exec(lh)) return 0; else return 1;
   }

    // Parameter vorbereiten.
    function prepare_query(f) {
        var uname = escape( document.getElementById('shout_name').value );
        var utext = escape( document.getElementById('shout_text').value );

        var params = "";

        if (f == "shout") {
            params = "&f=" + f + "&n=" + escape( uname );
            params = params + "&t=" + escape( utext );
        }
        else {
            window.status = slang[lng]["refreshing"];
        }
        return params;
    }

    // IE JavaScript Ajax call.
    function ie6_ajax_call(func,lng) {
        var js_element = document.createElement('script');

        js_element.id = "ajax_call_" + ++rec;
        js_element.type = "text/javascript";
        js_element.language = "JavaScript";
        js_element.src = sb + lng + prepare_query(func,lng) + "&b=ie";

        document.body.appendChild(js_element);

        if (func == "refresh")
            setTimeout('ie6_ajax_call("refresh",'+lng+')', rc * 1000);
    }

    // XML Ajax call.
    function xml_ajax_call(func,lng) {
        var http = new XMLHttpRequest;

        http.open("GET", sb + lng + prepare_query(func,lng) );
        http.onreadystatechange = function response_handler() {
            if (http.readyState == 4 && http.status == 200) {
                document.getElementById("box_out").innerHTML = http.responseText;
            }
            else if (http.readyState == 4 && http.status != 200) {
                document.getElementById("box_out").innerHTML = slang[lng]["noresp"];
            }
        }
        http.send(null);

        if (func == "refresh")
            setTimeout('xml_ajax_call("refresh",'+lng+')', rc * 1000);
    }

    // Textfeld leeren und Ajax call auslösen
    function my_submit() {
        if ( call == "ie6" )
            ie6_ajax_call('shout',lng);
        else
            xml_ajax_call('shout',lng);
        document.getElementById('shout_sub').blur();
        document.getElementById('shout_text').value='';
        document.getElementById('shout_text').focus();
    }
    // Tastatur-Variante
    function k_submit( e ) {
        if (! e ) e = window.event;
        if ( e.which ) {
            // Mozilla (Opera)
            key = e.which;
        }
        else if ( e.keyCode ) {
            // Internet Explorer
            key = e.keyCode;
        }
        if ( key == 13 && fok ) my_submit();
    }
    // Maus-Variante
    function m_submit( e ) {
        if (! e ) e = window.event;
        if ( e.which && e.which == 1 && mok ) my_submit();        // MZ,FF,OP
        if ( e.button && e.button == 1 && mok ) my_submit();    // MSIE
    }

    // Shoutbox nur in DOM fähigen Browsern erzeugen.
    if (dom) {
        var call = (typeof XMLHttpRequest != "undefined") ? "xml" : "ie6";
        var lng = determine_lang();
        document.write(
            '<style type="text/css">'
            +'#shoutbox {background-color:#ece1e1;} '
            +'#shoutbox, #box_out, #shout_sub, #shout_name, #shout_text '
            +'{border:1px solid #c50000;font-family:serif,'
            +'courier;font-size:1.0em;} #shoutbox {margin:0px 5px;padding:5px;}'
            +'#box_out {height:220px;padding:0;color:#000;background-color:#fff;'
            +'overflow:hidden;} #resp {margin:0px;font-size:1.0em;} '
            +'input {color:#000;background-color:#fff;border:1px solid #c50000;'
            +'margin-top:5px;} #shout_sub {width:45px;height:45px;margin-left:5px;'
            +'float:right;cursor:pointer;font-weight:bold;} #shout_name, '
            +'#shout_text {width:440px;height:20px;} </style> '
            +'<!--[if IE]><style type="text/css"> #shout_sub {width:48px;'
            +'height:48px;} #shoutbox {margin-left:15px;margin-right:15px;} '
            + '#box_out {height:212px;} </style><![endif]-->'
            +'<div id=shoutbox align=center>'
            +'<div id=box_out><br>' + slang[lng]["loading"] + '</div>'
            +'<input type=button id=shout_sub value="OK" '
            +'onfocus="fok=true;this.style.backgroundColor = \'#c50000\';'
            +'this.style.color = \'#fff\'" onblur="fok=false;this.style.back'
            +'groundColor = \'#fff\';this.style.color = \'#000\'" onmouseover="'
            +'mok=true;this.style.backgroundColor = \'#c50000\';this.style.color '
            +'= \'#fff\'" onmouseout="mok=false;this.style.backgroundColor = \''
            +'#fff\';this.style.color = \'#000\'" tabindex=3><div align=right>'
            + slang[lng]["name"]
            +' <input type=text id=shout_name maxlength="16" tabindex=1></div>'
            +'<div align=right>' + slang[lng]["text"]
            +' <input type=text id=shout_text maxlength="72" tabindex=2></div>'
            +'</div>'
        );
        if (navigator.appName.indexOf("Opera") != -1) {
            document.getElementById("box_out").style.height = "200px";
        }
        //if (navigator.platform.indexOf("Linux") >= 0) {
            //if (navigator.appName.indexOf("Netscape") != -1) {
                //document.getElementById("box_out").style.height = "170px";
            //}
            //if (navigator.appName.indexOf("Konqueror") != -1) {
                //document.getElementById("shoutbox").style.fontSize = "1.1em";
                //document.getElementById("box_out").style.height = "180px";
            //}
        //}

        // Shoutbox 3 Sekunden nach Aufrufen des Frames automatisch laden.
        setTimeout(call+'_ajax_call("refresh",'+lng+')',3000);

        // EventHandler für Tastatureinagben.
        document.onkeydown = k_submit;

        // EventHandler für Mauseinagben.
        document.onmousedown = m_submit;
    }
//-->