First of All

<style type="”text/css”">.w2bgft{padding:5px;}.w2bgft input{padding:1px;margin-left:1px;border:1px solid #ccc;}.w2bgft input:hover{border:1px solid #ff0000;}</style><div class="”w2bgft”"><!--–google flag translator by defecafe.blogspot.com–--><form action="”http://www.google.com/translate”"><script language="”javascript”">document.write (“<input name="u" value="”+location.href+”" type="hidden">”)</script><noscript><a href="”http://defecafe.blogspot.com/”">defecafe</a></noscript><input value="”en”" name="”hl”" type="”hidden”/"><input value="”UTF8″" name="”ie”" type="”hidden”/"><input value="”&quot;" name="”langpair”" type="”hidden”/"><input onclick="”this.form.langpair.value=this.value”" title="”English”" value="”auto|en”" src="%E2%80%9Dhttp://www.google.com/images/flags/uk_flag.gif%E2%80%9D" name="”langpair”/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Chinese" value="”auto|zh-CN”" src="%E2%80%9Dhttp://www.google.com/images/flags/cn_flag.gif%E2%80%9D" name="”langpair”/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Greek”" value="”auto|el”" src="%E2%80%9Dhttp://www.google.com/images/flags/gr_flag.gif%E2%80%9D" name="”langpair”/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Hindu”" value="”auto|hi”" src="%E2%80%9Dhttp://www.google.com/images/flags/in_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”German”" value="”auto|de”" src="%E2%80%9Dhttp://www.google.com/images/flags/de_flag.gif%E2%80%9D" name="”langpair”/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Dutch”" value="”auto|nl”" src="%E2%80%9Dhttp://www.google.com/images/flags/nl_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Russian”" value="”auto|ru”" src="%E2%80%9Dhttp://www.google.com/images/flags/ru_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Bulgarian”" value="”auto|bg”" src="%E2%80%9Dhttp://www.google.com/images/flags/bg_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Polish”" value="”auto|pl”" src="%E2%80%9Dhttp://www.google.com/images/flags/pl_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Czech”" value="”auto|cs”" src="%E2%80%9Dhttp://www.google.com/images/flags/cz_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Croatian”" value="”auto|hr”" src="%E2%80%9Dhttp://www.google.com/images/flags/hr_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”French”" value="”auto|fr”" src="%E2%80%9Dhttp://www.google.com/images/flags/fr_flag.gif%E2%80%9D" name="”langpair”/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Italian”" value="”auto|it”" src="%E2%80%9Dhttp://www.google.com/images/flags/it_flag.gif%E2%80%9D" name="”langpair”/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Portuguese”" value="”auto|pt”" src="%E2%80%9Dhttp://www.google.com/images/flags/pt_flag.gif%E2%80%9D" name="”langpair”/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Spanish”" value="”auto|es”" src="%E2%80%9Dhttp://www.google.com/images/flags/es_flag.gif%E2%80%9D" name="”langpair”/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Arabic”" value="”auto|ar”" src="%E2%80%9Dhttp://www.google.com/images/flags/sa_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Japanese”" value="”auto|ja”" src="%E2%80%9Dhttp://www.google.com/images/flags/ja_flag.gif%E2%80%9D" name="”langpair”/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Korean”" value="”auto|ko”" src="%E2%80%9Dhttp://www.google.com/images/flags/kr_flag.gif%E2%80%9D" name="”langpair”/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Chinese" value="”auto|zh-TW”" src="%E2%80%9Dhttp://www.google.com/images/flags/tw_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Danish”" value="”auto|da”" src="%E2%80%9Dhttp://www.google.com/images/flags/dk_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Finnish”" value="”auto|fi”" src="%E2%80%9Dhttp://www.google.com/images/flags/fi_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Norwegian”" value="”auto|no”" src="%E2%80%9Dhttp://www.google.com/images/flags/no_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Swedish”" value="”auto|sv”" src="%E2%80%9Dhttp://www.google.com/images/flags/se_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Catalan”" value="”auto|ca”" src="%E2%80%9Dhttp://www.google.com/images/flags/cl_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Filipino”" value="”auto|tl”" src="%E2%80%9Dhttp://www.google.com/images/flags/ph_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Hebrew”" value="”auto|iw”" src="%E2%80%9Dhttp://www.google.com/images/flags/il_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Indonesian”" value="”auto|id”" src="%E2%80%9Dhttp://www.google.com/images/flags/id_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Latvian”" value="”auto|lv”" src="%E2%80%9Dhttp://www.google.com/images/flags/lv_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Lithuanian”" value="”auto|lt”" src="%E2%80%9Dhttp://www.google.com/images/flags/lt_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Serbian”" value="”auto|sr”" src="%E2%80%9Dhttp://www.google.com/images/flags/rs_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Slovak”" value="”auto|sk”" src="%E2%80%9Dhttp://www.google.com/images/flags/sk_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Slovenian”" value="”auto|sl”" src="%E2%80%9Dhttp://www.google.com/images/flags/si_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Ukrainian”" value="”auto|uk”" src="%E2%80%9Dhttp://www.google.com/images/flags/ua_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><input onclick="”this.form.langpair.value=this.value”" title="”Vietnamese”" value="”auto|vi”" src="%E2%80%9Dhttp://www.google.com/images/flags/vn_flag.gif%E2%80%9D" name="”langpair2″/" height="”20″" type="”image”" width="”30″"><span style="”float:right;margin:3px"><a href="http://www.blogger.com/%E2%80%9Dhttp://defecafe.blogspot.com/%E2%80%9D">+Dapatkan Widget Ini</a></span></form><!--–google flag translator by defecafe.blogspot.com–--><!--!–google--><!--!–google--></div>

<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 30,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://defecafe.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

<style type="text/css">
.gfg-root {
width : 100%;
height : auto;
position : relative;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 12px;
border: 1px solid #BCCDF0;
}

.gfg-title {
font-size: 13px;
font-weight : bold;
color : #3366cc;
background-color: #E5ECF9;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
}

.gfg-title a {
color : #3366cc;
}

.gfg-subtitle {
font-size: 12px;
font-weight : bold;
color : #3366cc;
background-color: #E5ECF9;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
margin-bottom : 0px;
}

.gfg-subtitle a {
color : #3366cc;
display:none !important;
}

.gfg-entry {
background-color : white;
width : 100%;
height : 6.9em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : auto;
height : 100%;
padding-left : 20px;
padding-right : 5px;
}

.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
margin-bottom : 5px;
display:none !important;
}

