From OpenSocial Directory
| Thumbnail
|
|
|
|
|
| Screenshot
|
|
|
|
Image:Example.jpg==Reviews==
Add a Review
Template:Top Friends Reviews
[edit] Comments
View Code
<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs
title="Top Friends"
description="Who are your Top Friends? Keep track of your best friends right on your profile with Top Friends by Slide.com!"
directory_title="Top Friends by Slide.com."
summary="Who are your Top Friends? Keep track of your best friends right on your profile with Top Friends!"
screenshot="http://static.slide.com/version/20080414093145/images/opensocial/screenshot_t8.gif"
thumbnail="http://static.slide.com/version/20080414093145/images/ok_top8.jpg"
title_url="http://www.slide.com"
author_email="gadget_feedback@slide.com"
author_affiliation="Slide, Inc."
author_location="San Francisco, CA, USA"
scaling="true"
scrolling="false"
singleton="false"
icon="http://static.slide.com/version/20080414093145/images/opensocial/appicon_top8.gif" >
<Require feature="opensocial-0.7"></Require>
<Require feature="dynamic-height" />
<Require feature="views" />
</ModulePrefs>
<Content type="html">
<![CDATA[
<!-- Load in Slide CSS -->
<link rel="stylesheet" href="http://static.slide.com/nocache/styles/ig.css"></link>
<link rel="stylesheet" href="http://static.slide.com/nocache/styles/ig_top8.css"></link>
<link rel="stylesheet" href="http://static.slide.com/nocache/styles/ig_ok_network.css"></link>
<link rel="stylesheet" href="http://static.slide.com/nocache/styles/top8.css"></link>
<style type="text/css">
.skin_1 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/1/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_2 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/2/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_3 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/3/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_4 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/4/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_5 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/5/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_6 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/6/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_7 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/7/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_8 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/8/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_9 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/9/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_10 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/10/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_11 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/11/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_12 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/12/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_13 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/13/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_14 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/14/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_15 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/15/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_16 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/16/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_17 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/17/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_18 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/18/icon.gif');
font-weight: bold;
text-align: right;
}
.skin_19 {
display: block;
height: 25px;
background-image: url('http://static.slide.com/tfs/19/icon.gif');
font-weight: bold;
text-align: right;
}
#awesomeness {
background-color: #f7f7f7;
border: 1px solid #ddd;
}
.img_crest {
height: 62px;
width: 62px;
display: inline;
}
#popularity {
width: 200px;
}
.main_tab_container {
border-bottom: 1px solid #898989;
display: none;
}
.custom_selected {
border: 1px solid #898989;
background-color: #D9E6F7;
}
.custom_unselected {
border: 1px solid #FFF;
background-color: #FFF;
}
</style>
<!-- All the markup to live before the js -->
<div id="profile" style="display:none">
</div>
<div id="canvas" style="display:none">
<center>
<div id="previewText"></div>
<div id="preview"></div>
</center>
<div class="canvas">
<div id="app_header_left">
<div id="app_header_right"></div>
</div>
<div id="tabs"></div>
<div id="top8_main_container" class="main_tab_container">
<span id="edit_status_container"></span>
<div style="text-align: left; margin: 20px 0px 10px 30px;">
<span class="top8_header_prefix bindable" dataprovider="tf.bindLang('step_1')" bindto="str"></span> <span class="top8_header_text bindable" dataprovider="tf.bindLang('select_top_friends')" bindto="str"></span>
</div>
<div id="top8_friend_select" style="text-align: center;">
<center>
<div id="edit_selector" class="selector" style="height: 165px; padding: 5px;">
<center>
<object width="100px" height="100px">
<param name="" value="http://static.slide.com/version/20080414093145/images/preloader2.swf">
<embed src="http://static.slide.com/version/20080414093145/images/preloader2.swf" width="100px" height="100px"></embed>
</object>
</center>
</div>
</center>
</div>
<div style="text-align: left; margin-left: 30px; margin-top: 10px;">
<span class="top8_header_prefix bindable" dataprovider="tf.bindLang('step_2')" bindto="str"></span> <span class="top8_header_text bindable" dataprovider="tf.bindLang('drag_drop_reorder')" bindto="str"></span>
</div>
<div style="text-align: center; margin-top: 10px;">
<input type="button" class="orkut_inputb bindable" bindattr="value" dataprovider="tf.bindLang('button_save')" onclick="return tf.edit.saveList();"/>
</div>
<div>
<center>
<ul id="fgrid"></ul>
</center>
</div>
<center>
<input id="bottom_save_button" type="button" class="orkut_inputb bindable" bindattr="value" dataprovider="tf.bindLang('button_save')" onclick="return tf.edit.saveList();"/>
</center>
<br/>
<br/>
</div>
<div id="top8_invite_container" class="main_tab_container top8_invite_container" style="height: 750px;">
<br clear="all"/>
<br/>
<span style="float: left; margin-left: 35px;">
<h2>Invite your friends to become more popular!</h2>
</span>
<span style="float: right; margin-right: 35px;">
<input type="button" class="orkut_inputb" value="Send!" onclick="return tf.invite.send();"/>
</span>
<br clear="all"/>
<div id="top8_invite_friend_select" style="text-align: center;">
<center>
<div id="invite_selector" class="selector" style="height: 175px; padding: 5px;">
<center>
<object width="100px" height="100px">
<param name="" value="http://static.slide.com/version/20080414093145/images/preloader2.swf">
<embed src="http://static.slide.com/version/20080414093145/images/preloader2.swf" width="100px" height="100px"></embed>
</object>
</center>
</div>
</center>
</div>
<br/>
<span style="float: right; margin-right: 35px;">
<input type="button" class="orkut_inputb" value="Send!" onclick="return tf.invite.send();"/>
</span>
<br/>
<br/>
<br/>
<center>
<div style="width: 700px;">
<span style="font-size: 20px; float: left; color: #898989;">Your current popularity level:</span>
<br clear="all"/>
<div id="awesomeness" style="background-color: #F7F7F7; border: 1px solid #DDDDDD; border-top: 0px;">
<table width="100%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="text-align: right;">
<img class="img_crest bindable" dataprovider="Serdes.make_static_url('/images/fb_top8_crest.gif')" bindattr="src"/>
</td>
<td style="width: 200px;">
<div id="popularity" style="text-align: center; margin-top: 20px;">
<p style="font-size: 10px; color: #777777; margin: 0px; padding: 0px;" class="bindable" bindto="str" dataprovider="tf.bindLang('popularity_title')"></p>
<span style="font-size: 14px; font-weight: bold; color: #333333;" id="pop_level"></span>
<p style="font-size: 10px; color: #777777; margin: 0px; padding: 0px;"><span class="bindable" bindto="str" dataprovider="tf.bindLang('popularity_next')"></span> <span id="pop_level_n"></span></p>
</div>
</td>
<td style="text-align: left;">
<img class="img_crest bindable" dataprovider="Serdes.make_static_url('/images/fb_top8_crest.gif')" bindattr="src"/>
</td>
</tr>
</tbody>
</table>
</div>
<br/>
<br/>
<div id="popularity_slideshow_container" style="display: none; text-align: center;">
<span style="font-size: 20px; color: #898989;">Friends who've added you as a Top Friends (<span style="font-weight: bold;" id="popularity_count">0</span>)</span>
<div id="popularity_slideshow">
</div>
</div>
</div>
</center>
</div>
<div id="top8_drinks_container" class="main_tab_container">
<div style="background-color: #F7F7F7; border: 1px solid #DDD; border-top: 0px; padding: 8px; padding-left: 15px; font-weight:bold; text-align: left;">
<a onclick="return tf.drinks.subtabSendDrinks();">Send Drinks</a> | <a onclick="return tf.drinks.subtabDrinksReceived()">Drinks Received</a>
</div>
<span id="drinks_status_container"></span>
<br/>
<div id="drinks_received_container" style="display: none;" class="sub_tab_container">
<center>
<span id="drinks_received_preloader_container"></span>
<div id="drinks_received_grid_container" style="width:650px; height:645px; overflow: auto; text-align:left;">
</div>
</center>
</div>
<div id="send_drinks_container" class="sub_tab_container">
<form onsubmit="return tf.drinks.sendDrinks(this)">
<span style="float: left; margin-left: 30px;">
<span class="top8_header_prefix bindable" dataprovider="tf.bindLang('step_1')" bindto="str"></span> <span class="top8_header_text bindable" dataprovider="tf.bindLang('select_drinks_friends')" bindto="str"></span>
</span>
<div class="breakline" style="height: 5px;"></div>
<center>
<strong id="super_shortcuts" style="display: none;">
<a onclick="return tf.drinks.selectTopFriends();">Select Top Friends</a> | <a onclick="return tf.drinks.selectAll();">Select All</a> | <a onclick="return tf.drinks.clearAll();">Clear</a>
</strong>
<div id="super_friend_selector" style="width: 700px; padding: 10px; height: 150px; border: 1px solid #B7B7B7; clear: both; text-align: left;">
<center>
<object width="100px" height="100px">
<param name="" value="http://static.slide.com/version/20080414093145/images/preloader2.swf">
<embed src="http://static.slide.com/version/20080414093145/images/preloader2.swf" width="100px" height="100px"></embed>
</object>
</center>
</div>
<br clear="all"/>
</center>
<center>
<span style="float: left; margin-left: 30px;">
<span class="top8_header_prefix bindable" bindto="str" dataprovider="tf.bindLang('step_2')"></span> <span class="top8_header_text bindable" bindto="str" dataprovider="tf.bindLang('select_drink')"></span>
</span>
<span style="float: right; padding-right: 15px;">
<input type="submit" class="orkut_inputb bindable" bindattr="value" dataprovider="tf.bindLang('drink_send_button')"/>
</span>
<div class="breakline" style="height: 10px;"></div>
<div id="super_drink_selector" class="selector super_selector_box hidden_until_after_animation" style="width: 700px; text-align: center; padding: 0px; padding-bottom: 10px;">
<span id="gift_td_125" style="display: block; padding:0px; width:100px; height: 85px; float: left; overflow: none; padding-top: 10px;">
<p style="text-align:center;">
<label for="gift_id_125" style="cursor:pointer;" onclick="document.getElementById('gift_id_125').checked = true;"><img src="http://static.slide.com/version/20080414093145/images/fb_drinks/VitaminWater/SATC_rescue_label_mockup.jpg" height="50" width="50" id="gift_id_125_img"/></label>
<br />
<input type="radio" name="gift_id" id="gift_id_125" value="125" checked />
<label for="gift_id_125"><span id="gift_id_125_name" class="gift_name">vitaminwater rescue</span></label>
</p>
</span>
<span id="gift_td_126" style="display: block; padding:0px; width:100px; height: 85px; float: left; overflow: none; padding-top: 10px;">
<p style="text-align:center;">
<label for="gift_id_126" style="cursor:pointer;" onclick="document.getElementById('gift_id_126').checked = true;"><img src="http://static.slide.com/version/20080414093145/images/fb_drinks/VitaminWater/SATC_xxx_label_mockup.jpg" height="50" width="50" id="gift_id_126_img"/></label>
<br />
<input type="radio" name="gift_id" id="gift_id_126" value="126" />
<label for="gift_id_126"><span id="gift_id_126_name" class="gift_name">vitaminwater xxx</span></label>
</p>
</span>
<span id="gift_td_127" style="display: block; padding:0px; width:100px; height: 85px; float: left; overflow: none; padding-top: 10px;">
<p style="text-align:center;">
<label for="gift_id_127" style="cursor:pointer;" onclick="document.getElementById('gift_id_127').checked = true;"><img src="http://static.slide.com/version/20080414093145/images/fb_drinks/VitaminWater/VW_20oz_07_energy_layerd.jpg" height="50" width="50" id="gift_id_127_img"/></label>
<br />
<input type="radio" name="gift_id" id="gift_id_127" value="127" />
<label for="gift_id_127"><span id="gift_id_127_name" class="gift_name">vitaminwater energy</span></label>
</p>
</span>
<span id="gift_td_128" style="display: block; padding:0px; width:100px; height: 85px; float: left; overflow: none; padding-top: 10px;">
<p style="text-align:center;">
<label for="gift_id_128" style="cursor:pointer;" onclick="document.getElementById('gift_id_128').checked = true;"><img src="http://static.slide.com/version/20080414093145/images/fb_drinks/VitaminWater/VW_20oz_07_power-c_retouched_layerd_cmyk.jpg" height="50" width="50" id="gift_id_128_img"/></label>
<br />
<input type="radio" name="gift_id" id="gift_id_128" value="128" />
<label for="gift_id_128"><span id="gift_id_128_name" class="gift_name">vitaminwater power-c</span></label>
</p>
</span>
<span id="gift_td_85" style="display: block; padding:0px; width:100px; height: 85px; float: left; overflow: none; padding-top: 10px;">
<p style="text-align:center;">
<label for="gift_id_85" style="cursor:pointer;" onclick="document.getElementById('gift_id_85').checked = true;"><img src="http://static.slide.com/version/20080414093145/images/fb_drinks/alabamaslammer.gif" height="50" width="50" id="gift_id_85_img"/></label>
<br />
<input type="radio" name="gift_id" id="gift_id_85" value="85" />
<label for="gift_id_85"><span id="gift_id_85_name" class="gift_name">Alabama Slammer</span></label>
</p>
</span>
<span id="gift_td_7" style="display: block; padding:0px; width:100px; height: 85px; float: left; overflow: none; padding-top: 10px;">
<p style="text-align:center;">
<label for="gift_id_7" style="cursor:pointer;" onclick="document.getElementById('gift_id_7').checked = true;"><img src="http://static.slide.com/version/20080414093145/images/fb_drinks/appletini_sm.jpg" height="50" width="50" id="gift_id_7_img"/></label>
<br />
<input type="radio" name="gift_id" id="gift_id_7" value="7" />
<label for="gift_id_7"><span id="gift_id_7_name" class="gift_name">Appletini</span></label>
</p>
</span>
<br clear="all"/>
<span id="gift_td_37" style="display: block; padding:0px; width:100px; height: 85px; float: left; overflow: none; padding-top: 10px;">
<p style="text-align:center;">
<label for="gift_id_37" style="cursor:pointer;" onclick="document.getElementById('gift_id_37').checked = true;"><img src="http://static.slide.com/version/20080414093145/images/fb_drinks/b52.jpg" height="50" width="50" id="gift_id_37_img"/></label>
<br />
<input type="radio" name="gift_id" id="gift_id_37" value="37" />
<label for="gift_id_37"><span id="gift_id_37_name" class="gift_name">B-52</span></label>
</p>
</span>
<span id="gift_td_53" style="display: block; padding:0px; width:100px; height: 85px; float: left; overflow: none; padding-top: 10px;">
<p style="text-align:center;">
<label for="gift_id_53" style="cursor:pointer;" onclick="document.getElementById('gift_id_53').checked = true;"><img src="http://static.slide.com/version/20080414093145/images/fb_drinks/black_magic_sm.jpg" height="50" width="50" id="gift_id_53_img"/></label>
<br />
<input type="radio" name="gift_id" id="gift_id_53" value="53" />
<label for="gift_id_53"><span id="gift_id_53_name" class="gift_name">Black Magic</span></label>
</p>
</span>
<span id="gift_td_81" style="display: block; padding:0px; width:100px; height: 85px; float: left; overflow: none; padding-top: 10px;">
<p style="text-align:center;">
<label for="gift_id_81" style="cursor:pointer;" onclick="document.getElementById('gift_id_81').checked = true;"><img src="http://static.slide.com/version/20080414093145/images/fb_drinks/bloodymary.gif" height="50" width="50" id="gift_id_81_img"/></label>
<br />
<input type="radio" name="gift_id" id="gift_id_81" value="81" />
<label for="gift_id_81"><span id="gift_id_81_name" class="gift_name">Bloody Mary</span></label>
</p>
</span>
<span id="gift_td_9" style="display: block; padding:0px; width:100px; height: 85px; float: left; overflow: none; padding-top: 10px;">
<p style="text-align:center;">
<label for="gift_id_9" style="cursor:pointer;" onclick="document.getElementById('gift_id_9').checked = true;"><img src="http://static.slide.com/version/20080414093145/images/fb_drinks/bluehawaii_sm.jpg" height="50" width="50" id="gift_id_9_img"/></label>
<br />
<input type="radio" name="gift_id" id="gift_id_9" value="9" />
<label for="gift_id_9"><span id="gift_id_9_name" class="gift_name">Blue Hawaii</span></label>
</p>
</span>
<span id="gift_td_79" style="display: block; padding:0px; width:100px; height: 85px; float: left; overflow: none; padding-top: 10px;">
<p style="text-align:center;">
<label for="gift_id_79" style="cursor:pointer;" onclick="document.getElementById('gift_id_79').checked = true;"><img src="http://static.slide.com/version/20080414093145/images/fb_drinks/Oscar/blueslushee.gif" height="50" width="50" id="gift_id_79_img"/></label>
<br />
<input type="radio" name="gift_id" id="gift_id_79" value="79" />
<label for="gift_id_79"><span id="gift_id_79_name" class="gift_name">Blue Slushee</span></label>
</p>
</span>
<span id="gift_td_87" style="display: block; padding:0px; width:100px; height: 85px; float: left; overflow: none; padding-top: 10px;">
<p style="text-align:center;">
<label for="gift_id_87" style="cursor:pointer;" onclick="document.getElementById('gift_id_87').checked = true;"><img src="http://static.slide.com/version/20080414093145/images/fb_drinks/candycanemartini.gif" height="50" width="50" id="gift_id_87_img"/></label>
<br />
<input type="radio" name="gift_id" id="gift_id_87" value="87" />
<label for="gift_id_87"><span id="gift_id_87_name" class="gift_name">Candy Cane Martini</span></label>
</p>
</span>
<br clear="all"/>
</div>
<br/>
</center>
<span style="float: left; margin-left: 30px;">
<span class="top8_header_prefix bindable" bindto="str" dataprovider="tf.bindLang('step_3')"></span> <span class="top8_header_text bindable" bindto="str" dataprovider="tf.bindLang('write_drink_message')"></span>
</span>
<div class="breakline" style="height: 10px;"></div>
<center>
<div style="width: 700px; text-align: left;">
<span style="margin-left: 10px;">
<input maxlength="200" type="text" name="drink_message" style="font-size:13px; font-weight: bold; width: 325px; border: 1px solid #898989;" id="drinks_message_box" onKeyDown='tf.drinks.countdown(this, $("#message_limit")[0], 200);' onKeyUp='tf.drinks.countdown(this, $("#message_limit")[0], 200);'/><span style="color: #666; font-size: 12px;"> <span id="message_limit">200</span> characters left</span>
</span>
</div>
<span style="float: right; padding-right: 15px; margin-top: -20px;">
<input type="submit" class="orkut_inputb bindable" bindattr="value" dataprovider="tf.bindLang('drink_send_button')"/>
</span>
<br clear="all"/>
</center>
</form>
</div>
<br/>
<br/>
</div>
<div id="top8_moods_container" class="main_tab_container top8_moods_container" style="height: 750px;">
<span id="moods_status_container"></span>
<center>
<h2 class="bindable" bindto="str" dataprovider="tf.bindLang('mood_header')"></h2>
<div id="top8_moods_user" class="top8_moods_user">
<table>
<tbody>
<tr>
<td style="width: 120px;">
<div id="top8_your_mood_div">
</div>
</td>
<td>
<div style="text-align:left;">I'm feeling <strong id="top8_your_mood">like i'm loading...</strong></div>
</td>
<tr>
</tbody>
</table>
</div>
</center>
<center>
<input type="button" class="orkut_inputb bindable" bindattr="value" dataprovider="tf.bindLang('mood_save_button')" onclick="return tf.moods.done();"/>
<div id="top8_moods_options" class="top8_moods_options" style="clear: both;">
<div id="top8_moods_item" class="top8_moods_item">
<span style="height: 98px; background-color: white; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/happy.png',sizingMethod='scale');" onclick="return tf.moods.set('0', 'Happy', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/happy.swf');">
<img src="http://static.slide.com/version/20080414093145/images/moods_os/slick/happy.png" width="100px" height="100px" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/happy.png',sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" title="Happy"/>
</span>
<br/>
<a href="#" onclick="return tf.moods.set('0', 'Happy', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/happy.swf');"><strong>"Happy"</strong></a>
</div>
<div id="top8_moods_item" class="top8_moods_item">
<span style="height: 98px; background-color: white; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/sad.png',sizingMethod='scale');" onclick="return tf.moods.set('1', 'Sad', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/sad.swf');">
<img src="http://static.slide.com/version/20080414093145/images/moods_os/slick/sad.png" width="100px" height="100px" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/sad.png',sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" title="Sad"/>
</span>
<br/>
<a href="#" onclick="return tf.moods.set('1', 'Sad', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/sad.swf');"><strong>"Sad"</strong></a>
</div>
<div id="top8_moods_item" class="top8_moods_item">
<span style="height: 98px; background-color: white; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/angry.png',sizingMethod='scale');" onclick="return tf.moods.set('2', 'Angry', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/angry.swf');">
<img src="http://static.slide.com/version/20080414093145/images/moods_os/slick/angry.png" width="100px" height="100px" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/angry.png',sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" title="Angry"/>
</span>
<br/>
<a href="#" onclick="return tf.moods.set('2', 'Angry', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/angry.swf');"><strong>"Angry"</strong></a>
</div>
<div id="top8_moods_item" class="top8_moods_item">
<span style="height: 98px; background-color: white; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/excited.png',sizingMethod='scale');" onclick="return tf.moods.set('3', 'Excited', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/excited.swf');">
<img src="http://static.slide.com/version/20080414093145/images/moods_os/slick/excited.png" width="100px" height="100px" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/excited.png',sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" title="Excited"/>
</span>
<br/>
<a href="#" onclick="return tf.moods.set('3', 'Excited', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/excited.swf');"><strong>"Excited"</strong></a>
</div>
<div id="top8_moods_item" class="top8_moods_item">
<span style="height: 98px; background-color: white; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/readyforaction.png',sizingMethod='scale');" onclick="return tf.moods.set('4', 'Maverick', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/ready_for_action.swf');">
<img src="http://static.slide.com/version/20080414093145/images/moods_os/slick/readyforaction.png" width="100px" height="100px" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/readyforaction.png',sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" title="Maverick"/>
</span>
<br/>
<a href="#" onclick="return tf.moods.set('4', 'Maverick', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/ready_for_action.swf');"><strong>"Maverick"</strong></a>
</div>
<div id="top8_moods_item" class="top8_moods_item">
<span style="height: 98px; background-color: white; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/intraining.png',sizingMethod='scale');" onclick="return tf.moods.set('5', 'In Training', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/intraining.swf');">
<img src="http://static.slide.com/version/20080414093145/images/moods_os/slick/intraining.png" width="100px" height="100px" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/intraining.png',sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" title="In Training"/>
</span>
<br/>
<a href="#" onclick="return tf.moods.set('5', 'In Training', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/intraining.swf');"><strong>"In Training"</strong></a>
</div>
<div id="top8_moods_item" class="top8_moods_item">
<span style="height: 98px; background-color: white; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/funny.png',sizingMethod='scale');" onclick="return tf.moods.set('7', 'Funny', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/funny.swf');">
<img src="http://static.slide.com/version/20080414093145/images/moods_os/slick/funny.png" width="100px" height="100px" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/funny.png',sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" title="Funny"/>
</span>
<br/>
<a href="#" onclick="return tf.moods.set('7', 'Funny', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/funny.swf');"><strong>"Funny"</strong></a>
</div>
<div id="top8_moods_item" class="top8_moods_item">
<span style="height: 98px; background-color: white; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/marsala.png',sizingMethod='scale');" onclick="return tf.moods.set('8', 'Masala', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/marsala.swf');">
<img src="http://static.slide.com/version/20080414093145/images/moods_os/slick/marsala.png" width="100px" height="100px" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/marsala.png',sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" title="Masala"/>
</span>
<br/>
<a href="#" onclick="return tf.moods.set('8', 'Masala', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/marsala.swf');"><strong>"Masala"</strong></a>
</div>
<div id="top8_moods_item" class="top8_moods_item">
<span style="height: 98px; background-color: white; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/silly.png',sizingMethod='scale');" onclick="return tf.moods.set('9', 'Silly', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/silly.swf');">
<img src="http://static.slide.com/version/20080414093145/images/moods_os/slick/silly.png" width="100px" height="100px" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/silly.png',sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" title="Silly"/>
</span>
<br/>
<a href="#" onclick="return tf.moods.set('9', 'Silly', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/silly.swf');"><strong>"Silly"</strong></a>
</div>
<div id="top8_moods_item" class="top8_moods_item">
<span style="height: 98px; background-color: white; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/nerdy.png',sizingMethod='scale');" onclick="return tf.moods.set('10', 'Nerdy', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/nerdy.swf');">
<img src="http://static.slide.com/version/20080414093145/images/moods_os/slick/nerdy.png" width="100px" height="100px" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/nerdy.png',sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" title="Nerdy"/>
</span>
<br/>
<a href="#" onclick="return tf.moods.set('10', 'Nerdy', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/nerdy.swf');"><strong>"Nerdy"</strong></a>
</div>
<div id="top8_moods_item" class="top8_moods_item">
<span style="height: 98px; background-color: white; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/smart.png',sizingMethod='scale');" onclick="return tf.moods.set('11', 'Smart', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/smart.swf');">
<img src="http://static.slide.com/version/20080414093145/images/moods_os/slick/smart.png" width="100px" height="100px" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/smart.png',sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" title="Smart"/>
</span>
<br/>
<a href="#" onclick="return tf.moods.set('11', 'Smart', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/smart.swf');"><strong>"Smart"</strong></a>
</div>
<div id="top8_moods_item" class="top8_moods_item">
<span style="height: 98px; background-color: white; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/sick.png',sizingMethod='scale');" onclick="return tf.moods.set('12', 'Sick', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/sick.swf');">
<img src="http://static.slide.com/version/20080414093145/images/moods_os/slick/sick.png" width="100px" height="100px" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/sick.png',sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" title="Sick"/>
</span>
<br/>
<a href="#" onclick="return tf.moods.set('12', 'Sick', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/sick.swf');"><strong>"Sick"</strong></a>
</div>
<div id="top8_moods_item" class="top8_moods_item">
<span style="height: 98px; background-color: white; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/stressed.png',sizingMethod='scale');" onclick="return tf.moods.set('13', 'Stressed', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/stressed.swf');">
<img src="http://static.slide.com/version/20080414093145/images/moods_os/slick/stressed.png" width="100px" height="100px" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/stressed.png',sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" title="Stressed"/>
</span>
<br/>
<a href="#" onclick="return tf.moods.set('13', 'Stressed', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/stressed.swf');"><strong>"Stressed"</strong></a>
</div>
<div id="top8_moods_item" class="top8_moods_item">
<span style="height: 98px; background-color: white; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/bored.png',sizingMethod='scale');" onclick="return tf.moods.set('14', 'Bored', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/bored.swf');">
<img src="http://static.slide.com/version/20080414093145/images/moods_os/slick/bored.png" width="100px" height="100px" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/bored.png',sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" title="Bored"/>
</span>
<br/>
<a href="#" onclick="return tf.moods.set('14', 'Bored', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/bored.swf');"><strong>"Bored"</strong></a>
</div>
<div id="top8_moods_item" class="top8_moods_item">
<span style="height: 98px; background-color: white; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/sympatico.png',sizingMethod='scale');" onclick="return tf.moods.set('15', 'Sympatico', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/sympatico.swf');">
<img src="http://static.slide.com/version/20080414093145/images/moods_os/slick/sympatico.png" width="100px" height="100px" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/sympatico.png',sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" title="Sympatico"/>
</span>
<br/>
<a href="#" onclick="return tf.moods.set('15', 'Sympatico', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/sympatico.swf');"><strong>"Sympatico"</strong></a>
</div>
<div id="top8_moods_item" class="top8_moods_item">
<span style="height: 98px; background-color: white; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/lucky.png',sizingMethod='scale');" onclick="return tf.moods.set('16', 'Lucky', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/lucky.swf');">
<img src="http://static.slide.com/version/20080414093145/images/moods_os/slick/lucky.png" width="100px" height="100px" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.slide.com/version/20080414093145/images/moods_os/slick/lucky.png',sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" title="Lucky"/>
</span>
<br/>
<a href="#" onclick="return tf.moods.set('16', 'Lucky', 'http://static.slide.com/version/20080414093145/images/moods_os/slick_swf/lucky.swf');"><strong>"Lucky"</strong></a>
</div>
</div>
<br clear="all"/>
<br/>
<input type="button" class="orkut_inputb bindable" bindattr="value" dataprovider="tf.bindLang('mood_save_button')" onclick="return tf.moods.done();"/>
</center>
<br clear="all"/>
</div>
<div id="top8_customize_container" class="main_tab_container">
<span id="customize_status_container"></span>
<center>
<h2>Customize your Top Friends profile!</h2>
<div class="profile_width" style="float: left;" id="faux_profile_container" onclick="return false;" onmouseover="return false;">
<div id="faux_profile" class="profile_width">
</div>
</div>
<div style="padding: 0px; padding-top: 10px; margin-left: 5px; margin-right: 5px; width: 293px; float: left;">
<div style="border: 1px solid #898989; padding: 2px; clear: both;">
<span style="float: left; position: relative; top: -18px; color: #898989; font-size: 12px;">Top Friends Slide Show</span>
<br/>
<div id="custom_styles_container">
<strong>Styles:</strong> <span id="selected_custom_style">none</span> selected <span id="selected_custom_style_action"></span>
<br/>
<a href="#" onclick="tf.customize.selectStyle(14, 'Checker'); return false;">
<div class="custom_unselected custom_style" style="float: left; text-align: center; width: 55px;" id="custom_style_14">
<span style="background: transparent url(http://static.slide.com/version/20080414093145/images/arrange_styles_gray.gif) no-repeat 0 -270px;; height: 30px; width: 39px; display: block; border: 1px solid #DDD; margin-left: 6px;"></span>
<span style="font-size: 8pt;">Checker</span>
</div>
</a>
<a href="#" onclick="tf.customize.selectStyle(17, 'Gallery'); return false;">
<div class="custom_unselected custom_style" style="float: left; text-align: center; width: 55px;" id="custom_style_17">
<span style="background: transparent url(http://static.slide.com/version/20080414093145/images/arrange_styles_gray.gif) no-repeat 0 -480px;; height: 30px; width: 39px; display: block; border: 1px solid #DDD; margin-left: 6px;"></span>
<span style="font-size: 8pt;">Gallery</span>
</div>
</a>
<a href="#" onclick="tf.customize.selectStyle(53, 'Reflection'); return false;">
<div class="custom_unselected custom_style" style="float: left; text-align: center; width: 55px;" id="custom_style_53">
<span style="background: transparent url(http://static.slide.com/version/20080414093145/images/arrange_styles_gray.gif) no-repeat 0 -870px;; height: 30px; width: 39px; display: block; border: 1px solid #DDD; margin-left: 6px;"></span>
<span style="font-size: 8pt;">Reflection</span>
</div>
</a>
<a href="#" onclick="tf.customize.selectStyle(0, 'Sliding'); return false;">
<div class="custom_unselected custom_style" style="float: left; text-align: center; width: 55px;" id="custom_style_0">
<span style="background: transparent url(http://static.slide.com/version/20080414093145/images/arrange_styles_gray.gif) no-repeat 0 -180px;; height: 30px; width: 39px; display: block; border: 1px solid #DDD; margin-left: 6px;"></span>
<span style="font-size: 8pt;">Sliding</span>
</div>
</a>
<a href="#" onclick="tf.customize.selectStyle(24, 'Revolver'); return false;">
<div class="custom_unselected custom_style" style="float: left; text-align: center; width: 55px;" id="custom_style_24">
<span style="background: transparent url(http://static.slide.com/version/20080414093145/images/arrange_styles_gray.gif) no-repeat 0 -90px;; height: 30px; width: 39px; display: block; border: 1px solid #DDD; margin-left: 6px;"></span>
<span style="font-size: 8pt;">Revolver</span>
</div>
</a>
</div>
<br clear="all"/>
<br/>
<div id="custom_skins_container">
<strong>Skins:</strong> <span id="selected_custom_skin">none</span> selected <span id="selected_custom_skin_action"></span>
<br/>
<a href="#" onclick="tf.customize.selectSkin(191, 'Vintage'); return false;">
<div class="custom_unselected custom_skin" style="float: left; text-align: center; width: 55px;" id="custom_skin_191">
<span style="background: transparent url(http://static.slide.com/version/20080414093145/images/arrange_skins_tf.gif) no-repeat 0 -30px;; height: 30px; width: 39px; display: block; border: 1px solid #DDD; margin-left: 6px;"></span>
<span style="font-size: 8pt;">Vintage</span>
</div>
</a>
<a href="#" onclick="tf.customize.selectSkin(190, 'Scrabble'); return false;">
<div class="custom_unselected custom_skin" style="float: left; text-align: center; width: 55px;" id="custom_skin_190">
<span style="background: transparent url(http://static.slide.com/version/20080414093145/images/arrange_skins_tf.gif) no-repeat 0 0px;; height: 30px; width: 39px; display: block; border: 1px solid #DDD; margin-left: 6px;"></span>
<span style="font-size: 8pt;">Scrabble</span>
</div>
</a>
<a href="#" onclick="tf.customize.selectSkin(189, 'Pink'); return false;">
<div class="custom_unselected custom_skin" style="float: left; text-align: center; width: 55px;" id="custom_skin_189">
<span style="background: transparent url(http://static.slide.com/version/20080414093145/images/arrange_skins_tf.gif) no-repeat 0 -60px;; height: 30px; width: 39px; display: block; border: 1px solid #DDD; margin-left: 6px;"></span>
<span style="font-size: 8pt;">Pink</span>
</div>
</a>
<a href="#" onclick="tf.customize.selectSkin(187, 'Diamond'); return false;">
<div class="custom_unselected custom_skin" style="float: left; text-align: center; width: 55px;" id="custom_skin_187">
<span style="background: transparent url(http://static.slide.com/version/20080414093145/images/arrange_skins_tf.gif) no-repeat 0 -90px;; height: 30px; width: 39px; display: block; border: 1px solid #DDD; margin-left: 6px;"></span>
<span style="font-size: 8pt;">Diamond</span>
</div>
</a>
<a href="#" onclick="tf.customize.selectSkin(188, 'Graffiti'); return false;">
<div class="custom_unselected custom_skin" style="float: left; text-align: center; width: 55px;" id="custom_skin_188">
<span style="background: transparent url(http://static.slide.com/version/20080414093145/images/arrange_skins_tf.gif) no-repeat 0 -120px;; height: 30px; width: 39px; display: block; border: 1px solid #DDD; margin-left: 6px;"></span>
<span style="font-size: 8pt;">Graffiti</span>
</div>
</a>
</div>
<br clear="all"/>
<br/>
<div id="custom_themes_container">
<strong>Themes:</strong> <span id="selected_custom_theme">none</span> selected <span id="selected_custom_theme_action"></span>
<br/>
<a href="#" onclick="tf.customize.selectTheme(34, 'Friends'); return false;">
<div class="custom_unselected custom_theme" style="float: left; text-align: center; width: 55px;" id="custom_theme_34">
<span style="background: transparent url(http://static.slide.com/version/20080414093145/images/arrange_themes.gif) no-repeat 0 -330px;; height: 30px; width: 39px; display: block; border: 1px solid #DDD; margin-left: 6px;"></span>
<span style="font-size: 8pt;">Friends</span>
</div>
</a>
<a href="#" onclick="tf.customize.selectTheme(23, 'Sparkle'); return false;">
<div class="custom_unselected custom_theme" style="float: left; text-align: center; width: 55px;" id="custom_theme_23">
<span style="background: transparent url(http://static.slide.com/version/20080414093145/images/arrange_themes.gif) no-repeat 0 -30px;; height: 30px; width: 39px; display: block; border: 1px solid #DDD; margin-left: 6px;"></span>
<span style="font-size: 8pt;">Sparkle</span>
</div>
</a>
<a href="#" onclick="tf.customize.selectTheme(1, 'Hearts'); return false;">
<div class="custom_unselected custom_theme" style="float: left; text-align: center; width: 55px;" id="custom_theme_1">
<span style="background: transparent url(http://static.slide.com/version/20080414093145/images/arrange_themes.gif) no-repeat 0 -60px;; height: 30px; width: 39px; display: block; border: 1px solid #DDD; margin-left: 6px;"></span>
<span style="font-size: 8pt;">Hearts</span>
</div>
</a>
<a href="#" onclick="tf.customize.selectTheme(31, 'Dazzle'); return false;">
<div class="custom_unselected custom_theme" style="float: left; text-align: center; width: 55px;" id="custom_theme_31">
<span style="background: transparent url(http://static.slide.com/version/20080414093145/images/arrange_themes.gif) no-repeat 0 -90px;; height: 30px; width: 39px; display: block; border: 1px solid #DDD; margin-left: 6px;"></span>
<span style="font-size: 8pt;">Dazzle</span>
</div>
</a>
<a href="#" onclick="tf.customize.selectTheme(57, 'FlyingHearts'); return false;">
<div class="custom_unselected custom_theme" style="float: left; text-align: center; width: 55px;" id="custom_theme_57">
<span style="background: transparent url(http://static.slide.com/version/20080414093145/images/arrange_themes.gif) no-repeat 0 -960px;; height: 30px; width: 39px; display: block; border: 1px solid #DDD; margin-left: 6px;"></span>
<span style="font-size: 8pt;">FlyingHearts</span>
</div>
</a>
</div>
<br clear="all"/>
<br/>
</div>
<br clear="all"/>
<br/>
<div style="border: 1px solid #898989; padding: 3px;">
<span style="float: left; position: relative; top: -18px; color: #898989; font-size: 12px;">Profile Skin</span>
<center>
<span id="skin_status_container" style="float: right; "></span>
<div id="ig_top8_skin_chooser" style="margin: 5px;">
<span id="skin_container" style="width: 130px; height: 25px; z-index:10000;" onmouseover="return tf.skins.show();" onmouseout="return tf.skins.hide();">
<div class="drop" style="border: 1px solid #000; width: 130px; height: 25px;">
<div id="skin_choice">
</div>
</div>
<div id="skin_menu" class="pop" style="border: 1px solid #000; position: absolute; width: 130px; z-index: 10001; display: none; margin-left: 71px;">
<div class="choice">
<div class="skin_19" onclick="tf.skins.set('', '19', 'http://static.slide.com/tfs/19/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_18" onclick="tf.skins.set('', '18', 'http://static.slide.com/tfs/18/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_17" onclick="tf.skins.set('', '17', 'http://static.slide.com/tfs/17/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_16" onclick="tf.skins.set('', '16', 'http://static.slide.com/tfs/16/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_15" onclick="tf.skins.set('', '15', 'http://static.slide.com/tfs/15/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_14" onclick="tf.skins.set('', '14', 'http://static.slide.com/tfs/14/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_13" onclick="tf.skins.set('', '13', 'http://static.slide.com/tfs/13/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_12" onclick="tf.skins.set('', '12', 'http://static.slide.com/tfs/12/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_11" onclick="tf.skins.set('', '11', 'http://static.slide.com/tfs/11/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_10" onclick="tf.skins.set('', '10', 'http://static.slide.com/tfs/10/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_9" onclick="tf.skins.set('', '9', 'http://static.slide.com/tfs/9/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_8" onclick="tf.skins.set('', '8', 'http://static.slide.com/tfs/8/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_7" onclick="tf.skins.set('', '7', 'http://static.slide.com/tfs/7/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_6" onclick="tf.skins.set('', '6', 'http://static.slide.com/tfs/6/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_5" onclick="tf.skins.set('', '5', 'http://static.slide.com/tfs/5/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_4" onclick="tf.skins.set('', '4', 'http://static.slide.com/tfs/4/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_3" onclick="tf.skins.set('', '3', 'http://static.slide.com/tfs/3/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_2" onclick="tf.skins.set('', '2', 'http://static.slide.com/tfs/2/icon.gif'); return false;"></div>
</div>
<div class="choice">
<div class="skin_0" onclick="tf.skins.set('No skin', '0', ''); return false;">No Skin</div>
</div>
</div>
</span>
</div>
</center>
</div>
<br/>
<center>
<input type="button" class="orkut_inputb bindable" bindattr="value" dataprovider="tf.bindLang('button_save')" onclick="tf.customize.saveCustom(); return false;"/>
</center>
</div>
<br clear="all"/>
</center>
</div>
</div>
</div>
<!-- Load Slide JS -->
<script type="text/javascript">
var tf = {};
tf.metrics = {};
tf.metrics.event_codes = {};
tf.metrics.event_codes['ig_drinks_sent'] = 'opensocial: top8 drinks sent';
tf.metrics.event_codes['ig_top8_update_skin'] = 'opensocial top8 update skin';
tf.metrics.event_codes['ig_notifications_sent'] = 'opensocial: top8 notifications sent';
tf.metrics.event_codes['ig_invites_sent'] = 'opensocial: top8 invitations sent';
tf.metrics.event_codes['ig_top8_update_friends'] = 'opensocial top8 update friends';
tf.metrics.event_codes['ig_top8_update_mood'] = 'opensocial top8 update mood';
</script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/jquery.js"></script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/jquery/json.js"></script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/jquery/mochi_compat.js"></script>
<script type="text/javascript" src="http://www.slide.com/static/js_constants"></script>
<script src="http://static.slide.com/nocache/js/ig_ok_network.js"></script>
<script src="http://static.slide.com/nocache/js/ig/util.js"></script>
<script src="http://static.slide.com/nocache/js/ig_basics.js"></script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/bind.js"></script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/ig/controls.js"></script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/ig/grid.js"></script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/ig/data.js"></script>
<script>
tf.strings = {};
tf.strings['awesome_level_0'] = "Nobody likes me";
tf.strings['awesome_level_1'] = "Wallflower";
tf.strings['awesome_level_10'] = "Orkut Oustanding";
tf.strings['awesome_level_11'] = "So hot I'm on fire";
tf.strings['awesome_level_12'] = "Turning awesome up to 11";
tf.strings['awesome_level_2'] = "Diamond in the rough";
tf.strings['awesome_level_3'] = "I have a great personality";
tf.strings['awesome_level_4'] = "People like me";
tf.strings['awesome_level_5'] = "I'm invited to parties";
tf.strings['awesome_level_6'] = "Social Butterfly";
tf.strings['awesome_level_7'] = "I have an entourage";
tf.strings['awesome_level_8'] = "I'm big in Japan";
tf.strings['awesome_level_9'] = "Life of the party";
tf.strings['button_save'] = "SAVE";
tf.strings['drag_drop_reorder'] = "Drag and drop to REORDER your Top Friends!";
tf.strings['drink_send_button'] = "Send Drinks!";
tf.strings['mood_angry'] = "Angry";
tf.strings['mood_bored'] = "Bored";
tf.strings['mood_excited'] = "Excited";
tf.strings['mood_funny'] = "Funny";
tf.strings['mood_happy'] = "Happy";
tf.strings['mood_header'] = "Tell your friends how you're feeling right now!";
tf.strings['mood_intraining'] = "In Training";
tf.strings['mood_lucky'] = "Lucky";
tf.strings['mood_masala'] = "Masala";
tf.strings['mood_nerdy'] = "Nerdy";
tf.strings['mood_readyforaction'] = "Maverick";
tf.strings['mood_sad'] = "Sad";
tf.strings['mood_save_button'] = "Done";
tf.strings['mood_sick'] = "Sick";
tf.strings['mood_silly'] = "Silly";
tf.strings['mood_smart'] = "Smart";
tf.strings['mood_stoked'] = "Stoked";
tf.strings['mood_stressed'] = "Stressed";
tf.strings['mood_sympatico'] = "Sympatico";
tf.strings['no_skin'] = "No Skin";
tf.strings['popularity_next'] = "NEXT LEVEL:";
tf.strings['popularity_title'] = "YOUR POPULARITY LEVEL:";
tf.strings['preview_description_line1'] = "Pimp out your Top Friends with exclusive drinks,";
tf.strings['preview_description_line2'] = "moods and much more! All for your closest pals!";
tf.strings['select_drink'] = "Find a drink to send your friends!";
tf.strings['select_drinks_friends'] = "Select friends to send drinks";
tf.strings['select_profile_skin'] = "Select your profile skin:";
tf.strings['select_top_friends'] = "Select your Top Friends!";
tf.strings['step_1'] = "Step 1:";
tf.strings['step_2'] = "Step 2:";
tf.strings['step_3'] = "Step 3:";
tf.strings['write_drink_message'] = "Write a message (optional)";
</script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/jquery/jquery.ui/jquery.dimensions.js"></script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/jquery/jquery.ui/ui.mouse.js"></script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/jquery/jquery.ui/ui.draggable.js"></script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/jquery/jquery.ui/ui.droppable.js"></script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/jquery/jquery.ui/ui.sortable.js"></script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/ig/top8/base.js"></script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/ig/top8/profile.js"></script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/ig/top8/edit.js"></script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/ig/top8/drinks.js"></script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/ig/top8/customize.js"></script>
<script type="text/javascript" src="http://static.slide.com/nocache/js/metrics.js"></script>
]]>
</Content>
</Module>
Page Rating
Rating: 3.5/5 (4 votes cast)
BlogMarks
del.icio.us
digg
Furl
Newsvine
reddit
Simpy
Slashdot
