//Image Preload
img1 = new Image(); 
img1.src = "pics/1b.jpg";

img2 = new Image(); 
img2.src = "pics/2b.jpg";

img3 = new Image(); 
img3.src = "pics/3b.jpg";

img4 = new Image(); 
img4.src = "pics/4b.jpg";

img5 = new Image(); 
img5.src = "pics/5b.jpg";

img6 = new Image(); 
img6.src = "pics/6b.jpg";

img7 = new Image(); 
img7.src = "pics/7b.jpg";

img8 = new Image(); 
img8.src = "pics/8b.jpg";

img9 = new Image(); 
img9.src = "pics/9b.jpg";

img10 = new Image(); 
img10.src = "pics/10b.jpg";

img11 = new Image(); 
img11.src = "pics/11b.jpg";

img12 = new Image(); 
img12.src = "pics/12b.jpg";

img13 = new Image(); 
img13.src = "pics/13b.jpg";

img14 = new Image(); 
img14.src = "pics/14b.jpg";

img15 = new Image(); 
img15.src = "pics/15b.jpg";

img16 = new Image(); 
img16.src = "pics/16b.jpg";

//Browser Detect
var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();
////////////////////////////////////
////////////////////////////////////

var floattext=new Array()
floattext[0]='- <a href="http://www.javascriptkit.com/cutpastejava.shtml">Free JavaScripts</a><br>- <a href="http://www.javascriptkit.com/javaindex.shtml">JavaScript Tutorials</a><br>- <a href="http://www.javascriptkit.com/dhtmltutors/index.shtml">DHTML/ CSS Tutorials</a><br>- <a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a><br><div align="right"><a href="javascript:hidefloatie()">Hide Box</a></div>'


floattext[1]='<table border="0" class="Normal" cellpadding="0" cellspacing="0"><tr><td align="center" colspan="2"><img src="pics/1b.jpg" border="0"></td></tr><tr><td height="15" align="right" valign="bottom"><font size=2 style="BACKGROUND-COLOR: #55FFEE"><a href="javascript:hidefloatie()" style="background-color:#55FFEE">Close</a></td></tr></table>'
floattext[2]='<table border="0" class="Normal" cellpadding="0" cellspacing="0"><tr><td align="center" colspan="2"><img src="pics/2b.jpg" border="0"></td></tr><tr><td height="15" align="right" valign="bottom"><font size=2 style="BACKGROUND-COLOR: #55FFEE"><a href="javascript:hidefloatie()" style="background-color:#55FFEE">Close</a></td></tr></table>'
floattext[3]='<table border="0" class="Normal" cellpadding="0" cellspacing="0"><tr><td align="center" colspan="2"><img src="pics/3b.jpg" border="0"></td></tr><tr><td height="15" align="right" valign="bottom"><font size=2 style="BACKGROUND-COLOR: #55FFEE"><a href="javascript:hidefloatie()" style="background-color:#55FFEE">Close</a></td></tr></table>'
floattext[4]='<table border="0" class="Normal" cellpadding="0" cellspacing="0"><tr><td align="center" colspan="2"><img src="pics/4b.jpg" border="0"></td></tr><tr><td height="15" align="right" valign="bottom"><font size=2 style="BACKGROUND-COLOR: #55FFEE"><a href="javascript:hidefloatie()" style="background-color:#55FFEE">Close</a></td></tr></table>'
floattext[5]='<table border="0" class="Normal" cellpadding="0" cellspacing="0"><tr><td align="center" colspan="2"><img src="pics/5b.jpg" border="0"></td></tr><tr><td height="15" align="right" valign="bottom"><font size=2 style="BACKGROUND-COLOR: #55FFEE"><a href="javascript:hidefloatie()" style="background-color:#55FFEE">Close</a></td></tr></table>'
floattext[6]='<table border="0" class="Normal" cellpadding="0" cellspacing="0"><tr><td align="center" colspan="2"><img src="pics/6b.jpg" border="0"></td></tr><tr><td height="15" align="right" valign="bottom"><font size=2 style="BACKGROUND-COLOR: #55FFEE"><a href="javascript:hidefloatie()" style="background-color:#55FFEE">Close</a></td></tr></table>'
floattext[7]='<table border="0" class="Normal" cellpadding="0" cellspacing="0"><tr><td align="center" colspan="2"><img src="pics/7b.jpg" border="0"></td></tr><tr><td height="15" align="right" valign="bottom"><font size=2 style="BACKGROUND-COLOR: #55FFEE"><a href="javascript:hidefloatie()" style="background-color:#55FFEE">Close</a></td></tr></table>'
floattext[8]='<table border="0" class="Normal" cellpadding="0" cellspacing="0"><tr><td align="center" colspan="2"><img src="pics/8b.jpg" border="0"></td></tr><tr><td height="15" align="right" valign="bottom"><font size=2 style="BACKGROUND-COLOR: #55FFEE"><a href="javascript:hidefloatie()" style="background-color:#55FFEE">Close</a></td></tr></table>'
floattext[9]='<table border="0" class="Normal" cellpadding="0" cellspacing="0"><tr><td align="center" colspan="2"><img src="pics/9b.jpg" border="0"></td></tr><tr><td height="15" align="right" valign="bottom"><font size=2 style="BACKGROUND-COLOR: #55FFEE"><a href="javascript:hidefloatie()" style="background-color:#55FFEE">Close</a></td></tr></table>'
floattext[10]='<table border="0" class="Normal" cellpadding="0" cellspacing="0"><tr><td align="center" colspan="2"><img src="pics/10b.jpg" border="0"></td></tr><tr><td height="15" align="right" valign="bottom"><font size=2 style="BACKGROUND-COLOR: #55FFEE"><a href="javascript:hidefloatie()" style="background-color:#55FFEE">Close</a></td></tr></table>'
floattext[11]='<table border="0" class="Normal" cellpadding="0" cellspacing="0"><tr><td align="center" colspan="2"><img src="pics/11b.jpg" border="0"></td></tr><tr><td height="15" align="right" valign="bottom"><font size=2 style="BACKGROUND-COLOR: #55FFEE"><a href="javascript:hidefloatie()" style="background-color:#55FFEE">Close</a></td></tr></table>'
floattext[12]='<table border="0" class="Normal" cellpadding="0" cellspacing="0"><tr><td align="center" colspan="2"><img src="pics/12b.jpg" border="0"></td></tr><tr><td height="15" align="right" valign="bottom"><font size=2 style="BACKGROUND-COLOR: #55FFEE"><a href="javascript:hidefloatie()" style="background-color:#55FFEE">Close</a></td></tr></table>'
floattext[13]='<table border="0" class="Normal" cellpadding="0" cellspacing="0"><tr><td align="center" colspan="2"><img src="pics/13b.jpg" border="0"></td></tr><tr><td height="15" align="right" valign="bottom"><font size=2 style="BACKGROUND-COLOR: #55FFEE"><a href="javascript:hidefloatie()" style="background-color:#55FFEE">Close</a></td></tr></table>'
floattext[14]='<table border="0" class="Normal" cellpadding="0" cellspacing="0"><tr><td align="center" colspan="2"><img src="pics/14b.jpg" border="0"></td></tr><tr><td height="15" align="right" valign="bottom"><font size=2 style="BACKGROUND-COLOR: #55FFEE"><a href="javascript:hidefloatie()" style="background-color:#55FFEE">Close</a></td></tr></table>'
floattext[15]='<table border="0" class="Normal" cellpadding="0" cellspacing="0"><tr><td align="center" colspan="2"><img src="pics/15b.jpg" border="0"></td></tr><tr><td height="15" align="right" valign="bottom"><font size=2 style="BACKGROUND-COLOR: #55FFEE"><a href="javascript:hidefloatie()" style="background-color:#55FFEE">Close</a></td></tr></table>'
floattext[16]='<table border="0" class="Normal" cellpadding="0" cellspacing="0"><tr><td align="center" colspan="2"><img src="pics/16b.jpg" border="0"></td></tr><tr><td height="15" align="right" valign="bottom"><font size=2 style="BACKGROUND-COLOR: #55FFEE"><a href="javascript:hidefloatie()" style="background-color:#55FFEE">Close</a></td></tr></table>'



