<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html><head>
<meta name="Author" content="Janna Correa">
<meta name="Keywords" content="Janna, art, drawings, crap, stuff, Simpsons, Sideshow Bob, CatDog, Danny Phantom, Japanese, manga, shtuff, crud">
</head>
<style>
<!--
A:link, A:visited, A:active {text-decoration:none}
A:hover {text-decoration: overline; color: lawngreen; background-color:black}
-->
</style>
<style><!--body {scrollbar-face-color:black;scrollbar-shadow-color:black;scrollbar-highlight-color:white;scrollbar-3dlight-color:white;scrollbar-darkshadow-color:black;scrollbar-track-color:white;scrollbar-arrow-color:lawngreen;}--></style>



<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array.

theImages[0] = 'kaidan-h1.png'
theImages[1] = 'kaidan-h2.png'
theImages[2] = 'kaidan-h3.png'

// do not edit anything below this line

var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
   preBuffer[i] = new Image()
   preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}

//  End -->
</script>



<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function NewWindow(mypage, myname, w, h, scroll) {
var winl = (screen.width - w) / 2;
var wint = (screen.height - h) / 2;
winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',resizable'
win = window.open(mypage, myname, winprops)
if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
}
//  End -->
</script>














<style type="text/css">

#dropmenudiv{
position:absolute;
border:0px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: black;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
background-color: black;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: black;
}

</style>

<script type="text/javascript">

/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/



//Contents for menu 1 INFO
var menu1=new Array()
menu1[0]='<a href="characters.html">Characters</a>'

//Contents for menu 2 DANNY
var menu2=new Array()
menu2[0]='<a href="aboutdanny.html">Profile/Stats</a>'
menu2[1]='<a href="stories.html">Fan-fix</a>'
menu2[2]='<a href="forthegirls.html">For the Girls</a>'



//Contents for menu 3 ART
var menu3=new Array()
menu3[0]='<a href="graphix.html">Graphix!</a>'




//Contents for menu THIS SITE
var menu4=new Array()
menu4[0]='<a href="dplinks.html">Links</a>'
menu4[1]='<a href="linkkai.html">Link to Kaidan</a>'
menu4[2]='<a href="http://pub23.bravenet.com/guestbook/1973670426">Guestbook</a>'





		
var menuwidth='165px' //default menu width
var menubgcolor='lightyellow'  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu

</script>






<title>kai*dan</title></head>

<body bgcolor="black" text="black" link="darkgreen" alink="olive" vlink="darkslategray" >


<font face="Arial, Helvetica, Verdana">














<!--------------------------OUTER TABLE- FOR BACKGROUND ----------------------------------->





	<center>
	<table border="0" cellspacing="4" cellpadding="0" width="70%" background="kaidanBGTOP-v2.png">
	 <tr>
  	 <td>


<br><br><br><br><br><br><br><br><br><br>










<center>
<table border="1" cellspacing="4" cellpadding="0" width="51%" bordercolor="black">
    <tr>


<!--------------------MIDDLE TABLE: INFO N STUFF--------------------->
	    <td bgcolor="white" bordercolor="lawngreen">



<center>



<ilayer name="scroll1">
<div id="scroll3" style="width:690;height:200;border:0;border-color:white;overflow:auto;direction:rtl" align="top">

<div style="direction:ltr">
</center>


<font face="Times New Roman" size=6 color="darkolivegreen"><b><i>welcome...</i></b></font>
<br>
<font face="MS Reference Sans Serif" size=2 color=#55DF7F><b>.i n t r o.</b></font>

<br>

<dd>
<font face="MS Reference Sans Serif" size=2>K</font><font face="MS Reference Sans Serif" size=1>AIDAN is a Japanese word meaning <i>'ghost story'</i>. If I were to tell a ghost story, I<br><dd>thought, why not choose one of the best ones of them all?

<p>
<dd>This site is about and dedicated to the adorable half-ghost, mostly-human, and all <br><dd>sweet Danny Phantom (/Fenton). Please look around and enjoy! ♥
</font>








<center>
<p><img src="k-bar1.png">

&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;
</b>
</font>

</div>
</textarea></div>
</center>










<img src="danchibfly.png" alt="goin' ghost! <3" align="right">



<br><br><br><br><br>















<font face="MS Reference Sans Serif" size=2><b>

	<a href="updates.html" onclick="NewWindow(this.href,'name','585','317','yes');return false;">Updates</a>

	&nbsp;&nbsp;&nbsp;&nbsp;


	<a href="info.html" onClick="return clickreturnvalue()" 	onMouseover="dropdownmenu(this, event, menu1, '150px')" 	onMouseout="delayhidemenu()">Information</a>
	

	&nbsp;&nbsp;&nbsp;&nbsp;

	
	<a href="danny.html" onClick="return clickreturnvalue()" 	onMouseover="dropdownmenu(this, event, menu2, '150px')" 	onMouseout="delayhidemenu()">Danny</a>


	&nbsp;&nbsp;&nbsp;&nbsp;


	<a href="art.html" onClick="return clickreturnvalue()" 	onMouseover="dropdownmenu(this, event, menu3, '150px')" 	onMouseout="delayhidemenu()">Art</a>


	&nbsp;&nbsp;&nbsp;&nbsp;


	<a href="thissite.html" onClick="return clickreturnvalue()" 	onMouseover="dropdownmenu(this, event, menu4, '150px')" 	onMouseout="delayhidemenu()">This Site</a>


	&nbsp;&nbsp;&nbsp;&nbsp;


	<a href="index.html">Home</a>
</b></font>










</center>
</td>
</tr>










<!--------------------BOTTOM TABLE: IMAGE--------------------->
    <tr>


	    <td bordercolor="black">


<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
showImage();
//  End -->
</script>

<br><br><br>


</td>
</tr>


</td>
</tr>
</table>



</td>
</tr>
</table>


<br>


<table border="0" width="51%">
	<tr>
	<td>


<!-- Start Bravenet.com Service Code -->
<script type="text/javascript" src="http://pub23.bravenet.com/counter/code.php?id=392589&usernum=1973670426&cpv=2"></script>
<!-- End Bravenet.com Service Code -->



	</td>



	<td width="98%">




	</td>




	<td>
<font face="MS reference sans serif" size=2 color="#374B4B"><b>Part Of</b></font>
<br>
<a href="http://juniebug.net">
<img src="mudai4-88x31.gif" border="0"></a>

	</td>





</tr>
</td>
</table>


























<!--------------------------OUTER TABLE- FOR BACKGROUND ----------------------------------->
</tr>
</td>
</table>


















<br>
<font face="Helvetica, Arial" size=1 color=#35353F><i>disclaimer:</i> "Danny Phantom" is © Butch Hartman/Nickelodeon/Viacom. 'Kaidan', 'Mudai' and related titles are © Janna Correa, 2009.</font>



</body>
</html>