Dhtml Scripts + Java + CSS

IN THIS SITE

Homepage

Java Scripts

HTML programming

Learning HTML

Software

Other stuff

Photos / Erotica

Recommended sites

SIGN THE GUESTBOOK

Forum + Contact a Friend

Read My Guestbook!

Sign Guestbook!

SEARCH

Yahoo.com

Webcrawler.com

Lycos.com

Google.com

Altavista.com

Alltheweb.com

Bigbot.com

Ask Jeeves.co.uk

Mamma.com

Oingo.com

MISC

Rotten.com

FREE PORN

Realtimepicpost.com

Postpic.com

Megastars.co.uk

Picpost.com

Free4internet.com

WEB STUFF

Bseen.com

Ultimatecounter.com

Shockwave.com

Macromedia.com

Scriptsearch.internet.com

MUSIC + MP3 SOFTWARE

Mtv.co.uk

Mp3.com

Audiofind.com

Napster.com

Real.com

HTML + JAVA SCRIPTS

SEARCH ENGINE

<font color="#FF0000"
face="georgia, times new roman, times, serif">
</font><font
color="#FF0000" face="georgia, times new roman, times, serif"><script>
<!-- hide this script from non-JavaScript browsers

// All code in this script is Copyright(C) 1996, Justin Boyan, jab+j@cs.cmu.edu
// For documentation and more info, see:  http://www.cs.cmu.edu/~jab/snark/
// This is SNARK Version 1.0, 18 May 1996

var MAX_ENGINES = 30;
var SNARK_STRING = "hunting+the+snark";

function MakeArray(n) {
   for (var i = 1; i <= n; i++) {
     this[i] = 0;
   }
   this.maxlen = n;
   this.len = 0;
   return this;
}

var engs = new MakeArray(MAX_ENGINES);

function find_substring(needle, haystack) {
   var i, needlen = needle.length, haylen = haystack.length;
   for (i=0; i<=haylen-needlen; i++) {
      if (needle == haystack.substring(i,i+needlen))
        return i;
   }
   return false;
}

function Engine(name, opts, home, search) {
  var snark = find_substring(SNARK_STRING, search);
  this.name = name;
  this.opts = opts;
  this.home = home;
  this.pre_snark = search.substring(0,snark);
  this.post_snark= search.substring(snark+SNARK_STRING.length, search.length);
}

function Add(name, opts, home, search) {
  engs.len++;
  if (engs.len <= engs.maxlen) {
    engs[engs.len] = new Engine(name, opts, home, search)
  }
  else {
    alert("Better increase MAX_ENGINES: " + engs.len + ">" + engs.maxlen)
  }
}

// ADD YOUR OWN SEARCH ENGINES BELOW.  (See http://www.cs.cmu.edu/~jab/snark/ )

Add("Netnews: AltaVista", "",
   "http://altavista.digital.com/",
   "http://altavista.digital.com/cgi-bin/query?pg=q&what=news&fmt=d&q=hunting+the+snark" );

Add("Shareware/Windows", "",
   "http://vsl.cnet.com/",
   "http://vsl.cnet.com/cgi-bin/vsl-master/Find?category=MS-Windows%28all%29&search=hunting+the+snark&logop=and&and=&orfile=++&hits=200" );

Add("Shareware/Unix", "",
   "http://vsl.cnet.com/",
   "http://vsl.cnet.com/cgi-bin/vsl-master/Find?category=UNIX&search=hunting+the+snark&logop=and&and=&orfile=++&hits=200" );

Add("the Web: AltaVista", "SELECTED",
   "http://altavista.digital.com/",
   "http://altavista.digital.com/cgi-bin/query?pg=q&what=web&fmt=d&q=hunting+the+snark" );

Add("the Web: Lycos", "",
   "http://www.lycos.com/",
   "http://twelve.srv.lycos.com/cgi-bin/pursuit?query=hunting+the+snark" );

Add("the Web: Yahoo!", "",
   "http://www.yahoo.com/",
   "http://search.yahoo.com/bin/search?p=hunting+the+snark" );

