Skip to content
Fetching contributors…
Cannot retrieve contributors at this time
executable file 1380 lines (1207 sloc) 58.7 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Spaz</title>
<link rel="stylesheet" href="css/init.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/javascript" src="http://scripts.embed.ly/embedly.js"></script>
<!-- The AIR aliases definitions -->
<script src="vendors/air/AIRAliases.js" type="text/javascript" charset="utf-8"></script>
<!-- JazzRecord DB lib -->
<script src="vendors/jazz_record.js" type="text/javascript" charset="utf-8"></script>
<!-- Lawnchair -->
<script src="vendors/lawnchair/adaptors/AIRSqliteAsyncAdaptor.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/lawnchair/Lawnchair.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/lawnchair/adaptors/LawnchairAdaptorHelpers.js" type="text/javascript" charset="utf-8"></script>
<!-- Timer lib for benchmarking -->
<script src="vendors/time.js" type="text/javascript" charset="utf-8"></script>
<!-- Keyboard shortcuts handling http://www.openjs.com/scripts/events/keyboard_shortcuts/ -->
<script src="vendors/shortcut.js" type="text/javascript" charset="utf-8"></script>
<!-- Showdown, the Markdown parser -->
<script src="vendors/showdown.js" type="text/javascript" charset="utf-8"></script>
<!-- Pixel Bender libraries from BlackBookSafe -->
<script src="vendors/BlenderEffect.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/Tween.js" type="text/javascript" charset="utf-8"></script>
<!-- jsOAuth -->
<script src="vendors/jsOAuth-1.1.js" type="text/javascript" charset="utf-8"></script>
<!-- jQuery libs -->
<script src="vendors/jquery/jquery-1.4.2.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.scrollTo.js" type="text/javascript"></script>
<script src="vendors/jquery/jquery.array.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.intercept.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.positionBy.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.ajaxQueue.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.highlight-2.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.contextmenu.r2.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery-ui-personalized-1.5.2.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.hint.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.menu.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="vendors/jquery/menu/style.css" type="text/css" media="screen" charset="utf-8" />
<script src="vendors/jquery/jquery.center.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/tag.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jqXMLUtils.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.DOMWindow.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.tinysort.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.embedly.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.mustache.js" type="text/javascript" charset="utf-8"></script>
<!-- HTML notification library -->
<script src="vendors/purrjs.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/SpazGrowl.js" type="text/javascript" charset="utf-8"></script>
<!-- username completion lib -->
<script src="vendors/usernameCompleter.js" type="text/javascript" charset="utf-8"></script>
<!-- Notification popups libs -->
<script src="vendors/library.swf" type="application/x-shockwave-flash"></script>
<script src="vendors/as3growl.swf" type="application/x-shockwave-flash"></script>
<!-- Network service monitor -->
<script src="vendors/servicemonitor.swf" type="application/x-shockwave-flash"></script>
<!-- Spry Widgets -->
<script language="JavaScript" type="text/javascript" src="vendors/spry/widgets/tabbedpanels/SpryTabbedPanels.js"></script>
<script language="JavaScript" type="text/javascript" src="vendors/spry/widgets/collapsiblepanel/SpryCollapsiblePanel.js"></script>
<link rel="stylesheet" type="text/css" href="vendors/spry/widgets/tabbedpanels/SpryTabbedPanels.css" />
<!-- SpazCore -->
<script src="spazcore/spazcore-air.js" type="text/javascript" charset="utf-8"></script>
<script src="spazcore/spazmenu.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
/*
set your dump level now to get dumps asap
*/
sc.setDumpLevel(1); // 1 shows errors, nothing else; 5 is everything
</script>
<!-- JazzRecord models -->
<script src="app/models/Tweets.js" type="text/javascript" charset="utf-8"></script>
<script src="app/models/TwUserModel.js" type="text/javascript" charset="utf-8"></script>
<script src="app/models/DraftModel.js" type="text/javascript" charset="utf-8"></script>
<!-- auth config -->
<script src="app/auth_config.js" type="text/javascript" charset="utf-8"></script>
<!-- app init lib -->
<script src="app/spaz.js" type="text/javascript"></script>
<!-- app model -->
<script src="app/models/spaz.db.js" type="text/javascript"></script>
<script src="app/models/spaz.data.js" type="text/javascript"></script>
<script src="app/models/spaz.autocomplete.js" type="text/javascript"></script>
<script src="app/models/spaz.prefs.js" type="text/javascript"></script>
<!-- app libraries -->
<script src="app/libs/spaz.const.js" type="text/javascript"></script>
<script src="app/libs/spaz.timers.js" type="text/javascript"></script>
<script src="app/libs/spaz.sys.js" type="text/javascript"></script>
<script src="app/libs/spaz.update.js" type="text/javascript"></script>
<script src="app/libs/spaz.debug.js" type="text/javascript"></script>
<script src="app/libs/spaz.hooks.js" type="text/javascript" charset="utf-8"></script>
<!-- Emoticons lib developed by Graeme Dunlop -->
<script src="app/libs/Emoticons.js" type="text/javascript" charset="utf-8"></script>
<script src="app/libs/Emoticons.SimpleSmileys.js" type="text/javascript" charset="utf-8"></script>
<script src="app/libs/Emoticons.GMailChat.js" type="text/javascript" charset="utf-8"></script>
<!-- app helpers -->
<script src="app/helpers/spaz.js" type="text/javascript" charset="utf-8"></script>
<!-- app controller -->
<script src="app/controllers/spaz.controller.js" type="text/javascript" charset="utf-8"></script>
<script src="app/controllers/spaz.handlers.js" type="text/javascript" charset="utf-8"></script>
<!-- app view -->
<script src="app/views/spaz.ui.js" type="text/javascript"></script>
<script src="app/views/spaz.usermenu.js" type="text/javascript"></script>
<script src="app/views/spaz.sharemenu.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.replymenu.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.themes.js" type="text/javascript"></script>
<script src="app/views/spaz.cssfilters.js" type="text/javascript" charset="utf-8"></script>
<!-- <script src="app/views/spaz.notify.js" type="text/javascript" charset="utf-8"></script> -->
<script src="app/views/spaz.section.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.keyboard.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.editor.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.tpl.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.sounds.js"></script>
<script src="app/views/spaz.timelines.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/timelines/spaz.timelines.friends.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/timelines/spaz.timelines.favorites.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/timelines/spaz.timelines.search.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/timelines/spaz.timelines.user.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/timelines/spaz.timelines.userlists.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/timelines/spaz.timelines.public.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/timelines/spaz.timelines.followers.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.timelinefilters.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.postpanel.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.shortlink.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.dock.js" type="text/javascript"></script>
<script src="app/views/spaz.tooltip.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.menus.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.windows.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.accountprefs.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.conversation.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.drafts.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.imageuploader.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.profile.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.newspopup.js" type="text/javascript" charset="utf-8"></script>
<!-- theme scripts -->
<script type="text/javascript" charset="utf-8" id="themeinfo"></script>
<script type="text/javascript" charset="utf-8" id="themejs"></script>
<!-- user js script -->
<script type="text/javascript" charset="utf-8" id="userjs"></script>
<script type="text/javascript">
// stuff to load when this doc loads
$(document).ready( function() {
Spaz.initialize();
})
$(document).load( function() {
// hi
})
</script>
<style type="text/css" media="screen" title="custom-timeline-filters">
</style>
</head>
<body class="active" id="home" onclick="$('#linkContextMenu').hide()">
<div id="container">
<img src="images/beta-ribbon.png" id="beta-ribbon">
<h1 id="header" onmousedown="Spaz.Windows.windowMove();">
<div id="window-buttons">
<span id="minimize" class="window-button" onclick="Spaz.Windows.windowMinimize()" title="Minimize">&ndash;</span>
<span id="close" class="window-button" onclick="Spaz.Windows.windowClose()" title="Close">&times;</span>
</div>
<div id="header-label">Spaz</div>
</h1>
<!-- Tools -->
<div id="tools-menu-toggle" title="Tools"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()">
<span class="tab-icon"></span>
</div>
<div id="tabs" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup" id="timeline-tabs">
<!-- YOUR TIMELINE -->
<li class="TabbedPanelsTab" tabindex="2" title="Your timeline"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()"
id="tab-friends" onclick="Spaz.UI.setSelectedTab(this)">
<span class="tab-icon"></span>
</li>
<!-- SENT STATUSES -->
<li class="TabbedPanelsTab" tabindex="3" title="Tweets you've sent"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()"
id="tab-user" onclick="Spaz.UI.setSelectedTab(this)">
<span class="tab-icon"></span>
</li>
<!-- FAVORITES STATUSES -->
<li class="TabbedPanelsTab" tabindex="3" title="Your favorites"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()"
id="tab-favorites" onclick="Spaz.UI.setSelectedTab(this)">
<span class="tab-icon"></span>
</li>
<!-- LISTS STATUSES -->
<li class="TabbedPanelsTab" tabindex="3" title="Your user lists"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()"
id="tab-userlists" onclick="Spaz.UI.setSelectedTab(this)">
<span class="tab-icon"></span>
</li>
<!-- PUBLIC -->
<li class="TabbedPanelsTab" tabindex="4" title="Public timeline"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()"
id="tab-public" onclick="Spaz.UI.setSelectedTab(this);">
<span class="tab-icon"></span>
</li>
<!-- SEARCH -->
<li class="TabbedPanelsTab" tabindex="5" title="Search timeline"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()"
id="tab-search" onclick="Spaz.UI.setSelectedTab(this);">
<span class="tab-icon"></span>
</li>
<!-- Friendslist -->
<li class="TabbedPanelsTab" tabindex="6" title="Following/Followers"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()"
id="tab-followerslist" onclick="Spaz.UI.setSelectedTab(this)">
<span class="tab-icon"></span>
</li>
<!-- Followerslist -->
<!-- <li class="TabbedPanelsTab" tabindex="7" title="Followers"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()"
id="tab-followerslist" onclick="Spaz.UI.setSelectedTab(this)">
<span class="tab-icon"></span>
</li> -->
<!-- Prefs (hidden) -->
<li class="TabbedPanelsTab" id="tab-prefs" tabindex="8"></li>
</ul>
<!-- BEGIN CONTENT TABS -->
<div class="TabbedPanelsContentGroup" id="timeline-tabs-content">
<!-- FRIENDS AND YOU TIMELINE -->
<div class="TabbedPanelsContent" id="panel-friends">
<div id="menu-friends" class="panelmenu">
<form onsubmit="return false;">
<button id="refresh-friends" class="refresh" title="Refresh this timeline">Refresh</button>
<button id="markread-friends" class="markread" title="Mark all as read">Mark</button>
<button id="view-friends" title="Filter mentions, DMs, unread tweets, etc.">View</button>
<input type="text" name="filter-friends" value="" id="filter-friends" title="Enter text to filter this timeline" placeholder="Filter" />
</form>
</div>
<div id="timelinewrapper-friends" class="timeline-wrapper">
<div id="timeline-friends" class="timeline"></div>
<div class="loading">Loading&hellip;</div>
<div class="new-user">
<span class="add-account">Set up your account</span>
</div>
</div>
</div>
<!-- YOUR SENT MESSAGES -->
<div class="TabbedPanelsContent" id="panel-user">
<div id="menu-user" class="panelmenu">
<form onsubmit="return false;">
<button id="refresh-user" class="refresh" title="Refresh this timeline">Refresh</button>
<button id="markread-user" class="markread" title="Mark all as read">Mark</button>
<input type="text" name="filter-user" value="" id="filter-user" title="Enter text to filter this timeline" placeholder="Filter" />
</form>
</div>
<div id="timelinewrapper-user" class="timeline-wrapper">
<div id="timeline-user" class="timeline"></div>
<div class="loading">Loading&hellip;</div>
<div class="new-user">
<span class="add-account">Set up your account</span>
</div>
</div>
</div>
<!-- FAVORITES TIMELINE -->
<div class="TabbedPanelsContent" id="panel-favorites">
<div id="menu-favorites" class="panelmenu">
<form onsubmit="return false;">
<button id="refresh-favorites" class="refresh" title="Refresh this timeline">Refresh</button>
<button id="markread-favorites" class="markread" title="Mark all as read">Mark</button>
<input type="text" name="filter-favorites" value="" id="filter-favorites" title="Enter text to filter this timeline" placeholder="Filter" />
</form>
</div>
<div id="timelinewrapper-favorites" class="timeline-wrapper">
<div id="timeline-favorites" class="timeline"></div>
<div class="loading">Loading&hellip;</div>
<div class="new-user">
<span class="add-account">Set up your account</span>
</div>
</div>
</div>
<!-- USERLISTS TIMELINE -->
<div class="TabbedPanelsContent" id="panel-userlists">
<div id="menu-userlists" class="panelmenu">
<form onsubmit="return false;">
<button id="refresh-userlists" class="refresh" title="Refresh this timeline">Refresh</button>
<button id="markread-userlists" class="markread" title="Mark all as read">Mark</button>
<button id="view-userlists" title="Choose a list to view">Lists</button>
<input type="text" name="filter-userlists" value="" id="filter-userlists" title="Enter text to filter this timeline" placeholder="Filter" />
</form>
</div>
<div id="timelinewrapper-userlists" class="timeline-wrapper">
<div id="timeline-userlists-full-name" class="timeline-subtitle"></div>
<div id="timeline-userlists" class="timeline"></div>
<div class="loading">Loading&hellip;</div>
<div class="new-user">
<span class="add-account">Set up your account</span>
</div>
<div class="intro">
Select a list from the &ldquo;Lists&rdquo; menu above.
</div>
</div>
</div>
<!-- PUBLIC TIMELINE -->
<div class="TabbedPanelsContent" id="panel-public">
<div id="menu-public" class="panelmenu">
<form onsubmit="return false;">
<button id="refresh-public" class="refresh" title="Refresh this timeline">Refresh</button>
<button id="markread-public" class="markread" title="Mark all as read">Mark</button>
<!-- <button id="trends-public" title="Trending worldwide (N/A)">Trends</button> -->
<input type="text" name="filter-public" value="" id="filter-public" title="Enter text to filter this timeline" placeholder="Filter" />
</form>
</div>
<div id="timelinewrapper-public" class="timeline-wrapper">
<div id="timeline-public" class="timeline"></div>
<div class="loading">Loading&hellip;</div>
<div class="new-user">
<span class="add-account">Set up your account</span>
</div>
</div>
</div>
<!-- SEARCH TIMELINE -->
<div class="TabbedPanelsContent" id="panel-search">
<div id="menu-search" class="panelmenu">
<form onsubmit="return false;">
<button id="refresh-search" class="refresh" title="Refresh this timeline">Refresh</button>
<button id="search-saved" title="Saved searches">Saved</button>
<input type="text" name="search-for" value="" id="search-for" title="Enter search" placeholder="Search" />
<button id="search-go" title="Submit search">Search</button>
<button id="search-help" title="Search help">?</button>
</form>
</div>
<div id="timelinewrapper-search" class="timeline-wrapper">
<div id="timeline-search" class="timeline"></div>
<div class="loading">Loading&hellip;</div>
<div class="intro">
Enter your search terms above.
</div>
<div class="empty">
There are no results matching your search.
</div>
</div>
</div>
<!-- LIST OF PEOPLE YOU ARE FOLLOWING -->
<div class="TabbedPanelsContent" id="panel-followerslist">
<div id="menu-followerslist" class="panelmenu">
<form onsubmit="return false;">
<button id="refresh-followerslist" class="refresh" title="Refresh">Refresh</button>
<button id="view-followerslist" title="Choose a list to view">View</button>
<input type="text" name="filter-followers" value="" id="filter-followers" title="Enter text to filter this list" placeholder="Filter" />
</form>
</div>
<div id="timelinewrapper-followerslist" class="timeline-wrapper">
<div id="timeline-followerslist-full-name" class="timeline-subtitle"></div>
<div id="timeline-followerslist" class="timeline"></div>
<div id="timeline-loadmore-panel" class="loadmore-panel">
<input type="button" class="load-more" id="load-more-followers" name="load-more-followers" value="Load more&hellip;" id="load-more-followers" />
</div>
<div class="loading">Loading&hellip;</div>
<div class="new-user">
<span class="add-account">Set up your account</span>
</div>
</div>
</div>
<!-- PREFS -->
<div class="TabbedPanelsContent" id="panel-prefs">
<div id="timelinewrapper-prefs" class="timeline-wrapper prefs">
<div class="timeline" id="timeline-prefs">
<form id="prefs-form" onsubmit="Spaz.Prefs.setPrefs(); return false;">
<div id="prefsCPG" class="CollapsiblePanelGroup">
<div id="prefs-user-fieldset" class="CollapsiblePanel">
<h2 class="CollapsiblePanelTab" tabindex="0">
<strong>Accounts</strong>
</h2>
<div class="CollapsiblePanelContent">
<fieldset id="account-list-fieldset">
<div class="formrow cta">
<input type="button" class="add-account"
name="add-account" value="Set up your account" />
</div>
<div class="formrow">
<ul id="account-list"></ul>
</div>
<div class="formrow controls">
<input type="hidden" name="current-account-id" id="current-account-id" />
<input type="button" name="add-account" value="+" class="add-account" />
<input type="button" name="del-account" value="-" id="del-account" />
<input type="button" name="edit-account" value="Edit" id="edit-account" />
<input type="button" name="switch-account" value="Switch" id="switch-account" />
</div>
</fieldset>
<fieldset id="account-details">
<div class="popbox-content prefs" id="popbox-content-account-details">
<h1>
Account Details
<span class="closeDOMWindow">close</span>
</h1>
<div class="content">
<!-- a place to store the ID we're editing -->
<input type="hidden" name="id_edit" value="" id="id_edit" />
<div class="formrow reauthorize-twitter-controls">
<h2 id="twitter-username"></h2>
<button id="twitter-reauthorize" class="primary">Re-Authorize</button>
</div>
<div class="formrow reauthorize-twitter-controls" id="twitter-pin-row">
<label for="twitter-pin">PIN</label>
<input type="text" name="twitter-pin" id="twitter-pin" value="" />
<button id="twitter-pin-ok" class="primary">OK</button>
</div>
<div class="formrow username-password-controls">
<label for="username">Username</label>
<input type="text" name="username" id="username" value="" />
</div>
<div class="formrow username-password-controls">
<label for="password">Password</label>
<input type="password" name="password" id="password" value="" />
</div>
<div class="formrow">
<label for="account-type">Type</label>
<select name="account-type" id="account-type">
<option value="twitter">Twitter</option>
<option value="identi.ca">identi.ca</option>
<option value="StatusNet">StatusNet</option>
<option value="custom">Custom&hellip;</option>
</select>
</div>
<div class="formrow" id='twitter-api-base-url-row'>
<label for="twitter-api-base-url">Base API URL </label>
<input type="text" name="twitter-api-base-url" id="twitter-api-base-url" value="" />
</div>
<div class="formrow">
<input type="checkbox" name="twitter-disable-direct-posting" id="twitter-disable-direct-posting" value="1" />
<label for="twitter-disable-direct-posting" class="checkbox">
Disable direct posting (will only post via <strong>Other Services</strong>)
</label>
</div>
<fieldset>
<legend>Ping.FM</legend>
<div class="formrow">
<strong>Ping.FM support is currently disabled</strong>
</div>
<div style="display:none">
<div class="formrow">
<label for="services-pingfm-userappkey">
Ping.fm app key (<a id="pingfm-getkey" href="http://ping.fm/key" class="clickable">Find</a>)
</label>
<input type="text" name="services-pingfm-userappkey" id="services-pingfm-userappkey" value="" />
</div>
<!-- <div class="formrow">
<label for="base-theme">Update type</label>
<select id="services-pingfm-updatetype" name="services-pingfm-updatetype">
<option value="default">default</option>
<option value="microblog">microblog</option>
<option value="status">status</option>
</select>
</div> -->
<div class="formrow">
<input type="checkbox" name="services-pingfm-enabled" id="services-pingfm-enabled" value="1" />
<label for="services-pingfm-enabled" class="checkbox">Enable posting</label>
</div>
<div class="formrow">
<input type="checkbox" name="services-pingfm-sendreplies" id="services-pingfm-sendreplies" value="1" />
<label for="services-pingfm-sendreplies" class="checkbox">Post @replies</label>
</div>
</div>
</fieldset>
<fieldset>
<legend>Bit.ly API</legend>
<div class="formrow">
<label for="services-bitly-login">Bit.ly login (<a href="http://bit.ly/account/register">Get an account</a>)</label>
<input type="text" name="services-bitly-login" id="services-bitly-login" value="" />
</div>
<div class="formrow">
<label for="services-bitly-apikey">
Bit.ly API key
</label>
<input type="text" name="services-bitly-apikey" id="services-bitly-apikey" value="" />
</div>
</fieldset>
<fieldset>
<legend>Image Hosting</legend>
<div class="formrow">
<input type="checkbox" name="services-twitpic-sharepassword" id="services-twitpic-sharepassword" value="1" />
<label for="services-twitpic-sharepassword" class="checkbox">
Don't warn about password sharing
</label>
</div>
</fieldset>
</div> <!-- div.content -->
<div class="controls">
<button id="account-save" class="primary">Save</button>
<button id="account-cancel">Cancel</button>
</div>
</div> <!-- div#popbox-content-account-details -->
</fieldset>
</div>
</div>
<div id="prefs-style-fieldset" class="CollapsiblePanel">
<h2 class="CollapsiblePanelTab" tabindex="0">
<strong>Interface</strong>
</h2>
<div class="CollapsiblePanelContent">
<fieldset>
<legend>Theme</legend>
<div class="formrow">
<label>User CSS Overrides</label>
<div>
<!-- <input disabled="disabled" type="text" name="user-stylesheet" value="" id="prefs-user-stylesheet" /> -->
<input type="button" name="user-stylesheet-button" value="Load from file" id="prefs-user-stylesheet-button" onclick="Spaz.Themes.browseForUserCss()" />
<input type="button" name="user-stylesheet-edit" value="Edit User CSS" id="prefs-user-stylesheet-edit" onclick="Spaz.UI.showCSSEdit()" />
<!-- <input type="button" name="user-stylesheet-clear" value="&times;" id="prefs-user-stylesheet-clear" onclick="Spaz.Themes.clearUserStyleSheet()" /> -->
</div>
</div>
<div class="formrow">
<label for="theme-basetheme">Theme</label>
<select id="theme-basetheme" name="base-theme">
<!-- stuff goes here -->
</select> <span class="relaunch-required">*</span>
</div>
<div class="formrow">
<label for="window-alpha">Opacity</label>
<input type="text"
name="opacity-percentage" id="window-alpha"
value="100" maxlength="3" size="3" />%
</div>
<div class="formrow">
<input type="checkbox" name="window-dropshadow" value="1"
id="window-dropshadow" />
<label for="window-dropshadow" class="checkbox">Use drop shadow</label>
</div>
</fieldset>
<fieldset>
<legend>Dock</legend>
<div class="formrow">
<input type="checkbox" name="dock-display-unread-badge" value="1"
id="dock-displayunreadbadge" />
<label for="dock-displayunreadbadge" class="checkbox">Display unread badge</label>
</div>
<div class="formrow">
<label for="dock-unreadbadgecolor">Unread badge color</label>
<select id="dock-unreadbadgecolor" name="dock-unread-badge-color">
<option value="red">Red</option>
<option value="blue">Blue</option>
<option value="yellow">Yellow</option>
<option value="green">Green</option>
<option value="cyan">Cyan</option>
<option value="magenta">Magenta</option>
</select>
</div>
<div class="formrow">
<label for="dock-unreadbadgeshape">Unread badge shape</label>
<select id="dock-unreadbadgeshape" name="dock-unread-badge-shape">
<option value="classic">Classic</option>
<option value="star">Star</option>
</select>
</div>
</fieldset>
<fieldset>
<legend>Message Load Counts</legend>
<div class="formrow">
<label for="timeline-home-pager-count">Home Tweets</label>
<select id="timeline-home-pager-count" name="timeline-home-pager-count">
</select>
</div>
<div class="formrow">
<label for="timeline-direct-pager-count">Direct Tweets</label>
<select id="timeline-direct-pager-count" name="timeline-direct-pager-count">
</select>
</div>
<div class="formrow">
<label for="timeline-replies-pager-count">Mentions</label>
<select id="timeline-replies-pager-count" name="timeline-replies-pager-count">
</select>
</div>
</fieldset>
<fieldset>
<legend>Other options</legend>
<div class="formrow">
<input type="checkbox" name="markdown-enabled" value="1" id="usemarkdown" />
<label for="usemarkdown" class="checkbox">Parse Markdown</label>
<span class="relaunch-required">*</span>
</div>
<div class="formrow">
<input type="checkbox" name="minimize-systray" value="1"
id="window-minimizetosystray" />
<label for="window-minimizetosystray" class="checkbox">Minimize to Systray</label>
<span class="relaunch-required">*</span>
</div>
<div class="formrow">
<input type="checkbox" name="minimize-atstartup" value="1"
id="window-minimizeatstartup" />
<label for="window-minimizeatstartup" class="checkbox">Minimize at Startup</label>
<span class="relaunch-required">*</span>
</div>
<div class="formrow">
<input type="checkbox" name="minimize-background" value="1"
id="window-minimizeonbackground" />
<label for="window-minimizeonbackground" class="checkbox">Minimize in background</label>
<span class="relaunch-required">*</span>
</div>
<div class="formrow">
<input type="checkbox" name="maximize-foreground" value="1"
id="window-restoreonactivate" />
<label for="window-restoreonactivate" class="checkbox">Restore in foreground</label>
<span class="relaunch-required">*</span>
</div>
<div class="formrow">
<input type="checkbox" name="timeline-scrollonupdate" value="1"
id="timeline-scrollonupdate" />
<label for="timeline-scrollonupdate" class="checkbox">
Scroll to first new item on refresh
</label>
</div>
<div class="formrow">
<input type="checkbox" name="timeline-keyboardnavwrap" value="1"
id="timeline-keyboardnavwrap" />
<label for="timeline-keyboardnavwrap" class="checkbox">Wraparound keyboard nav.</label>
</div>
<div class="formrow">
<input type="checkbox" name="keyboard-enterInsertsNewline" value="1"
id="keyboard-enterInsertsNewline" />
<label for="keyboard-enterInsertsNewline" class="checkbox">ENTER key inserts newline.</label>
</div>
</fieldset>
</div>
</div>
<div id="prefs-notifications-fieldset" class="CollapsiblePanel">
<h2 class="CollapsiblePanelTab" tabindex="0">
<strong>Notifications</strong>
</h2>
<div class="CollapsiblePanelContent">
<fieldset>
<div class="formrow">
<input type="checkbox" name="notification-popups" value="1"
id="window-shownotificationpopups" />
<label for="window-shownotificationpopups" class="checkbox">Show notifications</label>
</div>
<div class="formrow">
<label for="window-notificationmethod">Method</label>
<select id="window-notificationmethod" name="window-notificationmethod">
<option value="internal">Internal</option>
<!-- <option value="growl" >Growl (OS X-only –&nbsp;experimental)</option> -->
</select>
</div>
<div class="formrow">
<label for="window-notificationposition">Position</label>
<select id="window-notificationposition" name="window-notificationposition">
<option value="topRight">Top-right</option>
<option value="topLeft" >Top-left</option>
<option value="bottomRight">Bottom-right</option>
<option value="bottomLeft" >Bottom-left</option>
</select>
</div>
</fieldset>
<fieldset>
<legend>Show notifications for</legend>
<div class="formrow">
<input type="checkbox" name="notify-messages" value="1" id="notify-messages" />
<label for="notify-messages" class="checkbox">
New messages (not @mentions or DMs)
</label>
</div>
<div class="formrow">
<input type="checkbox" name="notify-mentions" value="1" id="notify-mentions" />
<label for="notify-mentions" class="checkbox">@Mentions</label>
</div>
<div class="formrow">
<input type="checkbox" name="notify-dms" value="1" id="notify-dms" />
<label for="notify-dms" class="checkbox">Direct messages</label>
</div>
<div class="formrow">
<input type="checkbox" name="notify-totals" value="1" id="notify-totals" />
<label for="notify-totals" class="checkbox">New totals</label>
</div>
<!--
<div class="formrow">
<input type="checkbox" name="notify-searchresults" value="1" id="notify-searchresults" />
<label for="notify-searchresults" class="checkbox">Search results (N/A)</label>
</div>
<div class="formrow">
<input type="checkbox" name="notify-listmessages" value="1" id="notify-listmessages" />
<label for="notify-listmessages" class="checkbox">List messages (N/A)</label>
</div>
-->
</fieldset>
</div>
</div>
<div id="prefs-sound-fieldset" class="CollapsiblePanel">
<h2 class="CollapsiblePanelTab" tabindex="0">
<strong>Sound</strong>
</h2>
<div class="CollapsiblePanelContent">
<fieldset>
<div class="formrow">
<input type="checkbox" name="sound-enabled" value="1" id="sound-enabled" />
<label for="sound-enabled" class="checkbox">Play sounds</label>
</div>
<div class="formrow">
<input type="checkbox" name="wilhelm-enabled" value="1" id="wilhelm-enabled" />
<label for="wilhelm-enabled" class="checkbox">Wilhelm can scream</label>
</div>
</fieldset>
</div>
</div>
<div id="prefs-upgrades-fieldset" class="CollapsiblePanel">
<h2 class="CollapsiblePanelTab" tabindex="0">
<strong>Upgrades</strong>
</h2>
<div class="CollapsiblePanelContent">
<fieldset>
<div class="formrow">
<input type="checkbox" name="checkupdate-enabled" value="1" id="checkupdate" />
<label for="checkupdate" class="checkbox">Check on startup</label>
<span class="relaunch-required">*</span>
</div>
<div class="formrow">
<input type="checkbox" name="checkupdate-testversions-enabled" value="1" id="checkupdate-testversions" />
<label for="checkupdate-testversions" class="checkbox">Check for test versions</label>
</div>
<div class="formrow">
<input type="button" name="checkupdate-button" value="Check Now"
id="prefs-checkupdate-button" onclick="Spaz.Update.go()" />
</div>
</fieldset>
</div>
</div>
<div id="prefs-network-fieldset" class="CollapsiblePanel">
<h2 class="CollapsiblePanelTab" tabindex="0">
<strong>Networking</strong>
</h2>
<div class="CollapsiblePanelContent">
<fieldset>
<legend>Refresh interval</legend>
<div class="formrow">
<input type="text" name="refresh-interval" id="network-refreshinterval"
value="5" maxlength="2" size="2" /> minutes
<span id="refreshRateInfo">
– <span id="refreshRateInfoValue">##</span> API reqs/hour
</span>
</div>
<div class="formrow">
<input type="button" name="autosetrefresh-button" value="Get rate from Twitter"
id="prefs-autosetrefresh-button" />
</div>
<div class="formrow">
<input type="checkbox" name="autoadjust-refresh-interval" value="1"
id="network-autoadjustrefreshinterval" />
<label for="network-autoadjustrefreshinterval" class="checkbox">
Auto-adjust refresh interval
</label>
<!-- <span class="relaunch-required">*</span> -->
</div>
</fieldset>
<fieldset>
<div class="formrow">
<input type="checkbox" name="twitter-enable-userstream" value="1"
id="twitter-enable-userstream" />
<label for="twitter-enable-userstream" class="checkbox">
Enable Twitter User Stream
</label>
<span class="relaunch-required">*</span>
</div>
</fieldset>
<fieldset>
<div class="formrow">
<input type="checkbox" name="handle-http-auth" value="1"
id="network-airhandlehttpauth" />
<label for="network-airhandlehttpauth" class="checkbox">
Enable HTTP auth handling
</label>
<!-- <span class="relaunch-required">*</span> -->
</div>
</fieldset>
</div>
</div>
<!--
<div id="prefs-dock-fieldset" class="CollapsiblePanel">
<h2 class="CollapsiblePanelTab" tabindex="0">
<strong>Dock</strong>
</h2>
<div class="CollapsiblePanelContent"></div>
</div>
-->
<div id="prefs-debugging-fieldset" class="CollapsiblePanel">
<h2 class="CollapsiblePanelTab" tabindex="0">
<strong>Debugging</strong>
</h2>
<div class="CollapsiblePanelContent">
<fieldset>
<div class="formrow">
<input type="checkbox" name="debugging-enabled" value="1" id="debug-enabled" />
<label class="checkbox" for="debug-enabled">Enable detailed logging</label>
<span class="relaunch-required">*</span>
</div>
<div class="formrow">
<input type="checkbox" name="inspector-enabled" value="1" id="inspector-enabled" />
<label class="checkbox" for="inspector-enabled">Enable Inspector (open with F12)</label>
<span class="relaunch-required">*</span>
</div>
<div class="formrow">
<input type="button" id="prefs-openlogfile-button" name="open-logfile" value="View Log File" onclick="Spaz.Debug.openLogFile()" />
</div>
<div class="formrow">
<input type="button" id="prefs-dumphtml-button" name="dump-html" value="Dump HTML" onclick="Spaz.Debug.dumpHTML()" />
</div>
</fieldset>
</div>
</div>
</div> <!-- div#prefsCPG -->
<div class="formrow footer">
<p class="prefs-relaunch">
<span class="relaunch-required">*</span>
<span class="prefs-relaunch-msg">Relaunch required</span>
</p>
<p class="prefs-update">
<input type="button" id="prefs-update-button"
name="update" value="Save Preferences"
onclick="Spaz.Prefs.setPrefs()" />
</p>
<p class="prefs-open-folder">
<input type="button" id="prefs-open-folder"
value="Open Prefs Folder&hellip;" />
</p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- ENTRYFORM -->
<form id="entryform" onsubmit="return false;">
<!-- <textarea id="entrybox" onfocus='Spaz.UI.showEntryboxTip()' onblur='Spaz.UI.resetStatusBar(); $("body").focus(); return false;' tabindex="0"></textarea> -->
<textarea id="entrybox" tabindex="1"></textarea>
<div id="entrybox-popup">
<div class="entrybox-popup-content">
<div id="irt" style="display:none">
<span id="irt-dismiss" class="clickable" title="Clear the 'in-reply-to:' setting for this update">x</span>
<span id="irt-content">
<strong>Re:</strong>
<span id="irt-message" data-status-id="0"></span>
</span>
</div>
<span id="chars-left">
<span id="chars-left-count"></span> <span id="chars-left-description">left</span>
</span>
<div id="entrybox-actions">
<button id="entrybox-attach" title="Upload image"><span>Upload Image</span></button>
<button id="entrybox-shorten">Shorten &#x25BE;</button>
<button id="entrybox-saveDraft">Save New Draft</button>
</div>
</div>
</div>
<input type="button" onclick="Spaz.UI.sendUpdate()" id="updateButton" value="Send &raquo;" />
<div id="entryform-drafts">
You have <span class="count">0 drafts</span> saved.
<input type="button" id="view-drafts" value="View drafts" />
</div>
</form>
<!-- STATUSBAR -->
<div id="statusbar" onmousedown="Spaz.Windows.windowMove();">
<!-- LOADING -->
<span id='loading'><!-- <img src='{theme-dir}/images/loading.gif' /> --></span>
<span id='statusbar-text'>Ready</span>
</div>
<div id="resize-sw" onmousedown="Spaz.Windows.windowResize()">
</div>
<div id="updateCheckWindow" class="popupWindow" style="display:none;">
Checking for updates&hellip;
</div>
<!-- the context menu container -->
<div id="linkContextMenu" class="context-menu">
<ul>
<li id="linkContextMenu-copyLink" class="clickable menuitem">Copy Link Address</li>
</ul>
</div>
<!-- User context menu -->
<div id="userContextMenu" class="context-menu">
<ul>
<li id="userContextMenu-sendReply" class="clickable menuitem">Send @Reply</li>
<li id="userContextMenu-sendDM" class="clickable menuitem">Send Direct Message</li>
<li id="userContextMenu-searchForUser" class="clickable menuitem">Search For User</li>
<li id="userContextMenu-filterByUser" class="clickable menuitem">Filter Timeline by User</li>
<li id="userContextMenu-viewProfile" class="clickable menuitem">View Profile</li>
<li id="userContextMenu-follow" class="clickable menuitem">Follow</li>
<li id="userContextMenu-unfollow" class="clickable menuitem">Stop Following</li>
<!-- <li id="userContextMenu-block" class="clickable">Block</li> -->
</ul>
</div>
<!-- The tooltip container -->
<div id="tooltip">
<div class="tooltip-msg"></div>
<div class="preview" style='display:none; overflow:hidden; margin-top:.7em'></div>
</div>
<!-- Suggestions menu -->
<div id="suggestions"></div>
<!--
About window
-->
<div class="popbox-content-wrapper" id="aboutWindow">
<div class="popbox-content info" id="popbox-content-about">
<h1>About <span class="closeDOMWindow">close</span></h1>
<div class="content">
<h2>A microblogging client for Twitter, Identi.ca and StatusNet</h2>
<p><a class="clickable" onclick="sc.helpers.openInBrowser('http://getspaz.com/desktop/whatsnew')"><span id="about-version"></span> – What's new</a></p>
<p>Created by <a class="clickable" onclick="sc.helpers.openInBrowser('http://funkatron.com')">Ed Finkler, Funkatron Productions</a></p>
<ul>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://twitter.com/spaz')">@Spaz on Twitter</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://getspaz.com')">Spaz Homepage</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://help.getspaz.com')">Spaz User Support</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://webchat.freenode.net/">Spaz on IRC</a>: Freenode, channel #spaz</li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://groups.google.com/group/spaz-users')">Spaz-Users discussion group</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://github.com/funkatron/spaz-desktop-air')">Spaz Source Code</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://funkatron.com/apps/spaz/AIR/LICENSE.txt')">Spaz License</a></li>
</ul>
<h3>Please Support Spaz!</h3>
<p><a href='http://www.pledgie.com/campaigns/8477'><img alt='Click here to lend your support to: Spaz: An open source microblogging client and make a donation at www.pledgie.com !' src='http://www.pledgie.com/campaigns/8477.png?skin_name=chrome' border='0' /></a></p>
<h3>Media sets used</h3>
<ul>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://leobolin.net/simplesmileys/')">Simple Smileys emoticons by Leo Bolin</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://www.adiumxtras.com/index.php?a=xtras&amp;xtra_id=602')">Tokyo Train Station soundset by Dominik Dimaano</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://glyphish.com')">Glyphish icons by Joseph Wain</a></li>
</ul>
</div>
</div>
</div>
<!--
Help window
-->
<div class="popbox-content-wrapper" id="helpWindow">
<div class="popbox-content info" id="popbox-content-help">
<h1>Help <span class="closeDOMWindow">close</span></h1>
<div class="content">
<h2>Online resources</h2>
<ul id="resources">
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://twitter.com/spaz')">@Spaz on Twitter</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://help.getspaz.com')">Spaz User Support</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://webchat.freenode.net/">Spaz on IRC</a>: Freenode, channel #spaz</li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://groups.google.com/group/spaz-users')">Spaz-Users discussion group</a></li>
</ul>
<h2>Keyboard shortcuts</h2>
<p><em>Note: Windows &amp; Linux users should use CTRL instead of CMD</em></p>
<table id="help-shortcuts" class="data">
<thead>
<tr>
<th>keystroke</th>
<th>command</th>
</tr>
</thead>
<tbody>
<!-- composing -->
<tr>
<td class="section-header" colspan="2">Composing</td>
</tr>
<tr>
<td class="label">CMD+T</td>
<td class="value">Jump to message entry box</td>
</tr>
<tr>
<td class="label">CMD+SHIFT+2</td>
<td class="value">Respond to sender of currently selected message</td>
</tr>
<tr>
<td class="label">CMD+B</td>
<td class="value">Markdown: <strong>bold</strong></td>
</tr>
<tr>
<td class="label">CMD+I</td>
<td class="value">Markdown: <em>italic</em></td>
</tr>
<tr>
<td class="label">CMD+U</td>
<td class="value">Markdown: <a>link&raquo;</a></td>
</tr>
<tr>
<td class="label">CMD+R</td>
<td class="value">Markdown: <code>code</code></td>
</tr>
<!-- Timeline Nav -->
<tr>
<td class="section-header" colspan="2">Timeline Nav</td>
</tr>
<tr>
<td class="label">&#x2191; <em>or</em> K <em>or</em> CMD+K</td>
<td class="value">Up one message</td>
</tr>
<tr>
<td class="label">&#x2193; <em>or</em> J <em>or</em> CMD+J</td>
<td class="value">Down one message</td>
</tr>
<tr>
<td class="label">CMD+&#x2191;</td>
<td class="value">Up one reply</td>
</tr>
<tr>
<td class="label">CMD+&#x2193;</td>
<td class="value">Down one reply</td>
</tr>
<tr>
<td class="label">CMD+SHIFT+&#x2191;</td>
<td class="value">Up one dm</td>
</tr>
<tr>
<td class="label">CMD+SHIFT+&#x2193;</td>
<td class="value">Down one dm</td>
</tr>
<tr>
<td class="label">CMD+HOME</td>
<td class="value">Select first message</td>
</tr>
<tr>
<td class="label">CMD+END</td>
<td class="value">Select last message</td>
</tr>
<tr>
<td class="label">CMD+F</td>
<td class="value"><strong>toggle</strong> between showing all tweets and only @replies &amp; dms</td>
</tr>
<tr>
<td class="label">CMD+SHIFT+M</td>
<td class="value"><strong>Mark</strong> all messages as read in current view</td>
</tr>
<tr>
<td class="label">F5</td>
<td class="value">Reload current view</td>
</tr>
<tr>
<td class="label">SHIFT+F5</td>
<td class="value">Clear and reload current view</td>
</tr>
<!-- App Nav -->
<tr>
<td class="section-header" colspan="2">Application Nav</td>
</tr>
<tr>
<td class="label">CMD+,</td>
<td class="value">View Preferences</td>
</tr>
<tr>
<td class="label">CMD+SHIFT+,</td>
<td class="value">Open preferences folder</td>
</tr>
<tr>
<td class="label">CMD+{1-7}</td>
<td class="value">Switch to Tab 1-7</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!--
Short Link window
-->
<div class="popbox-content-wrapper" id="shortLinkWindow">
<div class="popbox-content" id="popbox-content-short-link">
<h1>Shorten Link <span class="closeDOMWindow">close</span></h1>
<div class="content">
<form id="shortenLink-form" onsubmit="return false;">
<div class="formrow">
<label for="url-shortener">Service</label>
<select id="url-shortener" name="url-shortener">
<!-- stuff goes here -->
</select>
</div>
<div class="formrow">
<label for="shorten-original-link">Link</label>
<input type="text" name="original-link" id="shorten-original-link" value="http://" />
</div>
<div class="formrow" id="shorten-custom-hidden" style="display: none; visibility: hidden;">
<label for="shorten-custom-link">Custom</label>
<input type="text" name="custom-link" id="shorten-custom-link" value="" />
</div>
<div class="formrow">
<label for="shorten-short-link">Short</label>
<input type="text" name="short-link" id="shorten-short-link" value="" />
</div>
<div class="formrow" style="text-align:right; margin-top:15px">
<input type="submit" id="shorten-button" name="update" value="Shorten" />
</div>
<div id="verification-result" align="center">&nbsp;</div>
</form>
</div>
</div>
</div>
<!--
Image Upload window
-->
<div class="popbox-content-wrapper" id="imageUploadWindow">
<div class="popbox-content" id="popbox-content-image-upload">
<h1>Upload Image <span class="closeDOMWindow">close</span></h1>
<div class="content">
<div id="imageupload-droplet" title="Click to upload">&#x21E7;</div>
<form id="imageupload-form" onsubmit="return false;">
<div class="formrow">
<label for="imageupload-file-uploader">Service</label>
<select id="imageupload-file-uploader" name="imageupload-file-uploader">
</select>
</div>
<div class="formrow">
<label for="imageupload-file-url">File</label>
<input type="text" name="imageupload-file-url" id="imageupload-file-url" disabled='disabled' />
</div>
<!-- <div class="formrow">
<label for="imageupload-post-message">Message</label>
<textarea name="imageupload-post-message" id="imageupload-post-message"></textarea>
</div> -->
<div style="text-align:center">
<input type="button" id="imageupload-button" name="imageupload-button" value="Upload" />
</div>
<!-- <div id="extra-twitpic" class="formrow service-extras" style="text-align:center; margin-top:15px">
<input type="button" id="imageupload-button" name="upload" value="Upload" disabled="disabled" style="font-size:24pt" />
</div> -->
<div id="imageupload-verification-result" align="center">
<span id='imageupload-loading'></span>
<span id="imageupload-status-text"></span>
</div>
</form>
</div>
</div>
</div>
<!--
Conversation window
-->
<div class="popbox-content-wrapper" id="conversationWindow">
<div class="popbox-content" id="popbox-content-conversation">
<h1>Conversation <span class="closeDOMWindow">close</span></h1>
<div class="content">
<div id="timeline-conversation" class="timeline"></div>
</div>
</div>
</div>
<!--
News/updates window
-->
<div class="popbox-content-wrapper" id="newsWindow">
<div class="popbox-content info" id="popbox-content-news">
<h1>News &amp; Updates <span class="closeDOMWindow">close</span></h1>
<div class="content">
<div id="news-content"></div>
</div>
</div>
</div>
<!--
Drafts window
-->
<div class="popbox-content-wrapper" id="draftsWindow">
<div class="popbox-content" id="popbox-content-drafts">
<h1>Drafts <span class="closeDOMWindow">close</span></h1>
<div class="content">
<ul></ul>
</div>
</div>
</div>
<!--
Profile window
-->
<div class="popbox-content-wrapper" id="profileWindow">
<div class="popbox-content" id="popbox-content-profile">
<h1>Profile <span class="closeDOMWindow">close</span></h1>
<div class="content loading">
<div class="loading">Loading&hellip;</div>
<div class="header">
<div class="profile-user-image clickable" title="View large"></div>
<p class="name clickable" title="View full profile in browser">
<strong class="real-name"></strong>
<span class="username"></span>
</p>
</div>
<div class="body">
<p class="website clickable" title="View in browser"></p>
<p class="location">
<span class="label">Location:</span>
<span class="value clickable" title="View map in browser"></span>
</p>
<p class="bio"></p>
<ul class="counts">
<li class="tweets clickable" title="View in browser">
<em></em> <span class="label">tweets</span>
</li>
<li class="following clickable" title="View in browser">
<em></em> <span class="label">following</span>
</li>
<li class="followers clickable" title="View in browser">
<em></em> <span class="label">followers</span>
</li>
<li class="listed clickable" title="View in browser">
<em></em> <span class="label">listed</span>
</li>
</ul>
<p class="faves clickable">View favorites</p>
</div>
</div> <!-- div.content -->
<div class="controls">
<button class="follow-toggle follow" style="display:none">Follow</button>
<button class="follow-toggle unfollow" style="display:none">Unfollow</button>
<button class="tools"><span>Tools</span></button>
<!-- <button class="lists" title="N/A">Lists</button> -->
</div>
</div> <!-- div.popbox-content -->
</div>
</div> <!-- End #container -->
<span id="wilhelm">
WILHELM!!!
</span>
<div id="spaz-dialog"></div>
</body>
</html>
Something went wrong with that request. Please try again.