Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<style> @import url('lib/themes/default/style.css');</style>
<script src="lib/scripts/jquery.js"></script>
<script src="lib/scripts/pu.js"></script>
<script src="lib/scripts/jquery.form.js"></script>
<script src="lib/scripts/jquery.hoverIntent.js"></script>
<script src="lib/scripts/jquery.corners.js"></script>
    <style>
        .shout0{
    	color:white;
	background:#1d1d29;
	background-image:url('lib/themes/default/images/shouty/shout0.jpg');
	background-repeat:no-repeat;
	font-size:8pt;
}

.shout1{
    	color:white;
	background:#01020f;
	background-image:url('lib/themes/default/images/shouty/shout1.jpg');
	background-repeat:no-repeat;
	font-size:8pt;
}

.Shout{
	height:200px;
	width:600px;
	background:#01020f;
	font-size:8pt;
	color: white;
	padding:1px 1px;
	overflow: visible;
	display: none;
}

.Shout_U{
	height:145px;
	width:585px;
        font-size:10pt;
	overflow:auto;
	background:black;
	border-style: outset;
	border-width: 2px;
	border-color: blue;
}

.Shout_yell{
	width:465px;
	background:#12111b;
	font-size:9pt;
	color:white;
	border-style:inset;
	border-color:blue;
	border-width: 1px;
}

a.rounded, .button {
	  outline: none;
	  border: none;
	  text-decoration: none;
	  cursor: pointer;
	  white-space: nowrap;
	  vertical-align: middle; /* or top */
	  display: -moz-inline-box;
	  display: inline-block;
	  overflow: visible; /* IE6 form button fix */
}
.button {
	  color: #000;
	  background-color: #acc;
	  padding: 5px 7px;
}
.button:hover {
  	background-color: #cee;
}
    </style>
    <script>

	$(document).ready(function (){if(!navigator.cookieEnabled)
	return;

$('#Shout').fadeIn(1500);

$('#Shout').corners("5px transparent right");

$('#Shout_BTsmilies').live('click', function(){
	if($('#Shout_smilies').css('display') != 'none'){
		$('#Shout_smilies').fadeOut(1500);
		$('#Shout_smilies img').unbind('click');
		return;
	}
	$('#Shout_smilies').css({position: 'absolute', left: $(this).offset().left, top: $(this).offset().top+20}).show('slow');
	$('#Shout_smilies img').click( function(){
		var text = $('input#Shout_message').attr('value')+' '+$(this).attr('alt')+' ';
		$('input#Shout_message').attr('value', text);
		text = '';
	});
});

$('#Shout_U.shout1').removeClass('.shout1').addClass('.shout2').css("border","2px solid red");
$.get('lib/shoutBox.php?begin=y', Shout_update);

$.PeriodicalUpdater('lib/shoutBox.php', {
	method: 'post',
	data: '',
	minTimeout: 1000,
	maxTimeout: 8000,
	multiplier: 2,
	type: 'text'
}, Shout_update);

$('input#Shout_message').val('');
var options = {success: Shout_submit};
$('#Shout_form').ajaxForm(options);


var timerID;
var imageClone;

$('#Shout_U img').live('mouseover',function(){
	if($(this).attr('alt') != 'Image')
		return;
	var image = $(this)
	timerID = setTimeout(function(){
		imageClone = $(image).clone().removeAttr('height').appendTo('body').click(function(){$(this).hide(); $(this).remove()}).css({position:'absolute', left: $(image).offset().left+20 , top: $(image).offset().top+60 });
	}, 1500);
});

$('#Shout_U img').live('mouseout', function(){
	clearTimeout(timerID);
});

$('.rounded').corners();

});  function Shout_update(data){
	if(data == 'D' || data == 'L'){
		$('#Shout').hide();
	}
	if(data == 'S'){
		alert('WARNING: Please wait 5 seconds between shoutbox posts');
		return;
	}
	$('#Shout_U').prepend(data);
	$('#Shout_U img[alt="User avatar"]').removeAttr('height').attr('alt', 'UserAvatar');
}

function Shout_submit(data){
	$('input#Shout_message').val('');
	Shout_update(data);
}

    </script>

    <div id = "Shout" class="Shout" >
<table padding = "5" style = "height:190px; width:590px;">

    <tr>
        <td height="145" width="585" ><div id ="Shout_U" class="Shout_U">
        </div></td>
    </tr>
    <tr>
        <td colspan="3" height ="30">
            <form id ="Shout_form" action="lib/shoutBox.php" method="post" >

                <input id="Shout_message"type="text" name="message" maxlength="255" onsubmit="return false;" class = "Shout_yell">
                <input id = "Shout_Submit" type="submit" value="Submit" class="rounded {transparent} button" onsubmit="return false;">
		<a id ="Shout_BTsmilies" class="rounded {transparent} button">Smilies</a>
            </form>

        </td>
    </tr>
</table>
</div>
<div id="Shout_smilies" style = "height:100px; width:100px;  display:none;" ><table width = "100" height = "100"><tr><td><img src = "lib/forum/images/smilies/icon_e_biggrin.gif" alt = ":D"></td><td><img src = "lib/forum/images/smilies/icon_e_smile.gif" alt = ":)"></td><td><img src = "lib/forum/images/smilies/icon_e_wink.gif" alt = ";)"></td><td><img src = "lib/forum/images/smilies/icon_e_sad.gif" alt = ":("></td><td><img src = "lib/forum/images/smilies/icon_e_surprised.gif" alt = ":o"></td><td><img src = "lib/forum/images/smilies/icon_eek.gif" alt = ":shock:"></td></tr><tr><td><img src = "lib/forum/images/smilies/icon_e_confused.gif" alt = ":?"></td><td><img src = "lib/forum/images/smilies/icon_cool.gif" alt = "8-)"></td><td><img src = "lib/forum/images/smilies/icon_lol.gif" alt = ":lol:"></td><td><img src = "lib/forum/images/smilies/icon_mad.gif" alt = ":x"></td><td><img src = "lib/forum/images/smilies/icon_razz.gif" alt = ":P"></td><td><img src = "lib/forum/images/smilies/icon_redface.gif" alt = ":oops:"></td></tr><tr><td><img src = "lib/forum/images/smilies/icon_cry.gif" alt = ":cry:"></td><td><img src = "lib/forum/images/smilies/icon_evil.gif" alt = ":evil:"></td><td><img src = "lib/forum/images/smilies/icon_twisted.gif" alt = ":twisted:"></td><td><img src = "lib/forum/images/smilies/icon_rolleyes.gif" alt = ":roll:"></td><td><img src = "lib/forum/images/smilies/icon_exclaim.gif" alt = ":!:"></td><td><img src = "lib/forum/images/smilies/icon_question.gif" alt = ":?:"></td></tr><tr><td><img src = "lib/forum/images/smilies/icon_idea.gif" alt = ":idea:"></td><td><img src = "lib/forum/images/smilies/icon_arrow.gif" alt = ":arrow:"></td><td><img src = "lib/forum/images/smilies/icon_neutral.gif" alt = ":|"></td><td><img src = "lib/forum/images/smilies/icon_mrgreen.gif" alt = ":mrgreen:"></td><td><img src = "lib/forum/images/smilies/icon_e_geek.gif" alt = ":geek:"></td><td><img src = "lib/forum/images/smilies/icon_e_ugeek.gif" alt = ":ugeek:"></td></tr></table></div>