Add("Weather (City, ST)", "",
   "http://www.nnic.noaa.gov/cgi-bin/page?pg=netcast",
   "http://www.nnic.noaa.gov/cgi-bin/netcast.do-it?state=hunting+the+snark&area=Local+Forecast&html=yes&match=strong");

// ADD YOUR OWN SEARCH ENGINES ABOVE.  (See http://www.cs.cmu.edu/~jab/snark/ )

function HandleForm(form) {
  form.submit();  // This fixes a mysterious Netscape bug.  Without this line,
                  // you can't use <enter> to start the search the first time.
  var i, oldq=form.query.value, newq="";
  for (i=0; i<oldq.length; i++) {  // compress [ ]+ into \+
    var thischar = oldq.charAt(i);
    if (thischar != ' ')
      newq += thischar;
    else if (lastchar != ' ')
      newq += '+';
    lastchar = thischar;
  }
  var eng = engs[1+form.service.selectedIndex];
  location.href = newq ? eng.pre_snark + newq + eng.post_snark : eng.home;
}

function DisplayForm() {
  document.writeln('<CENTER><FORM OnSubmit="HandleForm(this); return false">');
  document.writeln('Search <SELECT name="service">');
  for (i=1; i <= engs.len; i++) {
    document.writeln("<OPTION " + engs[i].opts + "> " + engs[i].name);
  }
  document.writeln('</SELECT><br><br> for <INPUT size=26 name="query">');
  document.writeln('<input type=submit value=" GO!">');
  document.writeln('</FORM> </CENTER>');
}

DisplayForm();

// done hiding from old browsers -->

</script></font><font
color="#FF0000" face="georgia, times new roman, times, serif">
</font>

FRAME BUSTER

RANDOM IMAGE VIEWER

<SCRIPT LANGUAGE="JavaScript">

today=new Date();
jran=today.getTime();

function rnd() {

ia=9301;
	ic=49297;
	im=233280;

jran = (jran*ia+ic) % im;
	return jran/(im*1.0);
};

function rand(number) {

return Math.ceil(rnd()*number);
};

document.write("<CENTER>");
for(i=1;i<=1;i++) {
	myNum=(rand(25));
	if(myNum == 1) document.write("<img src='EXAMPLE.html'>"); 
	if(myNum == 2) document.write("<img src='here'>");
	if(myNum == 3) document.write("<img src='here'>");
	if(myNum == 4) document.write("<img src='here'>");
	if(myNum == 5) document.write("<img src='here'>");
	if(myNum == 6) document.write("<img src='here'>");
	if(myNum == 7) document.write("<img src='here'>");
	if(myNum == 8) document.write("<img src='here'>");
	if(myNum == 9) document.write("<img src='here'>");
	if(myNum == 10) document.write("<img src='here'>");
	if(myNum == 11) document.write("<img src='light%20rotating.html'>");
	if(myNum == 12) document.write("<img src='onlinelogo.html'>");
	if(myNum == 13) document.write("<img src='onlinelogo.html'>");
	if(myNum == 14) document.write("<img src='img12.html'>"); 
	if(myNum == 15) document.write("<img src='img13.html'>");
	if(myNum == 16) document.write("<img src='img14.html'>");
	if(myNum == 17) document.write("<img src='img15.html'>");
	if(myNum == 18) document.write("<img src='img16.html'>");
	if(myNum == 19) document.write("<img src='img19.html'>");
	if(myNum == 20) document.write("<img src='img25.html'>");
	if(myNum == 21) document.write("<img src='img23.html'>");
	if(myNum == 22) document.write("<img src='img22.html'>");
	if(myNum == 23) document.write("<img src='img32.html'>");
	if(myNum == 24) document.write("<img src='img33.html'>");
	if(myNum == 25) document.write("<img src='img34.html'>");
else {
document.write();
}

};

document.write("</CENTER>");

</SCRIPT>

BROWSER IDENTIFIER

HIT COUNTER