.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
padding-left : 15px;
padding-right : 5px;
margin-left : 5px;
margin-right : 5px;
}

.gfg-listentry-odd {
background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight {
background-image : url('garrow.gif');
background-repeat: no-repeat;
background-position : center left;
}

/*
* FeedControl customizations.
*/

.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 13px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #000000;
margin-top : 3px;
}

/*
* Easy way to get horizontal mode, applicable via js options to gadget.
*/

.gfg-horizontal-container {
position : relative;
}

.gfg-horizontal-root {
height : 1.5em;
_height : 100%;
position : relative;
white-space : nowrap;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 13px;
border: 1px solid #AAAAAA;
padding : 5px;
margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
font-weight : bold;
background-color: #FFFFFF;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
float : left;
padding-left : 10px;
padding-right : 12px;
border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
color : #444444;
text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
width : auto;
height : 1.5em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 0px;
margin-left : 0px;
padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : 100%;
height : 100%;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
display : none;
}

/*
* FeedControl customizations.
*/

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
display : none;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-title {
color: #0000cc;
margin-right : 3px;
float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
display : block;
color: #AAAAAA;
}

.gfg-branding {
white-space : nowrap;
overflow : hidden;
text-align : left;
position : absolute;
right : 0px;
top : 0px;
width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
background-repeat : no-repeat;
background-position : center;
cursor : pointer;
float : right;
width : 17px;
height : 20px;
}

