Ticker banner

<script>

<!-- Beginning of JavaScript -

// Verander hieronder de tekst, u kunt er net zoveel toevoegen als je wilt
var message = new Array()
message[0]="Dit is dus een ticker banner.."
message[1]="U kunt er zowel tekst als afbeeldingen in plaatsen en u kunt de teskt die u weergeeft een link meegeven."
message[2]="Deze banner heeft een lamel overgang en is eenvoudig aan te passen(grootte, positie, kleur, lettertype)."

// verander hieronder de links ( evenredig aan het aantal messages )
// wil je geen link, vul dan  '#' in plaats van de  URL 
var messageurl = new Array()
messageurl[0]="https://www.con-nect.nl"
messageurl[1]="https://www.con-nect.nl"
messageurl[2]="https://www.con-nect.nl"

// de plaatjes behorende bij de messages
var messageimg = new Array()
messageimg[0]="groentje.gif"
messageimg[1]="groentje.gif"
messageimg[2]="groentje.gif"

// verander hier niets aan
var imgpreload=new Array()
for (i=0;i<=messageimg.length-1;i++) {
	imgpreload[i]=new Image()
	imgpreload[i].src=messageimg[i]
}

// uitlijning van het plaatje ten opzichte van de tekst(right or left)
var alignimg=new Array()
alignimg[0]="left"
alignimg[1]="right"
alignimg[2]="left"

// uitlijning van de message in relatie van de tekstbox (right or left)

var alignmessage=new Array()
alignmessage[0]="right"
alignmessage[1]="left"
alignmessage[2]="left"

// target waar de link in moet openen
var target_url="_new"
	
// de breedte van de ticker banner
var textwidth=280

// de hoogte van de ticker banner
var textheight=120

// de randdikte van de ticker banner
var borderwidth=0

// de grootte van het lettertype
var font_size=1

// het lettertype
var font_face="Verdana"

// de letterkleur
var font_color="blue"

// de achtergrondkleur van de ticker banner
var bg_ticker="CCFFCC"

// de  horizontale positie van de ticker banner t.o.v. de linkerkant van de pagina (in pixels )
var x_finalpos=10

// de  vertikale positie van de ticker banner t.o.v. de bovenkant van de pagina (in pixels )
var y_finalpos=10

// aantal lamellen.
var x_slices=16

// Pauze tussen de  messages (in milliseconds)
var pause=1000

// verander hieronder niets meer
var i_loop=0
var i_message=0
var width_slice=Math.ceil(textwidth/x_slices)
var cliptop=0
var clipbottom=textheight
var i_clipright=1
var content=""

function openlamellar() {
	clipleft=-width_slice
	clipright=0
    if (i_clipright<=width_slice) {
        for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.all.s"+i+".style")
            thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
            clipleft+=width_slice
            clipright=clipleft+i_clipright
		}
    i_clipright++
    var timer=setTimeout("openlamellar()",20)
   }
   	else {
		clearTimeout(timer)
		var timer=setTimeout("closelamellar()",4000)
	}
}

function openlamellarNN() {
	clipleft=-width_slice
	clipright=0
    if (i_clipright<=width_slice) {
        for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.s"+i)
			thiss.clip.left=clipleft
        	thiss.clip.right=clipright
        	thiss.clip.top=cliptop
        	thiss.clip.bottom=clipbottom
            clipleft+=width_slice
            clipright=clipleft+i_clipright
		}
    i_clipright++
    var timer=setTimeout("openlamellarNN()",20)
   }
   	else {
		clearTimeout(timer)
		var timer=setTimeout("closelamellarNN()",1500)
	}
}

function closelamellar() {
    clipleft=-width_slice
	clipright=0
    if (i_clipright>=0) {
        for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.all.s"+i+".style")
            thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
            clipleft+=width_slice
            clipright=clipleft+i_clipright
		}
    i_clipright--
    var timer=setTimeout("closelamellar()",20)
    
   }
   	else {
		clearTimeout(timer)
		var timer=setTimeout("changeimage()",1500)
	}
}

function closelamellarNN() {
    clipleft=-width_slice
	clipright=0
    if (i_clipright>=0) {
        for (i=0;i<=x_slices;i++) {
           	var thiss=eval("document.s"+i)
			thiss.clip.left=clipleft
        	thiss.clip.right=clipright
        	thiss.clip.top=cliptop
        	thiss.clip.bottom=clipbottom
            clipleft+=width_slice
            clipright=clipleft+i_clipright
		}
    i_clipright--
    var timer=setTimeout("closelamellarNN()",20)
    
   }
   	else {
		clearTimeout(timer)
		var timer=setTimeout("changeimageNN()",1500)
	}
}

function changeimage() {
    content=""
	if (i_message>message.length-1) {i_message=0}
    content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">"
    content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"
	content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>"
    content+="<a href="+messageurl[i_message]+" target="+target_url+">"
    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
    content+=message[i_message]
    content+="</font></a></td></tr></table>"
	for (i=0;i<=x_slices;i++) {
        var thisinners=eval("s"+i)
        thisinners.innerHTML=content   
    }
	i_message++
	openlamellar()
}

function changeimageNN() {
    content=""
	if (i_message>message.length-1) {i_message=0}
    content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">"
    content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"
	content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>"
    content+="<a href="+messageurl[i_message]+" target="+target_url+">"
    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
    content+=message[i_message]
    content+="</font></a></td></tr></table>"
	for (i=0;i<=x_slices;i++) {
        var thisinners=eval("document.s"+i+".document")
        thisinners.write(content)
		thisinners.close()
    }
	i_message++
	openlamellarNN()
}

// - End of JavaScript - -->
</script>

<style>
.s {
	position:absolute;
    left:-5000px;
	topt:-5000px;
}
A {
    text-decoration:none;
}

</style>
<body onLoad="initiate()">
<script>

</script>