<SCRIPT LANGUAGE="JavaScript">
<!--
/*

This script was created by the administration
   from www.jsworld.com.  Permission is hereby
   granted to use this script freely for any
   commercial or non commercial use, as long as
   this message remains in tact.

function saveit()
	{
var when = new Date()
document.cookie = "counting=; expires=" + when.toGMTString();
when.setMonth(when.getMonth() + 1)
var counting = document.forms[0].saved.value;
document.cookie = "counting="+counting+"; expires=" + when.toGMTString()
	}
welcome()

// -->
</SCRIPT>

DISSAPEARING TEXT

/*If you want the text to appear differently on another place on the page
or anything set that in the style tag of the zoom layer.

Here are the variables you have to set:                                                                 
First the text:*/
	text="www.evrsoft.com"

//set the fontsize you want:
	var fontsize=35

//The color of the text
	var color="#003300"
	
//the alignment of the text, you can choose center, right or left.
	var align="left"

//Set the speed you want it to write in (in milliseconds between each letter)
	var Wspeed=100

//Set font
	var font='Arial Black,Arial,Helvetica'
  
//Set the time you want it to wait before it starts after pageload:
	var timetowait=1000
        
/*You can remove this if you don't wan't it to start right away.
You can have it start if someone clicks a link (make a link like this:
<a href="#" onclick="writeInit()">Click to writetext</a>)*/
	onload=writeInit;

/*You shouldn't really have to set anything below this point
****************************************************************************
****************************************************************************
*****************************************************************************/
/*Browsercheck and settings vars
****************************************************************************/
var ie, n;
if (document.all) {
	n=0; ie=1
	writeText='document.all.divZoom.innerHTML=\'<p align=\"\'+align+\'\" style=\"font-family:\'+font+\'; font-size:\'+fontsize+\'px; color:\'+color+\'">\'+text+\'</p>\''
	closeIt=""
}
if (document.layers) {
	n=1;ie=0
	writeText="document.divZoom.document.write('<p align=\"'+align+'\" style=\"font-family:'+font+'; font-size:'+fontsize+'px; color:'+color+'\">'+text+'</p>')"
	closeIt="document.divZoom.document.close()"
}

/*The functions for writing text.
****************************************************************************/
function writeIt(){
	if(text.length>0){
		text=text.slice(0,text.length-1)
		eval(writeText)
		eval(closeIt)
		setTimeout("writeIt()",Wspeed)
	}
}
/*This is the functions that calls the right function...or something :}
****************************************************************************/
function writeInit(){
	eval(writeText)
	eval(closeIt)
	if(ie || n) setTimeout("writeIt(0)",timetowait)       
}
//***************************************************************************
</script>
</head>
<body bgcolor="White"><script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-47423994-1', 'fortunecity.ws');
  ga('send', 'pageview');

</script>
<center>
<br>
	
	<div>	
<script language="javascript" type="text/javascript" src="http://ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script>
	</div>
</center>

Drag N' Drop

//Browsercheck, and sets <div> for ie, and <layer> for ns
	var n = (document.layers) ? 1:0;
	var ie = (document.all) ? 1:0;
	var layer=(n)?'layer':'div'

/********************************************************************************
Object constructor part.
Setting the objects methods and properties
********************************************************************************/
function dragObj(obj,nest){
	nest=(!nest) ? '':'document.'+nest+'.'										
    this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')		
    this.evnt=(n)? eval(nest+'document.'+obj):eval(obj);
	this.getLeft=b_getLeft;
	this.getTop=b_getTop;
	this.moveIt=b_moveIt;
	this.name=obj				
	return this
}
function b_moveIt(x,y){
	this.css.left=x
	this.css.top=y
}
function b_getLeft(){
  	x=(n)? this.css.left:this.css.pixelLeft
	return x
}
function b_getTop(){
  	y=(n)? this.css.top:this.css.pixelTop
	return y
}
/********************************************************************************
Capturing events, when the user mouseovers a layer
the variable/property of that layer names .isOver will
be true, and that means if the user clicks
when he is on top of that layer it becomes draggable
********************************************************************************/
function dragInit(){
	if(n) document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN | Event.MOUSEUP)
	document.onmousedown=mdown
	document.onmouseup=mup
	document.onmousemove=mmove;
}
function mmover(num){
	if(loaded) oDrag[num].isOver=true
}
function mmout(num){
	if(loaded) oDrag[num].isOver=false
}
function mup(){
	for(var i=0; i<oDrag.length;i++){
		if(oDrag[i].isOver) {
			oDrag[i].drag=false
		}	
	}
}
function mdown(num){
	x=(n)?num.pageX:event.x
    y=(n)?num.pageY:event.y
	for(var i=0; i<oDrag.length;i++){
		if(oDrag[i].isOver) {
			oDrag[i].drag=true
			oDrag[i].clickedX=x-oDrag[i].getLeft()
			oDrag[i].clickedY=y-oDrag[i].getTop()
			cZIndex++
			oDrag[i].css.zIndex=cZIndex
		}
	}
}
function mmove(e){
	x=(n)?e.pageX:event.x
    y=(n)?e.pageY:event.y
	for(var i=0; i<oDrag.length;i++){
	if(oDrag[i].drag)
		oDrag[i].moveIt(x-oDrag[i].clickedX,y-oDrag[i].clickedY)
	}
}