.gfg-collapse-open {
background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
background-image : url('arrow_close.gif');
}

.gfg-collapse-href {
float : left;
}

.clearFloat {
clear : both;
}
#feedGadget {
margin-top : 5px;
margin-left: auto;
margin-right: auto;
width : 300px;
font-size: 10px;
color: #9CADD0;
}
</style>
<noscript><a href="http://defecafe.blogspot.com" target="_blank">Blog Trik dan Tips</a></noscript>
<script src="http://www.google.com/jsapi/?key=internal-sample"
type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>

<script type="text/javascript">

function showGadget() {
var feeds = [
{title:'title',
url:'http://defecafe.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'},

];

new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: "Blog Trik dan Tips"});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<noscript><a href="www.defecafe.blogspot.com" target="_blank">Blog Trik dan Tips</a></noscript>
<div id="feedGadget">Loading...</div>
<div id="feedGadget"><a href="http://www.defecafe.blogspot.com" target="_blank">Click Here To Grab This Widget</a></div>

<!-- Welcome page Start by http://defecafe.blogspot.com/ -->
<style>a.lbAction {
padding: 0 3px;
text-decoration: none;
float: right;
position: absolute;
top: -20px;
right: -20px;
color: #000000;
border: 5px solid #000000;
background: #CCCCCC;
z-index: 102;
}
a.lbAction:hover {
background: #FFFFFF;
}
a.lbAction:active {
background: #999999;
}



div.leightbox {
color: #333;
display: none; /* toggle display to show/hide the popups when designing & previewing */
position: absolute;
top: 50%;
left: 50%;
margin: -250px 0 0 -200px;
width: 500px;
height: 400px;
padding: 0;
border: 1em solid #000000;
background: #FFFFFF;
z-index: 101;
overflow: none;
}
div.scrollbox {
margin: 0 auto;
width: 100%;
height: 100%;
text-align: left;
overflow: auto;
}

.scrollbox h1{text-align: center;}
.scrollbox p{text-align: center;}
.scrollbox img{float:left;margin:0px 0px 0xp 10px;}
div#overlay {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background-color:#000000;
-moz-opacity: 0.80;
opacity: .80;
filter: alpha(opacity=80);
}

div.lightbox[id]{ position:fixed; }
div#overlay[id]{ position:fixed; }
</style><div style="padding-top:15px;">
<a id="EPEntryButton" onclick="document.getElementById(&quot;HTML88&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;Text88&quot;).style.display=&quot;none&quot;">ENTER</a>
</div>
<div id="EPGrab"><a href=" http://defecafe.blogspot.com/" target="_blank">Make your own</a></div>
<div id="EPDarkLayer"></div>
<!-- CSS part -->
<style>
#welcome-wrapper{width:40%;margin:0 auto;height:0px;text-align:center;}
/* welcome message widget */
#Text88, #EPEntryButton, #EPGrab {position:relative;z-index:510;top:100px;}
#Text88 {background-color:#fff;border:solid 10px orange;color:#222;display:none;padding:15px;}
#HTML88 {z-index:499;display:none;}
/* DarkLayer div */
#EPDarkLayer {background-color:#000;opacity:0.6;filter:alpha(opacity=60);top:0px;left:0px;z-index:500;position:fixed;}
/* Entry button */
#EPEntryButton {background-color:lawngreen;border:outset 3px #000;color:#333;cursor:pointer;font-size:25px;padding:5px;text-decoration:none;}
#EPGrab {color:white;padding-top:10px;}
</style>
<!--[if IE 6]>
<style>
#EPDarkLayer {position:absolute;}
</style>
<![endif]-->
<!----------// POPUP (AUTOLOAD) //---------->
<div id="pop01" class="leightbox">

