<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
    
	<title>CodeIgniter Demo - Chat</title>

	<script type="text/javascript" src="http://localhost/CodeIgniter/application/js/jquery.js"></script>
	<script type="text/javascript" src="http://localhost/CodeIgniter/application/js/chat.js"></script>
 
  
    <!-- drag the chat box  
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
    <script type="text/javascript" src="http://demo.webexplorar.com/codeigniter/application/js/jquery/ui/jquery.ui.draggable.js"></script>
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/> -->
     
  
    <link type="text/css" rel="stylesheet" media="all" href="http://localhost/CodeIgniter/application/css/chat.css" />
    <link type="text/css" rel="stylesheet" media="all" href="http://localhost/CodeIgniter/application/css/screen.css" />
    
    <!--[if lte IE 7]>
    <link type="text/css" rel="stylesheet" media="all" href="http://demo.webexplorar.com/codeigniter/application/css/screen_ie.css" />
    <![endif]--> 

     <script type="text/javascript">
	/*jQuery(function(){ 
		if(jQuery(".chatbox")[0]) {
			jQuery(".chatbox").draggable();
		}
		
		jQuery('.chatboxhead').live('click',function () {
			jQuery(".chatbox").draggable();
		});

	});*/
	</script> 
    <style>
		body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; }
		div#container {
				height: 300px;
				position: relative;
				width: 100%;
		}
	</style>
</head>
<body>

<div id="container">