/********************************************************************************
Init, here's where you set how many draggable layers you want.
Make one more "Drag[3]=new dragObj('divDrag3')" and as i did here, ++ the number
to add draggable layers. You also have to add them in the stylesheet (in the <style></style>)
To make another one that's sized 100*200 and with a background-color of red add this:
#divDrag3{position:absolute; height:100; width:200; clip:rect(0,200,100,0); background-color:red; layer-background-color:red}
Get the picture?
There's one more thing you have to do to add layers, look further down for explanation.
********************************************************************************/
var loaded; 
function init(){
	dragInit()
	oDrag=new Array()
	oDrag[0]=new dragObj('divDrag0')
	oDrag[1]=new dragObj('divDrag1')
	oDrag[2]=new dragObj('divDrag2')
	loaded=true;
}
/********************************************************************************
Set this variable to the zIndex you want it to start at, (if you have several
layers and want it to start on the top, change to somthing higher then the uppermost layer
********************************************************************************/
cZIndex=10

//Inits the page on page load
if(n || ie) onload=init;
</script>
</HEAD>
<BODY><script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-47423994-1', 'fortunecity.ws');
  ga('send', 'pageview');

</script>
<center>
<br>
	
	<div>	
<script language="javascript" type="text/javascript" src="http://ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script>
	</div>
</center>

ZOOM TEXT

/*If you want the text to appear differently on another place on the page
or anything set that in the style tag of the zoom layer.

Here are the variables you have to set:                                                                 
First the text:*/
	text=new Array('www','evrsoft','com','www.evrsoft.com')
	
//the color of the text:
	color="#000000"
	
//set the size you want the zoom to start at:
	var startSize=70
	
//set the size you want the zoom to end at:
	var endSize=5

//Set the speed you want it to zoom in (in milliseconds)
	var Zspeed=30

//Set font
	var font='Arial Black'
	
//do you want it to hide when its done? (true or false)
	var hide=true

/*You can remove this if you don't wan't it to start right away.
You can have it start if someone clicks a link (make a link like this:
<a href="#" onclick="fadeInit()">Click to Zoomtext</a>)*/
	onload=zoomInit;
	
/*You shouldn't really have to set anything below this point
****************************************************************************
****************************************************************************
*****************************************************************************/
var size=startSize
var gonum=0
/*Browsercheck and settings vars
****************************************************************************/
var ie, n;
if (document.all) {
		n=0
		ie=1
		zoomText='document.all.divZoom.innerText=text[num]'
		zoomSize='document.all.divZoom.style.fontSize=size'
		closeIt=""
		fadeColor="document.all.divZoom.style.color=color[num]"
	}
if (document.layers) {
		n=1;ie=0
		zoomText=""
		zoomSize="document.divZoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+size+'px; color:'+color+'\">'+text[num]+'</p>')"
		closeIt="document.divZoom.document.close()"
		fadeColor="document.divZoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+endSize+'px; color:'+color+'\">'+text[numText-1]+'</p>')"
	}