var floatiewidth="" //default width of floatie in px
var floatieheight="" //default height of floatie in px. Set to "" to let floatie content dictate height.
var floatiebgcolor="lightyellow" //default bgcolor of floatie
var fadespeed=70 //speed of fade (5 or above). Smaller=faster.
var baseopacity=0

function slowhigh(which2){
imgobj=which2
browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
highlighting=setInterval("gradualfade(imgobj)",fadespeed)
}

function instantset(degree){
cleartimer()
if (browserdetect=="mozilla")
imgobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
imgobj.filters.alpha.opacity=degree
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.2, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function paramexists(what){
return(typeof what!="undefined" && what!="")
}






function showfloatie(thetext, e, optbgColor, optWidth, optHeight){

var dsocx=(window.pageXOffset)? pageXOffset: ietruebody().scrollLeft;
var dsocy=(window.pageYOffset)? pageYOffset : ietruebody().scrollTop;
var floatobj=document.getElementById("dhtmlfloatie")

floatobj.style.display="block"

floatobj.style.width=paramexists(optWidth)? optWidth+"px" : floatiewidth
floatobj.style.height=paramexists(optHeight)? optHeight+"px" : floatieheight!=""? floatieheight : ""
floatobj.innerHTML=thetext
var floatWidth=floatobj.offsetWidth>0? floatobj.offsetWidth : floatobj.style.width-(floatobj.style.width/2)
var floatHeight=floatobj.offsetHeight>0? floatobj.offsetHeight : floatobj.style.height-(floatobj.style.height/2)

//var winWidth=document.all&&!window.opera? ietruebody().clientWidth-(ietruebody().clientWidth/2)+200 : window.innerWidth-(window.innerWidth/2)+200
var winWidth=document.all&&!window.opera? ietruebody().clientWidth : window.innerWidth
var winHeight=document.all&&!window.opera? ietruebody().clientHeight : window.innerHeight

e=window.event? window.event : e
//floatobj.style.left=dsocx+winWidth-floatWidth-5+"px"
//floatobj.style.left=dsocx+winWidth+"px"
//floatobj.style.left=winWidth/2+"px";//-floatobj.style.width/2+"px"
floatobj.style.left=winWidth/2-optWidth/2+"px"
//floatobj.style.top=dsocy+winHeight-floatHeight-5+"px"
floatobj.style.top=winHeight/2-optHeight/2+dsocy+"px"
//alert(optWidth)
slowhigh(floatobj)
//window.scrollTo(dsocx,dsocy);

}








function hidefloatie(){
var floatobj=document.getElementById("dhtmlfloatie")
floatobj.style.display="none"
}