Wrox Home  
Search P2P Archive for: Go

  Return to Index  

javascript thread: Two scripts not playing nice together


Message #1 by mibojodaha@a... on Fri, 29 Mar 2002 18:24:38
Sorry this is so huge.  I gotta wonder what it is I'm doing wrong.  This 
should yeild a navigation menu and a news slide then fade.  I've found 
that the news menu exists until I load up the navigation menu with 
the "onload" event handler, but I'm not far enough along yet to be able to 
troubleshoot what is causing the problem.



<html>
<head>
<title>DHTMLCentral.com - Free Dynamic HTML Scripts - NewsSlideFade 
Demo</title>
<meta name="Author" content="Thomas Brattli (webmaster@d...)">
<META NAME="Generator" CONTENT="Designer:Thomas Brattli (www.bratta.com)">
<meta name="KeyWords" content="DHTML, HTML, Dynamic HTML, Javascript, 
Cascading Style Sheets, Cross-browser, Cross browser, Javascripts, DOM, 
Scripts, Free 
Scripts,newsslidefade,news,slide,fade,random,newsticker,ticker,text,move,">
<meta name="Description" content="Dynamic HTML Central - The ultimate 
place to find DHTML scripts, demos, tutorials and help.">
<style type="text/css">
#divNewsCont {position:absolute; left:350px; top:500px; width:300px; 
height:80px; clip:rect(0px 300px 80px 0px); visibility:hidden; 
overflow:hidden;}
#divNews     {position:absolute;}


DIV.clSlide{position:absolute;  ;z-index:10; left:0; width:130; height:22; 
clip:rect(0,130,22,0); padding:3px;}
DIV.clSlideSub{position:absolute; ;z-index:10; padding:2px; clip:rect
(0,130,22,0); width:130; height:22; left:8; visibility:hidden}
DIV.clSlideSub2{position:absolute; ;z-index:10; padding:2px; clip:rect
(0,130,20,0); width:130; height:20; left:8; visibility:hidden}
#divSlideCont{position:absolute; z-index:10; left:0; top:100; height:600; 
width:170; visibility:hidden}
A.clSlideLinks{font-family:Palatino Linotype, Helvetica, Helv; font-
size:14px; font-weight:bold; text-decoration:none; 
color:#CE3000}
A.clSlideSubLinks{font-family:Palatino Linotype, Helvetica, Helv; font-
size:12px; text-decoration:none; color:#FF9A00}
A.clSlideSub2Links{font-family:Palatino Linotype, Helvetica, Helv; font-
size:10px; text-decoration:none; color:#FF6500}


 
</style>
<script language="JavaScript" type="text/javascript">
/**************************************************************************
********   
NewsSlideFade 
*   Copyright (C) 2001 <a href="/dhtmlcentral/thomas_brattli.asp">Thomas 
Brattli</a>
*   This script was released at DHTMLCentral.com
*   Visit for more great scripts!
*   This may be used and changed freely as long as this msg is intact!
*   We will also appreciate any links you could give us.
*
*   Made by <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a> 
***************************************************************************
******/

function lib_bwcheck(){ //Browsercheck (needed)
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	this.dom=document.getElementById?1:0
	this.opera5=this.agent.indexOf("Opera 5")>-1
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !
this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !
this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 
|| this.opera5)
	return this
}
var bw=new lib_bwcheck()



/**************************************************************************
*
Use the style tag to change the placement and width of the layers.
If you are trying to place this into a table cell or something make the
position of the divNewsCont layer relative...Remeber that that might crash
Netscape 4 though, Good luck!
***************************************************************************
*****/

/****
Variables to set 
****/

//How do you want the script to work? 
//0 = Fade in - Fade out
//1 = Slide in - Fade out
//2 = Random 
nWorks = 1

//If you use the slide set these variables:
nSlidespeed = 5 //in px
nNewsheight = 80 //This is how long down it should start the slide.

nBetweendelay = 1000 //The delay before fading out.
nFont = 'arial,helvetiva' //The font for the news.
nFontsize = 12 //Font size in pixel.
nFadespeed = 100 //The speed to fade in, in milliseconds.

//Set the colors, first color is same as background, last color is the 
color it stops at:
//You can have as many colors you want
nColor=new Array
('#000000', '#111111','#333333','#666666','#999999','#CCCCCC','#FF6500')

//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
nNews=new Array()
//Copy there three lines and change the info and numbers to get more news.
nNews[0]=new Array()
nNews[0]["text"]="New scripts  is updated with more scripts then ever!"
nNews[0]["link"]="/"

nNews[1]=new Array()
nNews[1]["text"]="Dynamic HTML scripts can be found here! ZoomText, 
FadeNews, TextChange and lot's lot's more.."
nNews[1]["link"]="/"

nNews[2]=new Array()
nNews[2]["text"]="Search the web with yahoo!"
nNews[2]["link"]="http://www.yahoo.com"

/**************************************************************************
******
Object code...Object constructors and functions...
***************************************************************************
*****/
function makeNewsObj
(obj,nest,font,size,color,news,fadespeed,betweendelay,slidespeed,works,news
height){
    nest=(!nest) ? "":'document.'+nest+'.'
   	this.css=bw.dom? document.getElementById(obj).style:bw.ie4?
document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;	
   	this.writeref=bw.dom? document.getElementById(obj):bw.ie4?
document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj+".document"):0;
	if(font){this.color=new Array(); this.color=eval(color); 
this.news=new Array(); this.news=eval(news)
		this.font=font; this.size=size; this.speed=fadespeed; 
this.delay=betweendelay; this.newsheight=newsheight;
		this.fadeIn=b_fadeIn;this.fadeOut=b_fadeOut; 
this.newsWrite=b_newsWrite; this.y=1
		this.slideIn=b_slideIn; this.moveIt=b_moveIt; 
this.slideSpeed=slidespeed; this.works=works
		if(bw.dom || bw.ie4){this.css.fontFamily=this.font; 
this.css.fontSize=this.size; this.css.color=this.color[0]}
	}
	this.obj = obj + "Object"; 	eval(this.obj + "=this"); return 
this
}

// A unit of measure that will be added when setting the position of a 
layer.
var px = bw.ns4||window.opera?"":"px";

function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x+px; 
this.css.top=this.y+px;}

