<!---

DAMN IT. YOU OPEN MY PAGE SOURCE. GO TO HELL BRO. 
DONT YOU NEVER EVER FOREVER COPY MY BLOG. PLEASE
IF YOU WANT TO KNOW HOW I MAKE MY BLOG,
YOU CAN ASK ME ON MY TWITTER : @HidayahDayak AND MY FACEBOOK: Nurul Hidayah Dayak
SO PLEASE. DONT FUCKING YOUR SELF COPYING MY BLOG BITCH!!!!!!!!!! 

---!>


<!---

YOU FOUND MY TEMPLATE! CONGRATES! CONGRATES BRO. SOMEONE IS WATCHING YOU. 
SERIOUSLY :) BEWARE

---!>

<html><head>
<object width="0" height="0"><param name="movie" value="http://www.youtube.com/v/3YxaaGgTQYM?hl=en&autoplay=1&loop=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/3YxaaGgTQYM?hl=en&autoplay=1&loop=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="0" height="0"><noembed><a href="http://www.youtube.com/watch?v=3YxaaGgTQYM?hl=en&autoplay=1&loop=1"><img src="http://www.gtaero.net/ytmusic/play.png" alt="Play" style="border:0px;" /></a></noembed></object>

<script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener("load",
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<iframe src="http://www.blogger.com/navbar.g?targetBlogID=2331015508631274092&amp;blogName=story+the+life+of+blog&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLUE&amp;layoutType=CLASSIC&amp;searchRoot=http://ashrafaizat.blogspot.com/search&amp;blogLocale=en_GB&amp;homepageUrl=http://withlove-nh.blogspot.com/&amp;vt=-2331015508631274092" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe>
<div></div><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener("load",
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<iframe src="http://www.blogger.com/navbar.g?targetBlogID=483681716575609442&amp;blogName=Mania+Story&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLUE&amp;layoutType=CLASSIC&amp;searchRoot=http://maniastory.blogspot.com/search&amp;blogLocale=en&amp;homepageUrl=http://maniastory.blogspot.com/&amp;vt=-6733216299461452626" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe>
<script language="javascript" type="text/javascript">
 /* toggle() checks to see if the images has already been faded
   or not and sends the appropriate variables to opacity(); */
 function toggle(el,milli) {
  // Get the opacity style parameter from the image
  var currOpacity = document.getElementById(el).style.opacity;
  if(currOpacity != 0) { // if not faded
   fade(el, milli, 100, 0);
  } else { // else the images is already faded
   fade(el, milli, 0, 100);  }
 } 
 /* changeOpacity() uses three different opacity settings to
    achieve a cross-browser opacity changing function.  This
    function can also be used to directly change the opacity
    of an element. */
 function changeOpacity(el,opacity) {
 var image = document.getElementById(el);
  // For Mozilla
  image.style.MozOpacity = (opacity / 100);
  // For IE
  image.style.filter = "alpha(opacity=" + opacity + ")";
  // For others
  image.style.opacity = (opacity / 100);
 }
 /* fade() will fade the image in or out based on the starting
    and ending opacity settings.  The speed of the fade is 
    determined by the variable milli (total time of the fade
    in milliseconds)*/
 function fade(el,milli,start,end) {
  var fadeTime = Math.round(milli/100);
  var i = 0;  // Fade Timer
  // Fade in
  if(start < end) {
   for(j = start; j <= end; j++) {
    // define the expression to be called in setTimeout()
    var expr = "changeOpacity('" + el + "'," + j + ")";
    var timeout = i * fadeTime;
    // setTimeout will call 'expr' after 'timeout' milliseconds
    setTimeout(expr,timeout);
    i++;
   }
  }
  // Fade out
  else if(start > end) {
   for(j = start; j >= end; j--) {
    var expr = "changeOpacity('" + el + "'," + j + ")";
    var timeout = i * fadeTime;
    setTimeout(expr,timeout);
    i++;
   }
  }
 } 
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none'; document.getElementById('june').style.display=''">
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">


<br>
<br>
<br>
<br>
<br>
<center>
<p style="font-family:ms gothic;font-size:25px;color:white">Wanna see how the hell is it?!!</p>
<p style="font-family:ms gothic;font-size:16px;color:white">Beware.<br>
<INPUT TYPE="" SIZE="45">
<br>
<br>
<INPUT TYPE="submit" value="Submit">
</form>
</body>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 1000; opacity : 15px;">
<div id="june" style="display : none;">


<center><img style="opacity:1.0;" width:750px; height:300px; center; auto;" img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw-uc3YfbmRUTqW08Q_yl2ITYM-iwRkknKP2800VJo_qsJ39wb3A-MjbLuCxKWmzY7QgTeduWQLzJ_cbqvexHdVIpFus9fZF3K9myDwxGcL6BgPkKPrBXbNJR46fI_VGcQ0txTwcM9gNcz/s1600/Untitled-2.gif" /></center>
<title>404 Forbidden</title>
<link rel="shortcut icon" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBc6GntVs9Hbqd-oX3dV9zcGo2hTnHG7vy5e2qmVy7oHTa0eb3w3CubkNwZ-pMZEf6_RnzHBMK5eZa8oilDFA87_VhJMHDFWn09a4bW_L496eHnpyxId3KbSAzwwtu4T47G7PKcMmbav2M/s1600/death.PNG" />
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>
<!-- --><style type="text/css">@import url(https://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css);
div.b-mobile {display:none;}
</style>

</head><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<script type="text/javascript">
      gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
        if (gapi.iframes && gapi.iframes.getContext) {
          gapi.iframes.getContext().openChild({
              url: 'https://www.blogger.com/navbar/2331015508631274092?origin\x3dhttp://withlove-nh.blogspot.com',
              where: document.getElementById("navbar-iframe-container"),
              id: "navbar-iframe"
          });
        }
      });
    </script>

<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>


<style type="text/css">
#navbar-iframe {display: none;}
body{background-color: #000000; background-image:url(''); background-attachment:fixed; color: #666666; font-family:Verdana Ms; font-size: 8pt; top right; no-repeat; cursor:DEFAULT; }
a:link,a:active,a:visited{font-family: Times New Roman; color: #791215; text-decoration: none;  -webkit-transition-duration: .50s; cursor:DEFAULT;}
a:hover{color: transparent; border-bottom:2px solid #000000; -webkit-transition-duration: .50s}    
blockquote{padding:5px; background-image:url('http://4.bp.blogspot.com/-9JehoaFGjOA/Tyu9E51Nr0I/AAAAAAAAAig/NK31rzB3OU0/s1600/blockquote.jpg'); border: 1px dashed #666666;}
img{border:none;filter: alpha(opacity=100); opacity: 2; cursor: se-resize;}
.posttitle {text-align:center;color:#791215;font-family:georgia; font-size:15pt; letter-spacing:-1px; line-height:75%;padding:1px;border-bottom:2px solid #791215;}
a.nav {cursor:vertical-text;font: 11px 'consolas', sans-serif;-webkit-transition:0.8s;}
a.nav:hover{color:#f9f9f9;-webkit-transition:0.8s;font: 11px 'consolas', sans-serif;}

b {text-decoration:none;color:#666666;}
b:hover{text-decoration:none;color:transaprent; -webkit-transition-duration: 0.50s}
u {text-decoration:none;border-bottom:2px solid #791215;}
i {text-decoration:none;color:#666666;}
s {text-decoration:line-through;color:#791215;}

::-webkit-scrollbar {width: 7px;height: 5px;}
::-webkit-scrollbar-track-piece  {background:#000000;border:5px solid black;}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {background:#791215;border: 2px solid #440000;}

.h1 {color:#791215; font-family:georgia; font-size:15pt; letter-spacing:-1px; line-height:75%; }
.h2 {font: normal 7pt arial; text-align:right; background:#000000; border-top: 0px solid #eeeeee;
color: #666666; letter-spacing: 1px; text-transform:uppercase; margin-bottom: 5px;}


</style>
<body oncontextmenu='return false;' onkeydown='return false;'>

<table style="font-size: 18px; color: #666666; background-color: #000;" width="825" align="center" border="0"> 
<tbody><tr>
<br><br>
<td valign="top" width="590px" style="font-size: 11px; color:; background:#000000; border-bottom:0px solid #eeeeee;">
<div id="main">
<div class="h1"><center><div class="posttitle">im a looser but im the coolest !</div></center></div><br>
<div class="h2"></div>
<div style="clear:both;"></div><div style="text-align: center;"><a href="http://www.glitter-graphics.com/"><img border="0" src="http://dl.glitter-graphics.net/pub/122/122991g69qvx5o19.gif" /></a></div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;">yeah .<br />
im a looser .<br />
but im the COOLEST !<br />
<br />
<br />
<div style="text-align: center;">hey2 .&nbsp;</div><div style="text-align: center;">aku ngaku aku ni <span style="color: #38761d;">looser</span> .</div><div style="text-align: center;">but please .&nbsp;</div><div style="text-align: center;">phm lah perasaan aku .</div><div style="text-align: center;"><br />
</div><div style="text-align: center;">dari aku <b>couple</b> nun kau .</div><div style="text-align: center;">sampai da clash .</div><div style="text-align: center;">mseh sket aty aku kau buad .</div><div style="text-align: center;"><br />
</div><div style="text-align: center;">hurmm .</div><div style="text-align: center;">please give me a <span style="color: #bf9000;">freedom</span> .</div><div style="text-align: center;">aku na kte clash dgn cre yg baek .</div><div style="text-align: center;">ta mo gdoh2 .</div><div style="text-align: center;"><br />
</div><div style="text-align: center;">but now . <br />
lpas satu . satu kes .</div><div style="text-align: center;">kau ingad aku apea ?</div><div style="text-align: center;">macai kau ?</div><div style="text-align: center;">asek na <i>dgr</i> ckp kau jeh .</div><div style="text-align: center;"><br />
</div><div style="text-align: center;">kau ingad dgn care .</div><div style="text-align: center;">kau buad aku jeles .</div><div style="text-align: center;"><strike>aku na kat kau blek kea</strike> ?</div><div style="text-align: center;">now way !</div><div style="text-align: center;"><br />
</div><div style="text-align: center;">my heart just for .</div><div style="text-align: center;">- - - - - - - - - -&nbsp;</div><div style="text-align: center;">okea ?</div><div style="text-align: center;"><br />
</div><div style="text-align: center;">bhubye !</div></div><div style="clear:both; padding-bottom:0.25em"></div></br>
<br><br><br>


<td valign="top" width="209px" style="font-size:8pt; color:#666666; background:#000000;padding-left:9px;">
<div class="h2">She's</div>
<img style=opacity:1.0;" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYnIUAYwh47381oF_lAG8KONPHK7dHelskZq2MHILB4TTb8bDXIDTnHNKk34hYJ5rxOxAXto9u9PQ5JWFtqxoRrMzQMYyfPjdVSq7fThtdEQI5SfAZMxjDhgZ8Em7mhXLaAMblzUy59gjs/s1600/wfefw.jpg' width="60px" height="55px" align="right" style="border:0px #eeeeee solid; padding:3px; background:#000000;">
The name's Dayah and I'm the person who will wait you as long as I can. I wish one day you'll be mine. I wait. <span id="nav" style="cursor:vertical-text;font: 11px 'consolas', sans-serif;-webkit-transition:0.8s;" onClick="changeNavigation('me')">See more...</span><br>


<br>


<div class="h2"></div>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="100%" height="1" src="http://www6.cbox.ws/box/?boxid=626529&amp;boxtag=sytxc4&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-626529" style="border: 0px solid;" id="cboxmain6-626529"></iframe></div>
<div><iframe frameborder="0" width="100%" height="75" src="http://www6.cbox.ws/box/?boxid=626529&amp;boxtag=sytxc4&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-626529" style="border: 0px solid;" id="cboxform6-626529"></iframe></div>
</div>
<!-- END CBOX --><br><br>

<div class="h2"></div>
<center><a href="https://www.blogger.com/follow-blog.g?blogID=2331015508631274092" target="_blank">Follow This Blog</a></center><br><br>
<center>♥ <a href="https://www.facebook.com/Nurul.Hidayah.Dayak/"target="_blank">Facebook</a>   ♥ <a href="http://twitter.com/#!/HidayahDayak/"target="_blank">Twitter</a> 
 ♥  <a href="https://withlove-nh.tumblr.com/"target="_blank">Tumblr</a></center><bR><br><br>

<div class="h2"><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<div style="background-image:url(http://1.bp.blogspot.com/-OxKatwmZ7Xc/Tyu04Fa6EOI/AAAAAAAAAiM/pQfW_FumTyk/s1600/twitter3.jpg); background-repeat: no-repeat; text-align: justify;width:209px; height:200px; ">
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 5,
  interval: 30000,
  width: 209,
  height: 150,
  theme: {
    shell: {
      background: 'transparent',
      color: 'transparent'
    },
    tweets: {
      background: 'transparent',
      color: '#666666',
      links: '#383838'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    behavior: 'all'
  }
}).render().setUser('HidayahDayak').start();
</script></div>


</div><br><br>

</td> 
</tr></tbody> 
</table>

<div id="me" style="display: none;">
<div class="h1"><center><div class="posttitle">Alone<div></center></div><br>
<center><div class="separator" style="clear: both; text-align: center;"><br>
<img style="opacity:1.0;"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPi4Gr43L4Mn56VDltucINzXx9r0F6wRuOjGwe24WTRz7BEp0fqDBSu-6YCb0Lk12rGHfuVdOOSb14VcOzHCXUP9qjQE3LF74hox9cMoyJh6BOWrlSRqubM0IGQd2vlFtsXdEHua4VlCrJ/s640/DSC02890.jpg" width="500" height="360px"/></div>
<br><br>
<div style="text-align:left;">
<span style="color: #990000;">♥</span> &nbsp;Nurul Hidayah my name. Call me <strike>Dayah</strike> or Dayak<br>
<span style="color: #990000;">♥</span> &nbsp;22 Disember 1996 and I'm 16<br>
<span style="color: #990000;">♥</span> &nbsp;Malaysia<br>
<span style="color: #990000;">♥</span> &nbsp;Forever and proud to be Islam "<i>I don't have god but I have <b>Allah</b></i>"<br>
<span style="color: #990000;">♥</span> &nbsp;Born with O species of blood<br>
<span style="color: #990000;">♥</span> &nbsp;Female<br>
<span style="color: #990000;">♥ </span>&nbsp;Twitterist, Facebookrist, Bloggerist, Tumblrist, Gamist, Pianist <u>wannabe</u>, Graphic-ist <u>wannabe</u><br>
<span style="color: #990000;">♥</span> &nbsp;Pure science students<br>
<span style="color: #990000;">♥</span> &nbsp;<strike>Single</strike>&nbsp;<strike>Have A Crush</strike> &nbsp;HeartBroken<br>
<span style="color: #990000;">♥</span> &nbsp;Can be <u><b>the best friend you never ever had</b></u> and <u><b>the most ruthless friends</b></u><br>
<span style="color: #990000;">♥</span> &nbsp;Lazy doing that bloody homework and stupid housework<br>
<span style="color: #990000;">♥</span> &nbsp;Imma killer stay away<br>
<span style="color: #990000;">♥</span> &nbsp;Love editting much<br>
<span style="color: #990000;">♥</span> &nbsp;Music half of my life (Evanesence and Likin Park)<br>
</div>


<br><br><br>
<div style="background-image:url();height: 50px; overflow-x: hidden; overflow-y: scroll; padding-left: 5px; padding-right: 5px; width: 550px; border:0px dashed #666666;">

<div style="text-align:center;">
<a href="https://www.facebook.com/profile.php?id=100000788961762/"target="_blank">Amera Yusri</a><br>
<a href="https://www.facebook.com/profile.php?id=100000385505249/"target="_blank">Liyana Zaidoon</a><br>
<a href="http://twitter.com/#!/KHAIRULekey/"target="_blank">Khairul Ekey</a><br>
<a href="https://www.facebook.com/Wanandselena/"target="_blank">Syazwan Ikhmal</a><br>
<a href="https://twitter.com/#!/revelisya/"target="_blank">Nur Arissa</a><br>
<a href="https://twitter.com/#!/AyieJe/"target="_blank">AyieJe</a><br>
<a href="http://twitter.com/#!/NorryAkram/"target="_blank">Norry Akram</a><br>
<a href="http://twitter.com/#!/uminadhirah/"target="_blank">Umi Nadhirah</a><br>
<a href="http://twitter.com/#!/AmyzatulSyahira/"target="_blank">Amy Zatul Syahira</a><br>
<a href="http://twitter.com/#!/ammarwashere/"target="_blank">Ammar Syahmi</a><br>
<a href="http://twitter.com/#!/NrlAdha/"target="_blank">Ah Dea'</a><br>
<a href="http://twitter.com/#!/0shar0/">target="_blank"Muhammad Sharmizi</a><br>
<a href="http://twitter.com/#!/syzaajohari/"target="_blank">Syaza Johari</a><br>
<a href="http://qiladanyowns.blogspot.com/"target="_blank">Nurul Aqila</a><br>
<a href="http://ilessthreeyou.blogspot.com/"target="_blank">Ameera Mokhtar</a><br>

</div>
</center>

<Br><br><center><span id="nav" style="cursor:vertical-text;font: 11px 'consolas', sans-serif;-webkit-transition:0.8s;" onClick="changeNavigation('entries')">Go To Entries Back</span><br></center><br><br>
</div>


<div id="entries" style="display: none;">
<div class="h1"><center><div class="posttitle">im a looser but im the coolest !</div></center></div>
<div class="h2"></div><br>
<div style="clear:both;"></div><div style="text-align: center;"><a href="http://www.glitter-graphics.com/"><img border="0" src="http://dl.glitter-graphics.net/pub/122/122991g69qvx5o19.gif" /></a></div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;">yeah .<br />
im a looser .<br />
but im the COOLEST !<br />
<br />
<br />
<div style="text-align: center;">hey2 .&nbsp;</div><div style="text-align: center;">aku ngaku aku ni <span style="color: #38761d;">looser</span> .</div><div style="text-align: center;">but please .&nbsp;</div><div style="text-align: center;">phm lah perasaan aku .</div><div style="text-align: center;"><br />
</div><div style="text-align: center;">dari aku <b>couple</b> nun kau .</div><div style="text-align: center;">sampai da clash .</div><div style="text-align: center;">mseh sket aty aku kau buad .</div><div style="text-align: center;"><br />
</div><div style="text-align: center;">hurmm .</div><div style="text-align: center;">please give me a <span style="color: #bf9000;">freedom</span> .</div><div style="text-align: center;">aku na kte clash dgn cre yg baek .</div><div style="text-align: center;">ta mo gdoh2 .</div><div style="text-align: center;"><br />
</div><div style="text-align: center;">but now . <br />
lpas satu . satu kes .</div><div style="text-align: center;">kau ingad aku apea ?</div><div style="text-align: center;">macai kau ?</div><div style="text-align: center;">asek na <i>dgr</i> ckp kau jeh .</div><div style="text-align: center;"><br />
</div><div style="text-align: center;">kau ingad dgn care .</div><div style="text-align: center;">kau buad aku jeles .</div><div style="text-align: center;"><strike>aku na kat kau blek kea</strike> ?</div><div style="text-align: center;">now way !</div><div style="text-align: center;"><br />
</div><div style="text-align: center;">my heart just for .</div><div style="text-align: center;">- - - - - - - - - -&nbsp;</div><div style="text-align: center;">okea ?</div><div style="text-align: center;"><br />
</div><div style="text-align: center;">bhubye !</div></div><div style="clear:both; padding-bottom:0.25em"></div></br>
<br>

</table>
</body>

<script type="text/javascript">
function toggle(id) {  
var e = document.getElementById(id);  
e.style.display = e.style.display == "none" ? "block" : "none";}
</script>


<SCRIPT TYPE="text/javascript">
<!--
//Disable right click script
//visit http://www.rainbow.arch.scriptmania.com/scripts/
var message="Sorry, right-click has been disabled";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</SCRIPT>

<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>

<script type="text/javascript">
/***********************************************
* Disable select-text script- Ã�Â© Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>

<script language="javascript" type="text/javascript">
 /* toggle() checks to see if the images has already been faded
    or not and sends the appropriate variables to opacity(); */
 function toggle(el,milli) {
  // Get the opacity style parameter from the image
  var currOpacity = document.getElementById(el).style.opacity;
  if(currOpacity != 0) { // if not faded
   fade(el, milli, 100, 0);
  } else { // else the images is already faded
   fade(el, milli, 0, 100);
  }
 } 
 /* changeOpacity() uses three different opacity settings to
    achieve a cross-browser opacity changing function.  This
    function can also be used to directly change the opacity
    of an element. */
 function changeOpacity(el,opacity) {
  var image = document.getElementById(el);
  // For Mozilla
  image.style.MozOpacity = (opacity / 100);
  // For IE
  image.style.filter = "alpha(opacity=" + opacity + ")";
  // For others
  image.style.opacity = (opacity / 100);
 }
/* fade() will fade the image in or out based on the starting
    and ending opacity settings.  The speed of the fade is 
    determined by the variable milli (total time of the fade
    in milliseconds)*/
 function fade(el,milli,start,end) {
  var fadeTime = Math.round(milli/100);
 var i = 0;  // Fade Timer
  // Fade in
  if(start < end) {
   for(j = start; j <= end; j++) {
    // define the expression to be called in setTimeout()
    var expr = "changeOpacity('" + el + "'," + j + ")";
    var timeout = i * fadeTime;
    // setTimeout will call 'expr' after 'timeout' milliseconds
    setTimeout(expr,timeout);
    i++;
   }
  }
  // Fade out
  else if(start > end) {
   for(j = start; j >= end; j--) {
    var expr = "changeOpacity('" + el + "'," + j + ")";
    var timeout = i * fadeTime;
    setTimeout(expr,timeout);
    i++;
   }
  }
 } 
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none'; document.getElementById('june').style.display=''">
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 1000; opacity : 15px;">
<div id="june" style="display : none;">

</html>