new pisilinux web sites

Projects/Panel/Resources/Themes/default/js/matrix.chat.js

@@ -0,0 +1,66 @@
+
+$(document).ready(function(){
+	
+	var msg_template = '<p><span class="msg-block"><strong></strong><span class="time"></span><span class="msg"></span></span></p>';
+	
+	$('.chat-message button').click(function(){
+		var input = $(this).siblings('span').children('input[type=text]');		
+		if(input.val() != ''){
+			add_message('You','img/demo/av1.jpg',input.val(),true);
+		}		
+	});
+	
+	$('.chat-message input').keypress(function(e){
+		if(e.which == 13) {	
+			if($(this).val() != ''){
+				add_message('You','img/demo/av1.jpg',$(this).val(),true);
+			}		
+		}
+	});
+	
+	setTimeout(function(){
+			add_message('Linda','img/demo/av2.jpg','Hello Every one do u want to freindship with me?')
+		},'1000');
+	setTimeout(function(){
+			add_message('Mark','img/demo/av3.jpg','Yuppi! why not sirji!!.')
+		},'4000');
+	setTimeout(function(){
+			add_message('Linda','img/demo/av2.jpg','Thanks!!! See you soon than')
+		},'8000');
+	setTimeout(function(){
+			add_message('Mark','img/demo/av3.jpg','ok Bye than!!!.')
+		},'12000');	
+	setTimeout(function(){
+            remove_user('Linda','Linda')
+        },'16000');
+   	var i = 0;
+	function add_message(name,img,msg,clear) {
+		i = i + 1;
+		var  inner = $('#chat-messages-inner');
+		var time = new Date();
+		var hours = time.getHours();
+		var minutes = time.getMinutes();
+		if(hours < 10) hours = '0' + hours;
+		if(minutes < 10) minutes = '0' + minutes;
+		var id = 'msg-'+i;
+        var idname = name.replace(' ','-').toLowerCase();
+		inner.append('<p id="'+id+'" class="user-'+idname+'">'
+										+'<span class="msg-block"><img src="'+img+'" alt="" /><strong>'+name+'</strong> <span class="time">- '+hours+':'+minutes+'</span>'
+										+'<span class="msg">'+msg+'</span></span></p>');
+		$('#'+id).hide().fadeIn(800);
+		if(clear) {
+			$('.chat-message input').val('').focus();
+		}
+		$('#chat-messages').animate({ scrollTop: inner.height() },1000);
+	}
+    function remove_user(userid,name) {
+        i = i + 1;
+        $('.contact-list li#user-'+userid).addClass('offline').delay(1000).slideUp(800,function(){
+            $(this).remove();
+        });
+        var  inner = $('#chat-messages-inner');
+        var id = 'msg-'+i;
+        inner.append('<p class="offline" id="'+id+'"><span>User '+name+' left the chat</span></p>');
+        $('#'+id).hide().fadeIn(800);
+    }
+});