function b_newsWrite(num,i){
	if (bw.ns4){
		this.writeref.write("<a href=\""+this.news[num]['link']
+"\" target=\"myTarget\" style=\"text-decoration:none; font-
size:"+this.size+"px\">"
			+"<font face=\""+this.font+"\" color=\""+this.color
[i]+"\">"+this.news[num]['text']+"</font></a>")
		this.writeref.close()
	}else this.writeref.innerHTML = '<a id="'+this.obj+'link' +'" 
target="myTarget"  style="text-decoration:none; font-size:'+this.size+'px; 
color:'+this.color[i]+'" href="'+this.news[num]['link']+'">'+this.news[num]
['text']+'</a>'
}
//Slide in
function b_slideIn(num,i){
	if (this.y>0){
		if (i==0){this.moveIt(0,this.newsheight); this.newsWrite
(num,this.color.length-1)}
		this.moveIt(this.x,this.y-this.slideSpeed)
		i ++
		setTimeout(this.obj+".slideIn("+num+","+i+");",50)
	}else setTimeout(this.obj+".fadeOut("+num+","+(this.color.length-1)
+")",this.delay)
}
//The fade functions
function b_fadeIn(num,i){
	if (i<this.color.length){
		if (i==0 || bw.ns4) this.newsWrite(num,i)
		else{
			obj = bw.ie4?eval
(this.obj+"link"):document.getElementById(this.obj+"link")
			obj.style.color = this.color[i]
		}
		i ++
		setTimeout(this.obj+".fadeIn("+num+","+i+")",this.speed)
	}else setTimeout(this.obj+".fadeOut("+num+","+(this.color.length-1)
+")",this.delay)
}