/*The functions for zooming text.
****************************************************************************/
function zoom(num,fn){
	if (size>endSize){
		eval(zoomText)
		eval(zoomSize)
		eval(closeIt)
   		size-=10;
		setTimeout("zoom("+num+",'"+fn+"')",Zspeed)
	}else{
		eval(fn)
	}
}

/*This is the function that hides the layer after the zoom/color change
****************************************************************************/
function hideIt(){
	if(hide){
		if(ie)document.all.divZoom.style.visibility="hidden"
		if(n)document.layers.divZoom.visibility="hidden"
	}
}
/*This is the functions that calls the right function...or something :}
****************************************************************************/
function zoomInit(){
	if(ie){
		//Added to make it center in ie5
		document.all.divZoom.style.width=document.body.offsetWidth-50
		document.all.divZoom.style.color=color
		document.all.divZoom.style.fontFamily=font
	}
	if(ie || n) go(0)	
}
function go(num){
	gonum+=1
	size=startSize
	if(num<text.length){
		zoom(num,'go('+gonum+')')
	}else{
		hideIt()
	}
}

ga('create', 'UA-47423994-1', 'fortunecity.ws');
  ga('send', 'pageview');

</script>
<center>
<br>
	
	<div>	
<script language="javascript" type="text/javascript" src="http://ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script>
	</div>
</center>

<div id="divZoom" align="center" style="position:absolute; top:1"></div>

CHANGING TEXT

/********************************************************************************
Here are the variables you must set: (this is the only part you have to change)

Remember tho, if you wan't different size for the layers, different clip or anything
change that in the stylesheet.
*/

//The delay between the fades (in milliseconds) smaller value gives less time:
betweendelay=1000

//Do you wan't it to start over on the first one when it's gone trought all the news?
//(set to 0 if not)
var loop=1

//What font do you wan't it use?
FontFace='arial,helvetiva'

//What font-size (in pixel)?
FontSize=12

//Do you wan't it to fade out aswell? 1 for on, 0 for off
fadeback=1

//Set the colors, first color is same as background, last color is the color it stops at:
//You can have upto 7 colors, set the ones you wan't use to 0
colors=new Array()
colors[0]='#FFFFFF'
colors[1]='#EEEEEE'
colors[2]='#CCCCCC'
colors[3]='#999999'
colors[4]='#666666'
colors[5]='#333333'
colors[6]='#000000'

//This is the news you wanna have, set the link and the text. If you don't wan't it to link anywhere
//use a # as the link
news=new Array()
//Copy there three lines and change the info and numbers to get more news.
news[0]=new Array()
news[0]["text"]="New scripts www.bratta.com/dhtml is updated with more scripts then ever!"
news[0]["link"]="http://www.bratta.com/dhtml"

news[1]=new Array()
news[1]["text"]="Dynamic HTML scripts can be found here! ZoomText, FadeNews, TextChange and lot's lot's more.."
news[1]["link"]="http://www.bratta.com/dhtml"

/*Dont change anything below this!
*********************************************************************************/
fadeInit=new Function("oNews=new makeObj('divNews','divCont'); fadeNews(0)")
function makeObj(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
    this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')
    this.writeref=(n) ? eval(nest+'document.'+obj+'.document'):eval(obj);		
	this.fadeIt=b_fadeIt
    this.obj = obj + "Object"; 	eval(this.obj + "=this")	
}
function b_fadeIt(text,link,font,size,speed,fn,num,c0,c1,c2,c3,c4,c5,c6){
	if(num<arguments.length && arguments[num]!=0){
		writetext='<a href="'+link+'" style="text-decoration:none; font-size:'+size+'px">'
		+'<font face="'+font+'" color="'+arguments[num]+'">'+text+'</font></a>'
		if(n){this.writeref.write(writetext); this.writeref.close()}
		if(ie) this.writeref.innerHTML=writetext		
		num++
		setTimeout(this.obj+'.fadeIt("'+text+'","'+link+'","'+font+'",'+size+','+speed+',"'
		+fn+'",'+num+',"'+c0+'","'+c1+'","'+c2+'","'+c3+'","'+c4+'","'+c5+'","'+c6+'")',speed)
	}else setTimeout('eval('+fn+')',betweendelay)
}
function fadeNews(num){
	if(num<news.length){
		fn=fadeback?'fadeBack('+num+')':'fadeNews('+(num+1)+')';
		oNews.fadeIt(news[num]["text"],news[num]["link"],FontFace,FontSize,100,fn,7,
		colors[0],colors[1],colors[2],colors[3],colors[4],colors[5],colors[6])
	}else if(loop)fadeNews(0)
}
function fadeBack(num){
	if(num>=0){
		oNews.fadeIt(news[num]["text"],news[num]["link"],FontFace,FontSize,100,'fadeNews('+(num+1)
		+')',7,colors[6],colors[5],colors[4],colors[3],colors[2],colors[1],colors[0])
	}
}
onload=fadeInit;
/*End of fadescript
**********************************************************************************/
</script>
</HEAD>
<BODY bgcolor="white"><script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-47423994-1', 'fortunecity.ws');
  ga('send', 'pageview');