<div class="scrollbox">
<h1>Welcome To My Blog</h1>
<p>A blog by <a href=" http://defecafe.blogspot.com/ ">Blog Trik dan Tips</a></p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA9YI7ed82_skcYtGBSHNeJu3zWpHVvuM4fPoTcA-nAJnS10vp589VPPDxCWelExuo9OUcBrtzhQgiDqFtRRxvkUXK8NmpdSRk6Y9nAK-xmPm28BtTe3K3Iyzujh4SdC8uJB3h4jq-jHEP/s1600/WelcomeToMyPageRdFlower2.jpg" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="300" width="294" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA9YI7ed82_skcYtGBSHNeJu3zWpHVvuM4fPoTcA-nAJnS10vp589VPPDxCWelExuo9OUcBrtzhQgiDqFtRRxvkUXK8NmpdSRk6Y9nAK-xmPm28BtTe3K3Iyzujh4SdC8uJB3h4jq-jHEP/s320/WelcomeToMyPageRdFlower2.jpg" /></a>

</div>
<a href="#" class="lbAction" rel="deactivate">Enter The Blog</a></div>

<!----------// POPUP (AUTOLOAD script: add AFTER the autoload popup div) //---------->
<script type="text/javascript">
lb = new lightbox();
lb.initCallable('pop01');
lb.activate();
</script><!-- Welcome page End -->

<style>
/*-------defecafe Tombol Melayang------------*/
#floatdiv {
position:absolute;
width:94px;
height:229px;
top:0;
left:0;
z-index:100
}

#bttsidebar {
border:1px solid #ddd;
padding-left:5px;
position:relative;
height:220px;
width:55px;
margin:0 0 0 5px;
}
</style>


<div id="floatdiv">
<div id="bttsidebar">
<table cellpadding="1px" cellspacing="0">
<tr>
<td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" font=""></fb:like>
</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;">
<g:plusone size="Tall" expr:href="data:post.url">
</g:plusone></td>
</tr>
<tr>
<td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="defecafe">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</td>
</tr>
<tr>
<td style="border-bottom: 0px solid #E8E8E8; padding:0px 0 0px 0;">
<p style=" font-size:10px; text-align:center; color:#ddd;"><a style="color:#ddd;" href="http://www.defecafe.blogspot.com" target="_blank">Widgets</a></p>
</td>
</tr>
</table>
</div>
</div>
<script type="text/javascript">
// JavaScript Document

