/***************************/
//@Edited by: Karl Õmblus
/***************************/

$(document).ready(function(){
	//global vars
	var inputUser = $("#nick");
	var inputUsername = $("#username");
	var inputMessage = $("#message");
	var loading = $("#loading");
	var messageList = $(".content > ul");
    var sisu='';
    var last='0';
	var username='';

//	document.getElementById("username").focus();

	//functions
	function updateShoutbox(){
		//just for the fade effect
		//messageList.hide();
		//loading.fadeIn();
		//send the post to shoutbox2.php
		$.ajax({
			type: "POST", url: "shoutbox2.php", data: "action=update&sait=5&last="+last,
			complete: function(data){
				if(data.responseText.substr(0,2) == "r:") { // little sanity check
                    var uussisu =data.responseText.slice(16)
                    if (uussisu.length>3) { // tuli midagi
					    loading.fadeOut();
					    //sisu+= uussisu;
					    //messageList.html(sisu);

                        var node = document.createElement("LI");
                        //var textnode = document.createTextNode(uussisu);
                        //node.appendChild(textnode);
                        node.innerHTML=uussisu;
                        document.getElementById("ul1").appendChild(node); 


					    last=data.responseText.substr(2,10);
                        //document.getElementById("user").innerHTML='(' + (Number(data.responseText.substr(12,14)) )  +')';
					    messageList.fadeIn(2000);
					    //window.scrollBy(0,1500);
                        //var element = document.getElementById("content"); element.scrollIntoView();

                        var div = document.getElementById("content");   $('#content').animate({      scrollTop: div.scrollHeight + div.clientHeight   }, 500);

                    } // tuli midagi
				} // check
			}
		});
	}
	//check if all fields are filled
	function checkForm(){
		if(  /*inputUser.attr("value") &&*/ inputMessage.attr("value"))
			return true;
		else
			return false;
	}
	
	//Load for the first time the shoutbox data
	messageList.hide();
	loading.fadeIn();
	updateShoutbox();
	window.scrollBy(0,1500);
    //var element = document.getElementById("content"); element.scrollIntoView();
    var div = document.getElementById("content");   $('#content').animate({      scrollTop: div.scrollHeight +div.clientHeight   }, 500);
    window.scrollBy(0,1500);

setInterval(function () { updateShoutbox();}, 6500);
setInterval(function () {
                            $.ajax({
			                            type: "POST", url: "shoutbox2.php", data: "action=users&sait=5&last="+last+"&nick=" + username,
			                            complete: function(data){document.getElementById("user").innerHTML='(' + (Number(data.responseText.substr(12,4)) )  +')'; 	}
		                           });
                        }, 50000);



	//on submit event
    $("#form").submit(function(){

        if(inputUsername.attr("value").length=0 && username=='') { // tuli tühi username ja username ei ole
            alert("Palun vali omale kasutajanimi" );
        } if(inputUsername.attr("value") && username=='') { // saime omale kasutajanime
            username=inputUsername.attr("value");
            $("#nick").attr({ value:username });
            var message = document.getElementById("message").value;
            var username2 = username.replace(/(<([^>]+)>)/gi, "");
            document.getElementById("demo").innerHTML= '<nobr><label>'+username2+'</label>: <input class="text" id="message" type="text" autofocus="autofocus" MAXLENGTH="255" /><input id="send" type="submit" value="Saada" /></nobr><br>';
            $("#message").attr({ value:message });
            document.getElementById("message").focus();
        } 

        if (username.length>0) {
            if(document.getElementById("message").value){
                var message = inputMessage.attr("value"); 
                message=document.getElementById("message").value;
                $("#send").attr({ disabled:true, value:"Salvestan..." });
                $("#send").blur();
                $.ajax({
                    type: "POST", url: "shoutbox2.php", data: "action=insert&sait=5&nick=" + encodeURIComponent(username) + "&message=" + encodeURIComponent(message),
                    complete: function(data){ updateShoutbox(); $("#message").attr({ value:"" });$("#send").attr({ disabled:false, value:"Saada." });	}
                 });
            } else {
                //alert("Palun kirjuta tekst ikka ka" );
            }
        }
		document.getElementById("message").focus();
		return false;
	});




});