<script>// Newsticker with striped transition effect animation
// by Peter Gehrig
// Copyright (c) 2010 Peter Gehrig
// http://www.fabulant.com
// If you add this script to a script-library or a script-archive
// you have to insert a link to http://www.fabulant.com
// right into the webpage where the script will be displayed.
var message=new Array()
var messagelink=new Array()
var messagetarget=new Array()
///////////////////////////////////////////////////////////////////////////////////////
// CONFIGURATION ZONE STARTS HERE /////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////
// the messages. Add as many as you like.
message[0]="من شماره 0."
message[1]="من شماره 1."
message[2]="من شماره 2."
message[3]="من شماره 3."
message[4]="من شماره 4"
// add a link for each message (enter "#" if you don't want a link, see sample below)
messagelink[0]="لينک"
messagelink[1]="#"
messagelink[2]="#"
messagelink[3]="#"
messagelink[4]="#"
// add a target for each link
messagetarget[0]="_blank"
messagetarget[1]="_blank"
messagetarget[2]="_blank"
messagetarget[3]="_top"
messagetarget[4]="_self"
// fontsize, font and fontcolor
var fntsize=8
var fntfamily="Verdana"
var fntcolor="#000000"
// alignment of text ("left", "right", "center")
var textalign="left"
// rollover color
var rollovercolor="#AAAAAA"
// fontweight ("bold" or "normal")
var fntweight="normal"
// fontstyle ("italic" or "normal")
var fntstyle="normal"
// background-color of messagebox
var backgroundcolor="yellow"
// width and the height of the messagebox (pixels)
var messagewidth=240
var messageheight=70
// distance from text to border
var messagepadding=8
// width of messagebox border
var borderwidth=3
// color of border
var bordercolor="#AAAAAA"
// borderstyle ("solid" or "dotted")
var borderstyle="solid"
// speed of the transition effect. A lower value means faster
var pause=50
// standstill-time of messages (seconds)
var standstill=3
////////////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE /////////////////////////////////////////////////////
// DO NOT EDIT BELOW THIS LINE
////////////////////////////////////////////////////////////////////////////////
var messages_top=borderwidth
var messages_left=borderwidth
var coverimage = new Array()
coverimage[0]="http://www.fabulant.com/downloadcenter/texttransliner/stripes0.gif"
coverimage[1]="http://www.fabulant.com/downloadcenter/texttransliner/stripes1.gif"
coverimage[2]="http://www.fabulant.com/downloadcenter/texttransliner/stripes2.giff"
coverimage[3]="http://www.fabulant.com/downloadcenter/texttransliner/stripes3.gif"
coverimage[4]="http://www.fabulant.com/downloadcenter/texttransliner/stripes4.gif"
coverimage[5]="http://www.fabulant.com/downloadcenter/texttransliner/stripes5.gif"
coverimage[6]="http://www.fabulant.com/downloadcenter/texttransliner/stripes6.gif"
coverimage[7]="http://www.fabulant.com/downloadcenter/texttransliner/stripes7.gif"
var covimgpreload=new Array()
for (i=0;i<=coverimage.length-1;i++) {
covimgpreload=new Image()
covimgpreload.src=coverimage
}
var i_messages=0
var i_loop=0
var thisurl=0
var timer
var coverwidth
var coverheight
standstill=standstill*1000
function init() {
document.getElementById('messagebox').style.top=0
document.getElementById('messagebox').style.left=0
document.getElementById('cover').style.top=messages_top
document.getElementById('cover').style.left=messages_left
messagebox.innerHTML=message[i_messages]
cover.innerHTML="<a href='"+messagelink[i_messages]+"' target='"+messagetarget[i_messages]+"' onMouseOver='dorollover()' onMouseOut='undorollover()'><img src='"+coverimage[i_loop]+"' width="+(messagewidth-2*borderwidth)+" height="+(messageheight-2*borderwidth)+" border=0></a>"
docover()
}
function docover() {
if (i_loop<=coverimage.length-1) {
cover.innerHTML="<a href='"+messagelink[i_messages]+"' target='"+messagetarget[i_messages]+"' onMouseOver='dorollover()' onMouseOut='undorollover()'><img src='"+coverimage[i_loop]+"' width="+(messagewidth-2*borderwidth)+" height="+(messageheight-2*borderwidth)+" border=0></a>"
i_loop++
timer= setTimeout("docover()",pause)
}
else {
clearTimeout(timer)
i_loop--
timer= setTimeout("uncover()",standstill)
}
}
function uncover() {
if (i_loop>=0) {
cover.innerHTML="<a href='"+messagelink[i_messages]+"' target='"+messagetarget[i_messages]+"' onMouseOver='dorollover()' onMouseOut='undorollover()'><img src='"+coverimage[i_loop]+"' width="+(messagewidth-2*borderwidth)+" height="+(messageheight-2*borderwidth)+" border=0></a>"
i_loop--
timer= setTimeout("uncover()",pause)
}
else {
clearTimeout(timer)
i_loop=0
i_messages++
if (i_messages>=message.length) {i_messages=0}
messagebox.innerHTML=message[i_messages]
timer= setTimeout("docover()",(4*pause))
}
}
function dorollover() {
messagebox.style.color=rollovercolor
}
function undorollover() {
messagebox.style.color=fntcolor
}
document.write('<style>')
document.write('.box {')
document.write('font-family:'+fntfamily+';')
document.write('font-size:'+fntsize+'pt;')
document.write('color:'+fntcolor+';')
document.write('font-style:'+fntstyle+';')
document.write('font-weight:'+fntweight+';')
document.write('border-width:'+borderwidth+'px;')
document.write('border-style:'+borderstyle+';')
document.write('border-color:'+bordercolor+';')
document.write('background-color:'+backgroundcolor+';')
document.write('width:'+messagewidth+'px;')
document.write('height:'+messageheight+'px;')
document.write('padding:'+messagepadding+'px;')
document.write('text-align:'+textalign+';')
document.write('}')
document.write('</style>')
document.write('<DIV ID="roof" style="position:relative;width:'+messagewidth+'px;height:'+messageheight+'px;">')
if (document.all) {
document.write('<span ID="messagebox" class="box" style="position:absolute;"></span>')
}
else {
document.write('<span ID="messagebox" class="box" style="position:absolute;height:'+(messageheight-2*borderwidth-2*messagepadding)+'px;width:'+(messagewidth-2*borderwidth-2*messagepadding)+'px;"></span>')
}
document.write('<DIV ID="cover" style="position:absolute;width:'+(messagewidth-2*borderwidth)+'px;height:'+(messageheight-2*borderwidth)+'px;"></DIV>')
document.write('</DIV>')
window.onload=init
</script>