</script>
<center>
<br>
	
	<div>	
<script language="javascript" type="text/javascript" src="http://ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script>
	</div>
</center>

<div id="divCont" style="position:absolute; width:250; height:200; left:15; top:15">
	<div id="divNews" style="position:absolute">
		<script>//We gotta write something here so netscape will make it
		//be the correct size, but we will only write if it's a 4.x browser
		if(document.all || document.layers) document.write("dummy text, dummy"
		+"text, you can place you fist news or a welcome msg or something here." 
		+"If you place these layers inside a table or something you can also"
		+"use this as the msg that browsers that doesn't suport dhtml will see.")
		</script>
	</div>
</div>

DETECT IP.

FADING AFFECT <

SUPPORT FOR MACROMEDI SHOCKWAVE FILES

SUPPORT FOR MACROMEDIA FLASH FILES

10 SECONDS THEN REDIRECT

ROLLOVER IMAGES

<script language="JavaScript" type="text/javascript">
<!-- Hide from older browsers
function SwitchImg()
{ //start
  var rem, keep=0, store, obj, switcher=new Array, history=document.Data;
    for (rem=0; rem < (SwitchImg.arguments.length-2); rem+=3) {
    	store = SwitchImg.arguments[(navigator.appName == 'Netscape')?rem:rem+1];
    if ((store.indexOf('document.layers[')==0 && document.layers==null) ||
        (store.indexOf('document.all[')==0 && document.all==null))
         store = 'document'+store.substring(store.lastIndexOf('.'),store.length);
         obj = eval(store);
    if (obj != null) {
   	   switcher[keep++] = obj;
      switcher[keep++] = (history==null || history[keep-1]!=obj)?obj.src:history[keep];
      obj.src = SwitchImg.arguments[rem+2];
  } }
  document.Data = switcher;
} //end

function RestoreImg()
{ //start
  if (document.Data != null)
    for (var rem=0; rem<(document.Data.length-1); rem+=2)
      document.Data[rem].src=document.Data[rem+1];
} //end

// end hiding contents -->
</script>

DROP DOWN MENU WITH IMAGES

/************************************************************************************
This script is a "foldout" menu script, all the "foldouts" will
stay outfolded in older browsers. Works in ie4+ and ns4+.
ADDED: Images

To change where the menu appears change the left and top values of the divCont
in the stylesheets, it's currently placed relative so you can
place this menu in tables or similar if you want. Change the 
text colors and size in the A.clMain and A.clSubb classes.
************************************************************************************/

/************************************************************************************
Change this to false if you want all the submenus to get unfold when you
foldout a new one.
************************************************************************************/
var stayFolded=false

//This is the image that it changes to when it expands.
var exImg=new Image(); exImg.src='arrow1.gif'
//This is the image is changes to with it's "unfolded" or something :}
//Remeber to change the actual images in the page aswell, but remember to
//keep the name of the image.
var unImg=new Image(); unImg.src='arrow.gif'

/************************************************************************************
Browsercheck
************************************************************************************/
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;
var browser=((n || ie) && parseInt(navigator.appVersion)>=4)

