document.write(" <div id='floatdiv' style='position:absolute;width:248px;height:100px;left:10px;top:10px;padding:0px;background:#FFFFFF;border:0px solid #2266AA;visibility: hidden;opacity: .0;'>  ");//hidden
document.write("<table width='100%' border='0' height='100%' cellspacing='0' cellpadding='0'><tr><td height='35' style='background-image:url(images/floatHeader.png);'> ");
document.write("<table width='100%' height='100%' border='0' cellspacing='0' cellpadding='0'><tr><td width='10'></td><td id='floatdivInTit' style='color:#ffffff'>Hi!</td><td width='30'><img src='images/box.png' border='0' onClick='turnOff()'></td><td width='10'></td></tr></table>");
document.write("</td></tr><tr><td valign='top' style='border:1px solid #191d29;padding:5px;' id='floatdivIn' >");//onMouseOut = 'turnOff()'
document.write("     This is a floating javascript menu.  ");
document.write("</td></tr></table>");
document.write(" </div>");
var isOn = 0;
var tmpO,tmpE,tmpC,tmpT;

function turnOn(obj,e,code,title){
	tmpO = obj;
	tmpE = e;
	tmpC = code;
	tmpT = title;
	if(isOn == 1){
		turnOff();
		setTimeout("doTurnOn()",1000);
	}else{
		doTurnOn();
		//doTurnOn(obj,e,code,title);
	}
}
function doTurnOn(){
	obj = tmpO;
	e = tmpE;
	code = tmpC;
	title = tmpT;
	myObj = "floatdiv";
	myObjCont = "floatdivIn";
	myObjContTit = "floatdivInTit";
	document.getElementById(myObj).style.visibility = "visible";
	document.getElementById(myObjCont).innerHTML = code;
	document.getElementById(myObjContTit).innerHTML = title;
	document.getElementById(myObj).style.top = getposOffset(obj, "top") +'px';
	document.getElementById(myObj).style.left = getposOffset(obj, "left") +'px';
	opacity(myObj, 0, 100, 800);
	isOn = 1;
}

function turnOff(){
	myObj = "floatdiv";
	opacity(myObj, 100, 0, 800);
	setTimeout("document.getElementById(myObj).style.visibility = \"hidden\"",1000);
	isOn = 0;
}
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 opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}