<?php
echo $this->Html->script('chat');
echo $this->Html->css('chat');
//$friends = $this->Session->read('currentfriends');
$arr_status2 = array('1' => 'Online', '2' => 'Offline', '3' => 'Busy');

$w = '375';
if($w == 120):
	$style = "style='display:none; width:0px'";
else:
	$style = "style='width:" . ($w - 120) . "px'";
endif;

?>
<div id="chat_area" style="width:<?php echo $w?> px">
    <div id="chat_area_l" class="fl">
        <div id="chat_navigator">
        	<span id="chat_left" title="Expand" onclick="chex();">&nbsp;</span>
			<span id="chat_right" title="Collapse" onclick="chfcl();">&nbsp;</span>
        </div>

        <div id="chat_selector">
            <select name="drpChanger" id="drpChanger">
				<option value="1">My Network</option>
				<option value="2">My Institution 1</option>
				<option value="3">My Institution 2</option>
				<option value="4">My Institution 3</option>
				<option value="5">Physics Class</option>
				<option value="6">Chemistry Banyan</option>
				<option value="7">Math Rush</option>
				<option value="8">International Relations</option>
				<option value="9">Islamic Culture</option>
			</select>
        </div>

        <div id="chat_users_max">
        	<ul>
        		<li title="Imran Rahman" id="chat_user_1"><?php echo $this->Html->image('chat/o.png',array('title'=>'Witing to view message'))?>Syeed Siddique</li>
				<li title="Imran Rahman" id="chat_user_2"><?php echo $this->Html->image('chat/on.png',array('title'=>'Witing to view message'))?>Abdul Baten</li>
				
        	</ul>
        </div>
    </div>

    <div id="chat_area_r" class="fl" <?php echo $style; ?>>
        <div id="chat_menu">
            <a href="#">Mailbox</a>
            <a href="#">Chat</a>
            <?php echo $this->Html->link('Compose', array('controller' => 'messages', 'action' => 'email')) ?>
        </div>
        <div id="chat_user_menu">
            <div class="fl">Chat</div>
			<select name="drpStatus" id="drpStatus" class="fl">
				<option value="1">Online</option>
				<option value="2">Busy</option>
				<option value="3">Offline</option>
			</select>
			<div class="cl"></div>
        </div>

        <div id="chat_users_talk_wrap">
        	<div id="chat_users_talk">
        		<div class="chat_user_exchange">
					<em><img src="/proj/2013/foqasv5s/img/upload/profiles/34.png" alt="Abdul Baten" title="Abdul Baten"></em>
					<div class="chat_user_data">
                            <div class="fl"><b>Abdul Baten:</b></div>
                            <div class="fr"><small>Apr 03 2014 12:17 PM</small></div>
                            <div class="cl pt5">hello </div>
					</div>
					<div class="cl"></div>
            	</div>
            	<div class="chat_user_exchange">
					<em><img src="/proj/2013/foqasv5s/img/upload/profiles/39.png" alt="Abdul Baten" title="Abdul Baten"></em>
					<div class="chat_user_data">
                            <div class="fl"><b>Imran Rahman:</b></div>
                            <div class="fr"><small>Apr 03 2014 12:17 PM</small></div>
                            <div class="cl pt5">How r u? </div>
					</div>
					<div class="cl"></div>
            	</div>
        	</div>
        </div>

        <div id="chat_input" style="text-align: right;">
            <div id="chatstat"></div>
            <textarea id="chat_dataentry"></textarea>
            <button id="chat_emoticon">Emoticons</button>
            <button id="chat_send">Send</button>
        </div>

        <div id="chat_emoticons">
           <h3>Insert an emoticon</h3>
			<span>X</span>
			<hr />
			<div id="chat_emos">
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/1.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/2.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/3.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/4.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/5.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/6.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/7.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/8.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/9.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/10.gif" /></dfn>
			
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/11.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/12.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/13.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/14.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/15.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/16.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/17.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/18.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/19.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/20.gif" /></dfn>
			
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/21.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/22.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/23.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/24.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/25.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/26.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/27.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/28.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/29.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/30.gif" /></dfn>
			
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/32.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/33.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/34.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/35.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/36.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/37.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/38.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/39.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/40.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/41.gif" /></dfn>
			
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/42.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/43.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/44.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/45.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/46.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/47.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/48.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/50.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/51.gif" /></dfn>
			
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/54.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/55.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/56.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/57.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/58.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/59.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/61.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/62.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/63.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/64.gif" /></dfn>
			
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/65.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/66.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/67.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/68.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/69.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/70.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/71.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/72.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/73.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/74.gif" /></dfn>
			
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/76.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/77.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/78.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/79.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/80.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/81.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/82.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/83.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/84.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/85.gif" /></dfn>
			
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/86.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/87.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/88.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/89.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/90.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/91.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/92.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/93.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/94.gif" /></dfn>
				<dfn><img title="" alt="" src="http://www.foqas.com/img/chat/emo/95.gif" /></dfn>
			</div>
        </div>

    </div>
    <div class="cl"></div>
</div>