/************************************************************************************
Making cross-browser objects
************************************************************************************/
function makeMenu(obj,nest){
	nest=(!nest) ? '':'document.'+nest+'.'										
	this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')					
   	this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document');		
	this.height=n?this.ref.height:eval(obj+'.offsetHeight')
	this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop;							
	this.hideIt=b_hideIt;	this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt											
	return this
}
function b_showIt(){this.css.visibility="visible"}
function b_hideIt(){this.css.visibility="hidden"}
function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
/************************************************************************************
Initiating the page. Just add to the arrays here to get more menuitems
and add divs in the page
************************************************************************************/
function init(){
	oTop=new Array()
	oTop[0]=new makeMenu('divTop1','divCont')
	oTop[1]=new makeMenu('divTop2','divCont')
	oTop[2]=new makeMenu('divTop3','divCont')
	oTop[3]=new makeMenu('divTop4','divCont')
	oTop[4]=new makeMenu('divTop5','divCont')
	oTop[5]=new makeMenu('divTop6','divCont')
	oSub=new Array()
	oSub[0]=new makeMenu('divSub1','divCont.document.divTop1')
	oSub[1]=new makeMenu('divSub2','divCont.document.divTop2')
	oSub[2]=new makeMenu('divSub3','divCont.document.divTop3')
	oSub[3]=new makeMenu('divSub4','divCont.document.divTop4')
	oSub[4]=new makeMenu('divSub5','divCont.document.divTop5')
	oSub[5]=new makeMenu('divSub6','divCont.document.divTop6')
	for(i=0;i<oSub.length;i++){ oSub[i].hideIt() }
	for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) }
}
/************************************************************************************
This is the function that changes the sub menus to folded or unfolded state.
************************************************************************************/
function menu(num){
	if(browser){
		if(!stayFolded){
			for(i=0;i<oSub.length;i++){
				if(i!=num){
					oSub[i].hideIt()
					oTop[i].ref["imgA"+i].src=unImg.src
				}
			}
			for(i=1;i<oTop.length;i++){
				oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
			}
		}
		if(oSub[num].vis()){
			oSub[num].showIt()
			oTop[num].ref["imgA"+num].src=exImg.src
		}else{
			oSub[num].hideIt()
			oTop[num].ref["imgA"+num].src=unImg.src
		}
		for(i=1;i<oTop.length;i++){ 
			if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height) 
			else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
		}
	}
}
//Initiating the menus onload, if it's a 4.x+ browser.
if(browser) onload=init;

</script>

</HEAD>
<BODY bgcolor="white"><script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-47423994-1', 'fortunecity.ws');
  ga('send', 'pageview');

</script>
<center>
<br>
	
	<div>	
<script language="javascript" type="text/javascript" src="http://ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script>
	</div>
</center>

<div id="divCont">
	<div id="divTop1" class="clTop"><a href="#" onclick="menu(0); return false" class="clMain"><img src="arrow.gif" name="imgA0" width=12 height=12 alt="" border="0"> [choice 0]</a><br>
		<div id="divSub1" class="clSub">
			 <a href="#" class="clSubb">-Sub 1</a><br>
			 <a href="#" class="clSubb">-Sub 2</a><br>
			 <a href="#" class="clSubb">-Sub 3</a><br>
			 <a href="#" class="clSubb">-Sub 4</a><br>
		</div><br>
	</div>
	<div id="divTop2" class="clTop"><a href="#" onclick="menu(1); return false" class="clMain"><img src="arrow.gif" name="imgA1" width=12 height=12 alt="" border="0"> [choice 1]</a><br>
		<div id="divSub2" class="clSub">
			 <a href="#" class="clSubb">-Sub 1</a><br>
			 <a href="#" class="clSubb">-Sub 2</a><br>
		</div><br>
	</div>
	<div id="divTop3" class="clTop"><a href="#" onclick="menu(2); return false" class="clMain"><img src="arrow.gif" name="imgA2" width=12 height=12 alt="" border="0"> [choice 2]</a><br>
		<div id="divSub3" class="clSub">
			 <a href="#" class="clSubb">-Sub 1</a><br>
			 <a href="#" class="clSubb">-Sub 2</a><br>
			 <a href="#" class="clSubb">-Sub 3</a><br>
		</div><br>
	</div>
	<div id="divTop4" class="clTop"><a href="#" onclick="menu(3); return false" class="clMain"><img src="arrow.gif" name="imgA3" width=12 height=12 alt="" border="0"> [choice 3]</a><br>
		<div id="divSub4" class="clSub">
			 <a href="#" class="clSubb">-Sub 1</a><br>
			 <a href="#" class="clSubb">-Sub 2</a><br>
		</div><br>
	</div>
	<div id="divTop5" class="clTop"><a href="#" onclick="menu(4); return false" class="clMain"><img src="arrow.gif" name="imgA4" width=12 height=12 alt="" border="0"> [choice 4]</a><br>
		<div id="divSub5" class="clSub">
			 <a href="#" class="clSubb">-Sub 1</a><br>
			 <a href="#" class="clSubb">-Sub 2</a><br>
			 <a href="#" class="clSubb">-Sub 3</a><br>
			 <a href="#" class="clSubb">-Sub 4</a><br>
			 <a href="#" class="clSubb">-Sub 5</a><br>
		</div><br>
	</div>
	<div id="divTop6" class="clTop"><a href="#" onclick="menu(5); return false" class="clMain"><img src="arrow.gif" name="imgA5" width=12 height=12 alt="" border="0"> [choice 5]</a><br>
		<div id="divSub6" class="clSub">
			 <a href="#" class="clSubb">-Sub 1</a><br>
		</div><br>
	</div>