<!--
/* Script by: www.jtricks.com
* Version: 20071017
* Latest version:
* www.jtricks.com/javascript/navigation/floating.html
*/
var floatingMenuId = 'floatdiv';
var floatingMenu =
{
targetX: 0,
targetY: 300,
hasInner: typeof(window.innerWidth) == 'number',
hasElement: typeof(document.documentElement) == 'object'
&& typeof(document.documentElement.clientWidth) == 'number',
menu:
document.getElementById
? document.getElementById(floatingMenuId)
: document.all
? document.all[floatingMenuId]
: document.layers[floatingMenuId]
};
floatingMenu.move = function ()
{
floatingMenu.menu.style.left = floatingMenu.nextX + 'px';
floatingMenu.menu.style.top = floatingMenu.nextY + 'px';
}
floatingMenu.computeShifts = function ()
{
var de = document.documentElement;
floatingMenu.shiftX =
floatingMenu.hasInner
? pageXOffset
: floatingMenu.hasElement
? de.scrollLeft
: document.body.scrollLeft;
if (floatingMenu.targetX < 0)
{
floatingMenu.shiftX +=
floatingMenu.hasElement
? de.clientWidth
: document.body.clientWidth;
}
floatingMenu.shiftY =
floatingMenu.hasInner
? pageYOffset
: floatingMenu.hasElement
? de.scrollTop
: document.body.scrollTop;
if (floatingMenu.targetY < 0)
{
if (floatingMenu.hasElement && floatingMenu.hasInner)
{
// Handle Opera 8 problems
floatingMenu.shiftY +=
de.clientHeight > window.innerHeight
? window.innerHeight
: de.clientHeight
}
else
{
floatingMenu.shiftY +=
floatingMenu.hasElement
? de.clientHeight
: document.body.clientHeight;
}
}
}
floatingMenu.calculateCornerX = function()
{
if (floatingMenu.targetX != 'center')
return floatingMenu.shiftX + floatingMenu.targetX;
var width = parseInt(floatingMenu.menu.offsetWidth);
var cornerX =
floatingMenu.hasElement
? (floatingMenu.hasInner
? pageXOffset
: document.documentElement.scrollLeft) +
(document.documentElement.clientWidth - width)/2
: document.body.scrollLeft +
(document.body.clientWidth - width)/2;
return cornerX;
};
floatingMenu.calculateCornerY = function()
{
if (floatingMenu.targetY != 'center')
return floatingMenu.shiftY + floatingMenu.targetY;
var height = parseInt(floatingMenu.menu.offsetHeight);
// Handle Opera 8 problems
var clientHeight =
floatingMenu.hasElement && floatingMenu.hasInner
&& document.documentElement.clientHeight
> window.innerHeight
? window.innerHeight
: document.documentElement.clientHeight
var cornerY =
floatingMenu.hasElement
? (floatingMenu.hasInner
? pageYOffset
: document.documentElement.scrollTop) +
(clientHeight - height)/2
: document.body.scrollTop +
(document.body.clientHeight - height)/2;
return cornerY;
};
floatingMenu.doFloat = function()
{
// Check if reference to menu was lost due
// to ajax manipuations
if (!floatingMenu.menu)
{
menu = document.getElementById
? document.getElementById(floatingMenuId)
: document.all
? document.all[floatingMenuId]
: document.layers[floatingMenuId];
initSecondary();
}
var stepX, stepY;
floatingMenu.computeShifts();
var cornerX = floatingMenu.calculateCornerX();
var stepX = (cornerX - floatingMenu.nextX) * .07;
if (Math.abs(stepX) < .5)
{
stepX = cornerX - floatingMenu.nextX;
}
var cornerY = floatingMenu.calculateCornerY();
var stepY = (cornerY - floatingMenu.nextY) * .07;
if (Math.abs(stepY) < .5)
{
stepY = cornerY - floatingMenu.nextY;
}
if (Math.abs(stepX) > 0 ||
Math.abs(stepY) > 0)
{
floatingMenu.nextX += stepX;
floatingMenu.nextY += stepY;
floatingMenu.move();
}
setTimeout('floatingMenu.doFloat()', 20);
};
// addEvent designed by Aaron Moore
floatingMenu.addEvent = function(element, listener, handler)
{
if(typeof element[listener] != 'function' ||
typeof element[listener + '_num'] == 'undefined')
{
element[listener + '_num'] = 0;
if (typeof element[listener] == 'function')
{
element[listener + 0] = element[listener];
element[listener + '_num']++;
}
element[listener] = function(e)
{
var r = true;
e = (e) ? e : window.event;
for(var i = element[listener + '_num'] -1; i >= 0; i--)
{
if(element[listener + i](e) == false)
r = false;
}
return r;
}
}
//if handler is not already stored, assign it
for(var i = 0; i < element[listener + '_num']; i++)
if(element[listener + i] == handler)
return;
element[listener + element[listener + '_num']] = handler;
element[listener + '_num']++;
};
floatingMenu.init = function()
{
floatingMenu.initSecondary();
floatingMenu.doFloat();
};
// Some browsers init scrollbars only after
// full document load.
floatingMenu.initSecondary = function()
{
floatingMenu.computeShifts();
floatingMenu.nextX = floatingMenu.calculateCornerX();
floatingMenu.nextY = floatingMenu.calculateCornerY();
floatingMenu.move();
}
if (document.layers)
floatingMenu.addEvent(window, 'onload', floatingMenu.init);
else
{
floatingMenu.init();
floatingMenu.addEvent(window, 'onload',
floatingMenu.initSecondary);
}
//-->
</script>