// Verander hieronder de tekst, je kunt er net zoveel toevoegen als je wilt
var message = new Array()
message[0]="<br><br>Bekijk nu de foto's van de gemeenteavond van afgelopen 14 april"
message[1]="Benieuwd wat hier gebeurd? Klik hier in de tekst of kijk onder nieuws en dan foto's"
message[2]="<br><br><br>Veel plezier!!!"

// 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]="../fotos/fotos.html"
messageurl[1]="../fotos/fotos.html"
messageurl[2]="../fotos/fotos.html"

// de plaatjes behorende bij de messages
var messageimg = new Array()
messageimg[0]="fotograaf.gif"
messageimg[1]="P4140014.JPG"
messageimg[2]="fotograaf.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="content"
    
// de breedte van de ticker banner
var textwidth=210

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

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

// 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=170

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

// aantal lamellen.
var x_slices=16

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

// 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 initiate() {
    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+" class=ticker>"
    content+=message[i_message]
    content+="</a></td></tr></table>"
    if (document.all) {
        for (i=0;i<=x_slices;i++) {
            var thisinners=eval("s"+i)
            thisinners.innerHTML=content
            var thiss=eval("document.all.s"+i+".style")
            thiss.posLeft=x_finalpos
            thiss.posTop=y_finalpos
        }
        i_message++
        openlamellar()
    }
    if (document.layers) {
        for (i=0;i<=x_slices;i++) {
            var thisinners=eval("document.s"+i+".document")
            thisinners.write(content)
            thisinners.close()
            var thiss=eval("document.s"+i)
            thiss.left=x_finalpos
            thiss.top=y_finalpos
        }
        i_message++
        openlamellarNN()
    }
}

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()",2000)
    }
}

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+" class=ticker>"
    content+=message[i_message]
    content+="</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+" class=ticker>"
    content+=message[i_message]
    content+="</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()
}

            for (i=0;i<=x_slices;i++) {
                document.write("<span id='s"+i+"' class='s'></span>")
            }