</div>

DROP DOWN MENU

</script>

ga('create', 'UA-47423994-1', 'fortunecity.ws');
  ga('send', 'pageview');

</script>
<center>
<br>
	
	<div>	
<script language="javascript" type="text/javascript" src="http://ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script>
	</div>
</center>

<div id="divCont">
	<div id="divTop1" class="clTop"><a href="#" onclick="menu(0); return false" class="clMain">[choice 0]</a><br>
		<div id="divSub1" class="clSub">
			<a href="#" class="clSubb">-Sub 1</a><br>
			<a href="#" class="clSubb">-Sub 2</a><br>
			<a href="#" class="clSubb">-Sub 3</a><br>
			<a href="#" class="clSubb">-Sub 4</a><br>
		</div><br>
	</div>
	<div id="divTop2" class="clTop"><a href="#" onclick="menu(1); return false" class="clMain">[choice 1]</a><br>
		<div id="divSub2" class="clSub">
			<a href="#" class="clSubb">-Sub 1</a><br>
			<a href="#" class="clSubb">-Sub 2</a><br>
		</div><br>
	</div>
	<div id="divTop3" class="clTop"><a href="#" onclick="menu(2); return false" class="clMain">[choice 2]</a><br>
		<div id="divSub3" class="clSub">
			<a href="#" class="clSubb">-Sub 1</a><br>
			<a href="#" class="clSubb">-Sub 2</a><br>
			<a href="#" class="clSubb">-Sub 3</a><br>
		</div><br>
	</div>
	<div id="divTop4" class="clTop"><a href="#" onclick="menu(3); return false" class="clMain">[choice 3]</a><br>
		<div id="divSub4" class="clSub">
			<a href="#" class="clSubb">-Sub 1</a><br>
			<a href="#" class="clSubb">-Sub 2</a><br>
		</div><br>
	</div>
	<div id="divTop5" class="clTop"><a href="#" onclick="menu(4); return false" class="clMain">[choice 4]</a><br>
		<div id="divSub5" class="clSub">
			<a href="#" class="clSubb">-Sub 1</a><br>
			<a href="#" class="clSubb">-Sub 2</a><br>
			<a href="#" class="clSubb">-Sub 3</a><br>
			<a href="#" class="clSubb">-Sub 4</a><br>
			<a href="#" class="clSubb">-Sub 5</a><br>
		</div><br>
	</div>
	<div id="divTop6" class="clTop"><a href="#" onclick="menu(5); return false" class="clMain">[choice 5]</a><br>
		<div id="divSub6" class="clSub">
			<a href="#" class="clSubb">-Sub 1</a><br>
		</div><br>
	</div>
</div>

AWAITNG YOUR SCRIPT