OK basically i need to know if the is any way you can put this in the middle of the page.Also make it were when you scroll it goes with the page.
<script language="JavaScript1.2">
</head><body><!-- Begin Voting Window Code -->
var ns4 = document.layers;
var ie4 = document.all;
var ns6 = document.getElementById && !document.all;
//drag drop function for NS 4////
/////////////////////////////////
var dragswitch = 0;
var nsx;
var nsy;
var nstemp;
function drag_dropns( name )
{
if( !ns4 )
return;
temp = eval( name );
temp.captureEvents( Event.MOUSEDOWN | Event.MOUSEUP );
temp.onmousedown = gons;
temp.onmousemove = dragns;
temp.onmouseup = stopns;
}
function gons( e )
{
temp.captureEvents( Event.MOUSEMOVE );
nsx = e.x;
nsy = e.y;
}
function dragns( e )
{
if( dragswitch == 1 )
{
temp.moveBy( e.x-nsx, e.y-nsy );
return false;
}
}
function stopns()
{
temp.releaseEvents( Event.MOUSEMOVE );
}
//drag drop function for ie4+ and NS6////
/////////////////////////////////
function drag_drop( e )
{
if( ie4 && dragapproved )
{
crossobj.style.left = tempx + event.clientX - offsetx;
crossobj.style.top = tempy + event.clientY - offsety;
return false;
}
else if( ns6 && dragapproved )
{
crossobj.style.left = tempx + e.clientX - offsetx;
crossobj.style.top = tempy + e.clientY - offsety;
return false;
}
}
function initializedrag( e )
{
crossobj = ( ( ns6 ) ? document.getElementById( "showimage" ) : document.all.showimage );
var firedobj = ( ( ns6 ) ? e.target : event.srcElement );
var topelement = ( ( ns6 ) ? "HTML" : "BODY" );
while( ( firedobj.tagName != topelement ) && ( firedobj.id != "dragbar" ) )
{
firedobj=ns6? firedobj.parentNode : firedobj.parentElement;
}
if( firedobj.id == "dragbar" )
{
offsetx = ( ( ie4 ) ? event.clientX : e.clientX );
offsety = ( ( ie4 ) ? event.clientY : e.clientY );
tempx = parseInt( crossobj.style.left );
tempy = parseInt( crossobj.style.top );
dragapproved = true;
document.onmousemove = drag_drop;
}
}
document.onmousedown = initializedrag
document.onmouseup = new Function( "dragapproved=false" );
////drag drop functions end here//////
function hidebox(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
document.dnwtop_100_showimage.visibility="hide"
}
</script>
<style type="text/css">
#showimage
{
position:absolute;
width:300px;
background-color:#0000FF;
padding:2px;
}
#showimage #dragbar
{
font-family:Trebuchet MS;
color:#FFFFFF;
font-size:10pt;
text-align:left;
font-weight:bold;
width:280px;
}
#showimage #closebutton
{
font-family:Tahoma;
font-weight:bold;
height:12px;
width:12px;
background-color:#CCCCCC;
font-size:8pt;
border:2px solid;
border-top-color:#EEE;
border-right-color:#AAA;
border-bottom-color:#AAA;
border-left-color:#EEE;
padding:0 3px 0 4px;
color:#000;
text-decoration:none;
}
#showimage #message
{
font-family:Trebuchet MS;
color:#FFFFFF;
font-size:10pt;
font-weight:bold;
padding:4px;
background-color:#000000;
}
</style>
<div id="showimage" style="left:500px;top:100px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="dragbar" style="cursor:hand" title="Drag to Move">
<ilayer width="100%" onSelectStart="return false">
<layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onMouseout="dragswitch=0">
Vote for AngelsRealm!
</layer>
</ilayer>
</td>
<td style="padding-right:1px;width:20px;" align="right">
<a id="closebutton" href="#" onClick="hidebox();return false">X</a>
</td>
</tr>
<tr>
<td id="message" width="100%" colspan="2" align="center">
<img src="http://img25.imageshack.us/img25/1979/voteanamation.gif" border="0" alt="">
<br />
<font size="5">VOTE !!!!</font>
<br />
Vote for us :)
<br />
<br />
Would you like to vote for us?
<br />
<a href="http://www.xtremetop100.com/in.php?site=1132285716" target="_blank" onClick="hidebox(true)"><img src="http://i184.photobucket.com/albums/x285/Kandyman3/yes.png" border="0"></a>
<a href="#" onClick="hidebox();return false"><img src="http://i184.photobucket.com/albums/x285/Kandyman3/no.png" border="0"></a>
</td>
</tr>
</table>
</div>
<!-- End Voting Window Code --><div id="top_bar"></div>