function b_fadeOut(num,i){
	if (i>=0){
		if (i==0 || bw.ns4) this.newsWrite(num,i)	
		else{
			obj = bw.ie4?eval
(this.obj+"link"):document.getElementById(this.obj+"link")
			obj.style.color = this.color[i]
		}
		i --
		setTimeout(this.obj+".fadeOut("+num+","+i+")",this.speed)
	}else{
		num ++
		if(num==this.news.length) num=0
		works = !this.works?0:this.works==1?1:Math.round
(Math.random())
		if(works==0) setTimeout(this.obj+".fadeIn("+num+",0)",500)
		else if (works==1){this.y=1; setTimeout(this.obj+".slideIn
("+num+",0)",500)
		}
	}
}
/**************************************************************************
******************
The init function. Calls the object constructor and set some properties 
and starts the fade
***************************************************************************
******************/
function fadeInit(){
	oNews = new makeNewsObj
('divNews','divNewsCont',nFont,nFontsize,"nColor","nNews",nFadespeed,nBetwe
endelay,nSlidespeed,nWorks,nNewsheight)
	oNewsCont = new makeNewsObj('divNewsCont')
	works = !oNews.works?0:oNews.works==1?1:Math.round(Math.random())
	if (works==0) oNews.fadeIn(0,0)
	else if (works==1) oNews.slideIn(0,0)
	oNewsCont.css.visibility = "visible"
}

//Calls the init function on pageload. 
if(bw.bw) onload = fadeInit



/**************************************************************************
**********
Making cross-browser objects
***************************************************************************
*********/
function makeMenuObj(obj,nest){
	nest=(!nest) ? "":'document.'+nest+'.'				
						
   	this.css=bw.dom? document.getElementById(obj).style:bw.ie4?
document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;	
	
	this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all
[obj]:bw.ns4?eval(nest+'document.'+obj):0;	
	this.ref=bw.dom || bw.ie4? document:bw.ns4?eval
(nest+"document.layers." +obj+".document"):0;		
	this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.offsetLeft;
	this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.offsetTop;	
	
	this.hideIt=b_hideIt; this.showIt=b_showIt; this.movey=b_movey
	this.moveIt=b_moveIt; this.moveBy=b_moveBy; this.status=0; 
	this.bgImg=b_bgImg;	this.obj = obj + "Object"; eval(this.obj 
+ "=this"); 
	this.clipTo=b_clipTo;
	return this
}
function b_showIt(){this.css.visibility="visible"; this.status=1}
function b_hideIt(){this.css.visibility="hidden"; this.status=0}
function b_movey(y){this.y=y; this.css.top=this.y}	
function b_moveIt(x,y){this.x=x; this.y=y; 
this.css.left=this.x;this.css.top=this.y}
function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; 
this.css.left=this.x;this.css.top=this.y}
function b_bgImg(img){if(bw.ie||bw.dom)this.css.backgroundImage="url
("+img+")"
else this.css.background.src=img
}
function b_clipTo(t,r,b,l,w){if(bw.ns4)
{this.css.clip.top=t;this.css.clip.right=r
this.css.clip.bottom=b;this.css.clip.left=l
}else{this.css.clip="rect("+t+","+r+","+b+","+l+")"; if(w)
{this.css.width=r; this.css.height=b}}}
/**************************************************************************
******
Initiating page, making objects..
***************************************************************************
*****/
function SlideMenuInit(){
	oSlideMenu=new makeMenuObj('divSlideCont')
	oSlideMenu.moveIt(menux,menuy)
	oSlide=new Array()
	for(i=0;i<menus.length;i++){
		oSlide[i]=new makeMenuObj('divSlide'+i,'divSlideCont')
		oSlide[i].subs=menus[i].subs
		oSlide[i].sub=new Array()
		oSlide[i].moveIt(0,mainheight*i)
		oSlide[i].starty=oSlide[i].y
    if(bw.opera) oSlide[i].css.paddingLeft="10px"
		if(!menus[i].seperator) oSlide[i].bgImg(level0_regular)
		for(j=0;j<oSlide[i].subs;j++){
			oSlide[i].sub[j]=new makeMenuObj
('divSlideSub'+i+"_"+j,'divSlideCont')
			oSlide[i].sub[j].moveIt(10,oSlide
[i].y+subheight*j+between)
			oSlide[i].sub[j].starty=oSlide[i].sub[j].y
			oSlide[i][j]=new Array()
			oSlide[i][j].subs=menus[i][j].subs
			oSlide[i][j].sub=new Array()
			img=level1_round
			if(oSlide[i][j].subs!=0){
				if(j!=oSlide[i].subs-1) img=level1_sub
				else img=level1_sub_round
				oSlide[i].sub[j].css.color="white"
			}else{
				if(j!=oSlide[i].subs-1)img=level1_regular
			}
			oSlide[i].sub[j].origimg=img
			oSlide[i].sub[j].bgImg(img)
			for(a=0;a<oSlide[i][j].subs;a++){
				oSlide[i][j].sub[a]=new makeMenuObj
('divSlideSub'+i+"_"+j+"_"+a,'divSlideCont')
				oSlide[i][j].sub[a].moveIt(20,oSlide[i].sub
[j].y+subheight*a+between-2)
				oSlide[i][j].sub[a].starty=oSlide[i][j].sub
[a].y			
				oSlide[i][j][a]=new Array()
				oSlide[i][j][a].subs=menus[i][j][a].subs
				oSlide[i][j][a].sub=new Array()
				if(a!=oSlide[i][j].subs-1) 
img=level2_regular
				else img=level2_round
				oSlide[i][j].sub[a].origimg=img
				oSlide[i][j].sub[a].bgImg(img)
			}
		}
	}
	oSlideMenu.showIt()
}
/**************************************************************************
******
Variables
***************************************************************************
*****/
var active=-1;var going;var isthere; var sactive=-1; var sisthere=-1; var 
s2active=-1; var s2isthere=-1
/**************************************************************************
******
Switch menu function.
***************************************************************************
*****/
function swmenu(num,snum,s2num){
	if(snum!=-1){
		if(oSlide[num][snum].subs==0) return
	}
	if(s2num!=-1){
		if(oSlide[num][snum][s2num].subs==0) return
	}
	if((num!=active || snum!=sactive || s2num!=s2active) && !going)
{going=true;isthere=0;sisthere=0;moveUp(num,snum,s2num)}
}
/**************************************************************************
******
Moving the menus upward to their original position.
***************************************************************************
*****/
function moveUp(num,snum){
	if(snum==-1){
		for(i=0;i<oSlide.length;i++){
			if(oSlide[i].y>oSlide[i].starty+pxspeed && active!
=i) oSlide[i].moveBy(0,-pxspeed)
			else{if(active!=i) oSlide[i].moveIt(oSlide
[i].x,oSlide[i].starty); isthere=i}
		}
		
		if(isthere<oSlide.length-1) setTimeout("moveUp
("+num+","+snum+")",timspeed)
		else swmenu2(num,snum)
	}else{
		if(num==oSlide.length-1) isthere=num
	
		if(sactive!=-1){ //Is out!
			//Slide subs
			j=0
			for(i=sactive+1;i<oSlide[num].sub.length;i++){
				j++
				if(oSlide[num].sub[i].y>oSlide[num].sub
[i].starty+pxspeed) oSlide[num].sub[i].moveBy(0,-pxspeed)
				else{oSlide[num].sub[i].moveIt(oSlide
[num].sub[i].x,oSlide[num].sub[i].starty); sisthere=i}
			}
			//Slide main
			for(i=num+1;i<oSlide.length;i++){
				if(oSlide[i].y>oSlide[i].starty + oSlide
[num].sub[sactive].y +subheight*j )  oSlide[i].moveBy(0,-pxspeed)
				else{oSlide[i].moveIt(oSlide[i].x,oSlide
[i].starty + oSlide[num].sub[sactive].y +subheight*j ); isthere=i}
			}
		}else{ //Slide to the one clicked
			for(i=num+1;i<oSlide.length;i++){
				if(oSlide[i].y>oSlide[i].starty + 
snum*between+between)  oSlide[i].moveBy(0,-pxspeed)
				else{oSlide[i].moveIt(oSlide[i].x,oSlide
[i].starty + snum*between+between); isthere=i}
			}
		}
		if(isthere<oSlide.length-1 || (sactive!=-1 && 
sisthere<oSlide[num].sub.length-1 && sactive!=oSlide[num].sub.length-1)) 
setTimeout("moveUp("+num+","+snum+")",timspeed)
		else swmenu2(num,snum)
	}
}
/**************************************************************************
******
Switch menu 2, stuff that happens before the menus are moved down again.
***************************************************************************
*****/
function swmenu2(num,snum){
	isthere=0;
	sisthere=0;
	if(active>-1 && snum==-1){
		//Hiding submenus
		for(j=0;j<oSlide[active].subs;j++){oSlide[active].sub
[j].hideIt()}
		oSlide[active].bgImg(level0_regular)
		oSlide[active].moveIt(0,oSlide[active].starty)
	}
	if(sactive>-1){
		//Hiding submenus
		for(j=0;j<oSlide[active][sactive].sub.length;j++){oSlide
[active][sactive].sub[j].hideIt()}
		oSlide[active].sub[sactive].bgImg(oSlide[active].sub
[sactive].origimg)
		oSlide[active].sub[sactive].moveIt(10,oSlide[active].sub
[sactive].starty)
		//Move back to place
		for(i=sactive+1;i<oSlide[active].sub.length;i++){
			oSlide[active].sub[i].moveIt(oSlide[active].sub
[i].x,oSlide[active].sub[i].starty)
		}
	}
	active=num
	//Showing submenus
	if(snum>-1){
		sactive=snum
		for(j=0;j<oSlide[num][snum].sub.length;j++){oSlide[num]
[snum].sub[j].showIt()}
		oSlide[num].sub[snum].moveBy(10,3)
		oSlide[num].sub[snum].bgImg(level1_round2)
	}else{
		sactive=-1
		for(j=0;j<oSlide[active].subs;j++){oSlide[active].sub
[j].showIt()}
		oSlide[num].moveBy(10,3)
		oSlide[num].bgImg(level0_round)
	}
	if(num!=oSlide.length-1) moveDown(num,snum)
	else{
		isthere=num
		moveDown(num,snum)
	}
}
/**************************************************************************
******
Moving the menus down
***************************************************************************
*****/
function moveDown(num,snum){
	//if(num==oSlide.length-1) isthere=num
	for(i=num+1;i<oSlide.length;i++){
		if(snum==-1){
			if(oSlide[i].y<(oSlide[num].subs-1)
*subheight+oSlide[i].starty+between-pxspeed) oSlide[i].moveBy(0,pxspeed)
			else{oSlide[i].moveIt(oSlide[i].x,(oSlide
[num].subs-1)*subheight+oSlide[i].starty+between); isthere=i}
		}else{
			if(oSlide[i].y<(oSlide[num].subs-1)
*subheight+oSlide[i].starty+between-pxspeed + (oSlide[num][snum].subs-1)
*subheight+between)  oSlide[i].moveBy(0,pxspeed)
			else{oSlide[i].moveIt(oSlide[i].x,(oSlide
[num].subs-1)*subheight+oSlide[i].starty+between  + (oSlide[num]
[snum].subs-1)*subheight+between); isthere=i}
		}
	}
	if(snum!=-1){
		for(i=snum+1;i<oSlide[num].sub.length;i++){		
			if(oSlide[num].sub[i].y<(oSlide[num][snum].subs-1)
*subheight+oSlide[num].sub[i].starty+between-pxspeed) oSlide[num].sub
[i].moveBy(0,pxspeed)
			else{oSlide[num].sub[i].moveIt(oSlide[num].sub
[i].x,(oSlide[num][snum].subs-1)*subheight+oSlide[num].sub
[i].starty+between); sisthere=i}
		}
	}
	if(snum==-1){
		if(isthere<oSlide.length-1) setTimeout("moveDown
("+num+","+snum+")",timspeed)
		else going=false
	}else{
		if(isthere<oSlide.length-1 || (sisthere<oSlide
[num].sub.length-1 && snum!=oSlide[num].sub.length-1)) setTimeout("moveDown
("+num+","+snum+")",timspeed)
		else going=false
	}
}
var test=0
/**************************************************************************
******
Functions to write out the layers...
***************************************************************************
*****/
menus=new Array(); var a=0; var b=0; var c=0; var d=0
function makeMenu(type,text,lnk,target,end){
	str=""; tg="";
  if(target) tg='target="'+target+'"'
  if(!lnk) lnk="#"
  self.status=lnk
	if(a==0) str='<div id="divSlideCont">\n'
	if(type=="top"){
		menus[a]=new Array();
		if(text=="seperator"){
			str+='\t<div id="divSlide'+a+'" 
class="clSlide"></div>\n'
			menus[a].seperator=1
		}else{
      str+='\t<div id="divSlide'+a+'" class="clSlide"><a 
href="'+lnk+'" '+tg+' onclick="swmenu('+a+',-1,-1); if(bw.ie || bw.ns6) 
this.blur(); '
      if(lnk=="#") str+='return false'
      str+='" class="clSlideLinks"> '+text+'</a><br></div>\n'
		}
    menus[a].subs=0; a++; b=0
	}else if(type=="sub"){
		str+='\t\t<div id="divSlideSub'+(a-1)+'_'+(b)+'" 
class="clSlideSub"><a '+tg+' onclick="swmenu('+(a-1)+','+b+',-1); if(bw.ie 
|| bw.ns6) this.blur(); '
    if(lnk=="#") str+='return false'
    str+='" href="'+lnk+'" 
class="clSlideSubLinks">  '+text+'</a><br></div>\n'
		b++; menus[a-1].subs=b; menus[a-1][b-1]=new Array(); c=0; 
menus[a-1][b-1].subs=0
	}else if(type=="sub2"){
		str+='\t\t<div id="divSlideSub'+(a-1)+'_'+(b-1)+'_'+c+'" 
class="clSlideSub2"><a '+tg+' href="'+lnk+'" 
class="clSlideSub2Links">  '+text+'</a><br></div>\n'
		c++; menus[a-1][b-1].subs=c; menus[a-1][b-1][c-1]=new Array
(); d=0; menus[a-1][b-1][c-1].subs=0
	}
	if(end) str+="</div>"
	document.write(str)
}
function preLoadBackgrounds(){
  for(i=0;i<arguments.length;i++){
    this[i]=new Image()
    this[i].src=arguments[i]
  }
  return this
}


</script>
</head>

<body marginleft="0" marginheight="0" bgcolor="#000000">

</div>
<div id="divNewsCont">
	<div id="divNews">
		Default text, this is the text that 3.x browsers will see 
		You can have lot's of ? here in stead. Or you can use a 
		script to write in text only if it's Netscape 4 (you have 
to
		do that so that the layer gets some content or the written 
in text
		won't show correct.
	</div>
</div>

<script>
//Variables to set
<!--  
between=28 //The pixel between the menus and the submenus
mainheight=25 //The height of the mainmenus
subheight=22 //The height of the submenus
pxspeed=13 //The pixel speed of the animation
timspeed=15 //The timer speed of the animation
menuy=300 //The top placement of the menu.
menux=20 //The left placement of the menu
//Images - Play with these
level0_regular="images/null"
level0_round="images/null"
level1_regular="images/null"
level1_round="level1_round.gif"
level1_sub="level1_sub.gif"
level1_sub_round="level1_sub_round.gif"
level1_round2="level1_round2.gif"
level2_regular="level2_regular.gif"
level2_round="level2_round.gif"

//Leave this line
preLoadBackgrounds
(level0_regular,level0_round,level1_regular,level1_round,level1_sub,level1_
sub_round,
level1_round2,level2_regular,level2_round)

//There are 3 different types of menus you can make
//top = Main menus
//sub = Sub menus
//sub2 = SubSub menus

//You control the look of the menus in the stylesheet

//makeMenu('TYPE','TEXT','LINK','TARGET', 'END (THE LAST MENU)')

//Menu 0 
makeMenu('top','Bastion Amici')
	makeMenu('sub','Message 
Board','http://pub61.ezboard.com/bdarkforcerising42133','_blank')
	makeMenu
('sub','Roster','http://www.bastionamici.com/fof.htm','_blank')
	makeMenu('sub','Guild 
Magic','http://eq.guildmagic.com/guild_characters.cfm?
ID=1668&sortby=character_name&showroles=1','_blank')
	makeMenu
('sub','Charter','http://www.bastionamici.com/guide.htm','_blank')
	makeMenu('sub','Picture 
Vault','http://www.bastionamici.com/picvault.htm','_blank')
	makeMenu('sub','Time 
Zones','http://www.bastionamici.com/clock.htm', '_blank')


//Menu 1
makeMenu('top','Friends')
	makeMenu('sub','The Templars')
	  makeMenu('sub2','Home 
Page','http://www.fortunecity.com/business/bustwo/538/index.html?
language=en','_blank')
	  makeMenu('sub2','Message 
Board','http://pub34.ezboard.com/bthetemplars','_blank')
	makeMenu('sub','Order of the Golden Staff')
	   makeMenu('sub2','Home 
Page','http://www.goldenstaff.org','_blank')
	   makeMenu('sub2','Message 
Board','http://pub51.ezboard.com/borderofthegoldenstaff61408','_blank')
	makeMenu('sub','Raiders of Chaos')
	  makeMenu('sub2','Message 
Board','http://pub45.ezboard.com/braidersofchaos','_blank')
	makeMenu('sub','Norrathians')
	  makeMenu('sub2','Home 
Page','http://www.geocities.com/lauvansongheart/','_blank')
	  makeMenu('sub2','Message 
Board','http://pub25.ezboard.com/bnorrathians','_blank')
	makeMenu('sub','Clan Chatzuk Elite')
	  makeMenu('sub2','Home 
Page','http://clanchatzuk.tripod.com/clanchatzukelite/','_blank')
	  makeMenu('sub2','Message Board','http://www.cc-
forums.co.uk/CCForums/','_blank')        

//Menu 2    
makeMenu('top','EverQuest')
  makeMenu('sub','Allakhazam','http://everquest.allakhazam.com/','_blank')
  makeMenu('sub','Casters Realm','http://eq.castersrealm.com/','_blank')
  makeMenu('sub','EQ Atlas','http://www.eqatlas.com/atlas.html','_blank')
  makeMenu('sub','EQ Raids','http://www.everquestraids.com/','_blank')
  makeMenu('sub','EQ Traders','http://www.eqtraders.com/','_blank')
  makeMenu('sub','Questers of 
Norrath','http://www.nx.sakura.ne.jp/~chizuya/indexe.html','_blank')
  makeMenu('sub','Everlore','http://www.everlore.com/','_blank')
  makeMenu('sub','EQ Maps','http://www.eqmaps.com/','_blank')
  makeMenu('sub','EverQuest','http://www.everquest.com','_blank')
  makeMenu('sub','Cazic 
Thule','http://www.planeteverquest.com/cazicthule','_blank')
  
//Menu 3  
makeMenu('top','Archived News')
  makeMenu('sub','EverQuest','/')
  makeMenu('sub','Downloads','')
  makeMenu('sub','Tech News','')
  makeMenu('sub','Other','')

//Menu 5
makeMenu('top','Other Links')
  makeMenu('sub','LOTR','http://www.fellowshipofthering.com/','_blank')
  makeMenu('sub','Michael Whelan 
art','http://www.glassonion.com/index.asp','_blank')
  makeMenu('sub','Trillian','http://www.ceruleanstudios.com','_blank')
  makeMenu('sub','AoL Instant Messenger','http://www.aim.com','_blank')
  makeMenu('sub','ICQ','http://web.icq.com','_blank')
  makeMenu('sub','MSN Messenger','http://messenger.msn.com/','_blank',1)
  
//Starting the menu
onload=SlideMenuInit;

</script>



</body>
</html>



  Return to Index