
		<div id="connection_setting" class="overview vp" content-layout="simple" isotope="true"> 
			<!-- <a href="" onclick="window.open('<%= facebook_server_path %>','login_window','height=250,width=400,titlebar=0,statusbar=0,location=0');return false;">Connect FaceBook</a>

			<a href="/facebook/get_friends" ajax-remote="get" >Get Friends</a>
			<a href="/facebook/disconnect" ajax-remote="get" >Disconnect from facebook</a> -->
			<ul class="s_form w2 hp" id="facebook_connection" >
			<!-- 	<li><span class="c_status">No Connection</span></li>
				<li><img src="/assets/connection/facebook.png" alt="" class="c_icon"><h1 class="c_name">Facebook</h1></li>
				<li><label for="">Account</label><input type="text"></li>
				<li><label for="">Password</label><input type="password"></li>
				<li>
					<div class="s_action">
						<a href="facebook" class="setting_btn thmc1 thmtxt hp" onclick="return false;" for="new">Connect</a>
						<a href="facebook" class="setting_btn thmc1 thmtxt hp" onclick="return false;" for="delete" style="display:none;">Remove</a>
					</div>
				</li> -->
				<li><a href="javascript:void(0);" onclick="window.open('<%= facebook_server_path(:user_id=>@user_id) %>','login_window','height=668,width=1124,titlebar=0,statusbar=0,location=0');"><img src="/assets/facebook-logo.png" alt="" class="c_icon"></a></li>
			</ul>
			<ul class="s_form w2 hp" id="twitter_connection">
				<li><span class="c_status">No Connection</span></li>
				<li><img src="/assets/connection/twitter.png" alt="" class="c_icon"><h1 class="c_name">Twitter</h1></li>
				<li><label for="">Account</label><input type="text"></li>
				<li><label for="">Password</label><input type="password"></li>
				<li>
					<div class="s_action">
						<a href="twitter" class="setting_btn thmc1 thmtxt hp" onclick="return false;" for="new">Connect</a>
						<a href="twitter" class="setting_btn thmc1 thmtxt hp" onclick="return false;" for="delete" style="display:none;">Remove</a>
					</div>
				</li>
			</ul>
			<ul class="s_form w2 hp" id="gmail_connection">
				<li><span class="c_status">No Connection</span></li>
				<li><img src="/assets/connection/gmail.png" alt="" class="c_icon"><h1 class="c_name">Gmail</h1></li>
				<li><label for="">Account</label><input type="text"></li>
				<li><label for="">Password</label><input type="password"></li>
				<li>
					<div class="s_action">
						<a href="gmail" class="setting_btn thmc1 thmtxt hp" onclick="return false;" for="new">Connect</a>
						<a href="gmail" class="setting_btn thmc1 thmtxt hp" onclick="return false;" for="delete" style="display:none;">Remove</a>
					</div>
				</li>
			</ul>
		</div>
		<!-- <div style="z-index:999;position:relative;"><button onclick="o.tempFunc()">Twitter</button> -->
	
