// JavaScript Document /********************************************************************************** Anfang bilder // künstlerleiste * Copyright (C) 2001 Thomas Brattli and modified by Michael van Ouwerkerk *********************************************************************************/ 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() /************************************************************************** Variables to set. ***************************************************************************/ sLeft = 0 //The left placement of the menu sTop = 0 //The top placement of the menu sMenuheight = 63 //The height of the menu sArrowwidth = 11 //Width of the arrows sScrollspeed = 30 //Scroll speed: (in milliseconds, change this one and the next variable to change the speed) sScrollPx = 8 //Pixels to scroll per timeout. sScrollExtra = 15 //Extra speed to scroll onmousedown (pixels) /************************************************************************** Scrolling functions ***************************************************************************/ var tim = 0 var noScroll = true function mLeft(){ if (!noScroll && oMenu.x-(oMenu.scrollWidth-(pageWidth))-sArrowwidth){ oMenu.moveBy(-sScrollPx,0) tim = setTimeout("mRight()",sScrollspeed) } } function noMove(){ clearTimeout(tim); noScroll = true; sScrollPx = sScrollPxOriginal; } /************************************************************************** Object part ***************************************************************************/ function makeObj(obj,nest,menu){ nest = (!nest) ? "":'document.'+nest+'.'; this.elm = bw.ns4?eval(nest+"document.layers." +obj):bw.ie4?document.all[obj]:document.getElementById(obj); this.css = bw.ns4?this.elm:this.elm.style; this.scrollWidth = bw.ns4?this.css.document.width:this.elm.offsetWidth; this.x = bw.ns4?this.css.left:this.elm.offsetLeft; this.y = bw.ns4?this.css.top:this.elm.offsetTop; this.moveBy = b_moveBy; this.moveIt = b_moveIt; this.clipTo = b_clipTo; return this; } var px = bw.ns4||window.opera?"":"px"; function b_moveIt(x,y){ if (x!=null){this.x=x; this.css.left=this.x+px;} if (y!=null){this.y=y; this.css.top=this.y+px;} } function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x+px; this.css.top=this.y+px;} function b_clipTo(t,r,b,l){ 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+"px "+r+"px "+b+"px "+l+"px)"; } /************************************************************************** Object part end ***************************************************************************/ /************************************************************************** Init function. Set the placements of the objects here. ***************************************************************************/ var sScrollPxOriginal = sScrollPx; function sideInit(){ //Width of the menu, Currently set to the width of the document. //If you want the menu to be 500px wide for instance, just //set the pageWidth=500 in stead. pageWidth = 740 //Making the objects... oBg = new makeObj('divBg') oMenu = new makeObj('divMenu','divBg',1) oArrowRight = new makeObj('divArrowRight','divBg') //Placing the menucontainer, the layer with links, and the right arrow. oBg.moveIt(sLeft,sTop) //Main div, holds all the other divs. oMenu.moveIt(sArrowwidth,null) oArrowRight.css.width = sArrowwidth; oArrowRight.moveIt(pageWidth-sArrowwidth,null) //Setting the width and the visible area of the links. if (!bw.ns4) oBg.css.overflow = "hidden"; if (bw.ns6) oMenu.css.position = "relative"; oBg.css.width = pageWidth+px; oBg.clipTo(0,pageWidth,sMenuheight,0) oBg.css.visibility = "visible"; } //executing the init function on pageload if the browser is ok. //if (bw.bw) onload = sideInit; /********************************************************************************* ende künstler//bilderleiste scroll *********************************************************************************/ /********************************************************************************** anfang PageScroll // rechte box=text * Copyright (C) 2001 Thomas Brattli *********************************************************************************/ 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() /********************************************************************************* These are the variables you have to set: *********************************************************************************/ //The speed of the timeout between each scroll. timSpeed = 50 //The height of the container (change this when it scrolls to much or to little) contHeight = 50 /********************************************************************************* This is the object constructor function, which applies methods and properties to the Cross-browser layer object *********************************************************************************/ function makeScrollObj(obj,nest){ nest=(!nest) ? "":'document.'+nest+'.' this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0; this.height=bw.ns4?this.css.document.height:this.el.offsetHeight this.top=b_gettop return this } // A unit of measure that will be added when setting the position of a layer. var px = bw.ns4||window.opera?"":"px"; //Getting the top for the top method function b_gettop(){ var gleft=(bw.ns4 || bw.ns6)?parseInt(this.css.top):eval(this.css.pixelTop); return gleft; } //Variables var scrollTim = 0; var active = 0; var noScroll = true /********************************************************************************* The scroll function. Checks what way to scroll and checks if the layer is not already on top or bottom. *********************************************************************************/ function scroll(speed){ clearTimeout(scrollTim) way = speed>0?1:0 if ((!way && oScroll[active].top()>-oScroll[active].height+contHeight) || (oScroll[active].top()<0 && way)){ oScroll[active].css.top = (oScroll[active].top()+speed)+px scrollTim = setTimeout("scroll("+speed+")",timSpeed) } } //Clears the timeout so the scroll stops, this is called onmouseout. /********************************************************************************* function noScroll(){ clearTimeout(scrollTim) } *********************************************************************************/ var tim = 0 var noScroll = true function noMove(){ clearTimeout(scrollTim); noScroll = true; } /*function noScroll(){ clearTimeout(scrollTim); noScroll = true }*/ /********************************************************************************* Changes the active layer. Hides the one that's visible and shows the "new" one. Also set's the new layers top to 0 so it starts at top. *********************************************************************************/ function changeActive(num){ oScroll[active].css.visibility = "hidden" active = num oScroll[active].css.top = 0+px oScroll[active].css.visibility = "visible" } /********************************************************************************* Initilizes the page, makes a oScroll Array and calls the object constructor. Here you can add as many scrollObjects as you want *********************************************************************************/ function scrollInit(){ oScroll = new Array() // You can add and remove scrollObjects here. oScroll[0] = new makeScrollObj('divScroll1','divCont') oScroll[1] = new makeScrollObj('divScroll2','divCont') oScroll[2] = new makeScrollObj('divScroll3','divCont') oScroll[3] = new makeScrollObj('divScroll4','divCont') oScroll[0].css.left = 0+px oScroll[0].css.top = 0+px oScroll[0].css.visibility = "visible" oControl = new makeScrollObj('divControl') oControl.css.visibility = "visible" } /********************************************************************************* anfang laufschrift script *********************************************************************************/ var laufschrift = "BUS-AIR DIM Mittwoch 26. August bis 6. September auf dem SUbvision-Festival in Hamburg, Hafencity STrandkai Endspitze +++ HAFENCITY BLEIBT!"; var start = 0; var stop = laufschrift.length; function lauftext() { document.ticker.ticker.value = "" + laufschrift.substring(start,stop) + " " + laufschrift.substring(0,start); start++; if(start >= stop) { start = 0; } setTimeout("lauftext()", 120); } /********************************************************************************* ende laufschrift *********************************************************************************/