/* Vertical Pausing Slideshow - freely adapted from: Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com) For full source code, 100's more DHTML scripts, and TOS, visit http://www.dynamicdrive.com Modified by jscheuer1 for continuous content slideshow, optional pause at top. as first seen in http://www.dynamicdrive.com/forums Credit MUST stay intact for legal use. */ //Specify the marquee's width (in pixels) var marqueewidth="180px" //Specify the marquee's height var marqueeheight="722px" //Specify the marquee's marquee speed (larger is faster 1-10) var marqueespeed=1//Specify initial pause before scrolling in milliseconds var initPause=0 //Specify start with Full(1)or Empty(0) Marquee var full=1 //Pause marquee onMousever (0=no 1=yes)? var pauseit=1 //Specify images' border var imgBorder=0 //Specify images' border color var imgBorderColor='#021c28' //Specify pause at top duration in milliseconds, 0 for continuous var toppause=2000 //Specify image height for top pause var iheight=0 var photos=new Array();photos[0]=['banner/AHG_Logo450x450px.jpg','https://www.ahg-mobile.de/de/bmw-villingen-schwenningen/','_blank'] photos[1]=['banner/Fuerstenberg450x450px.jpg','http://www.fuerstenberg.de/','_blank'] photos[2]=['banner/Volksbank_VS450x450px.gif','http://www.voba-sbh.de/','_blank'] photos[3]=['banner/Krachenfels450x450px.jpg','http://www.krachenfels.org/','_blank'] photos[4]=['banner/lions450x450px.jpg','http://www.lionsclub-vs-mitte.de','_blank'] photos[5]=['banner/VS_Logo450x450px.jpg','http://www.villingen-schwenningen.de/','_blank'] photos[6]=['banner/VSB450x450px.jpg','http://www.v-s-b.de/','_blank'] photos[7]=['banner/dormero_450x450px.jpg','http://www.dormero.de/','_blank'] photos[8]=['banner/VS_Bus450x450px.jpg','http://www.vs-bus.de/','_blank'] photos[9]=['banner/SWR3_rot450px.jpg','http://www.swr3.de/','_blank'] photos[10]=['banner/Culinara450x450px.jpg','http://www.culinara.com/','_blank'] photos[11]=['banner/SchwaBo_450px.jpg','http://www.schwabo.de/','_blank'] photos[12]=['banner/Gramlich450px.jpg','http://www.gramlich.de/','_blank'] photos[13]=['banner/XXXL_Lutz450px.jpg','https://www.xxxlshop.de/','_blank'] ////NO NEED TO EDIT BELOW THIS LINE//////////// var preload=new Array() for (var i_tem = 0; i_tem < photos.length; i_tem++){ preload[i_tem]=new Image() preload[i_tem].src=photos[i_tem][0] } var actualheight=marqueecontent='' var copyspeed=marqueespeed var pausespeed=(pauseit)? 0 : copyspeed var iedom=document.all||document.getElementById var cross_marquee, cross_marquee2, ns_marquee, firstImage, mout=1 marqueewidth=parseInt(marqueewidth)+2*imgBorder+'px' for (var i_tem = 0; i_tem < photos.length; i_tem++){ if (typeof photos[i_tem][1]!=='undefined'){ marqueecontent+='
' else marqueecontent+='Image #'+[i_tem+1]+'
' marqueecontent+=typeof photos[i_tem][1]!=='undefined'? '
' : '' } if (iedom||document.layers){ with (document){ if (iedom){ write('
') write('
 
') write('
') write('
') } else if (document.layers){ write('') write('') write('') } } } function populate(){ if (document.all) for (var i_tem = 0; i_tem < preload.length; i_tem++) if (typeof preload[i_tem].complete=='boolean'&&!preload[i_tem].complete){ setTimeout("populate();", 2000) return; } if (iedom){ cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee cross_marquee2=document.getElementById? document.getElementById("iemarquee2") : document.all.iemarquee2 cross_marquee.style.top=(full==1)? '0px' : parseInt(marqueeheight)+0+"px" cross_marquee.innerHTML=marqueecontent firstImage=document.getElementById? document.getElementById("firstOne") : document.all.firstOne firstImage.style.borderTopWidth=imgBorder*2+'px' cross_marquee2.innerHTML=marqueecontent.replace(/id="firstOne" /, '') actualheight=cross_marquee2.offsetHeight cross_marquee2.style.top=(parseInt(cross_marquee.style.top)+actualheight+0)+"px" //indicates following #1 } else if (document.layers){ ns_marquee=document.ns_marquee.document.ns_marquee2 ns_marquee.top=parseInt(marqueeheight)+8 ns_marquee.document.write(marqueecontent) ns_marquee.document.close() actualheight=ns_marquee.document.height } inmotion=0 setTimeout('lefttime=setInterval("scrollmarquee()",20)',initPause) } window.onload=populate function resumemarquee(){ if (mout){ copyspeed=marqueespeed if (parseInt(cross_marquee.style.top)<(actualheight*(-1))) cross_marquee.style.top=(parseInt(cross_marquee2.style.top)+actualheight)+"px" if (parseInt(cross_marquee2.style.top)<(actualheight*(-1))) cross_marquee2.style.top=(parseInt(cross_marquee.style.top)+actualheight)+"px" cross_marquee2.style.top=parseInt(cross_marquee2.style.top)-copyspeed+"px" cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px" lefttime=setInterval("scrollmarquee()",20) } else setTimeout("resumemarquee()",20) } function scrollmarquee(){ if (iedom){ if (inmotion) firstImage.style.borderTopWidth=imgBorder+'px' if (inmotion&&toppause&&(parseInt(cross_marquee.style.top)-imgBorder)%(iheight+2*imgBorder)==0){ copyspeed=0 clearInterval(lefttime) setTimeout("resumemarquee()", toppause) return; } inmotion=1 if (parseInt(cross_marquee.style.top)<(actualheight*(-1))) cross_marquee.style.top=(parseInt(cross_marquee2.style.top)+actualheight)+"px" if (parseInt(cross_marquee2.style.top)<(actualheight*(-1))) cross_marquee2.style.top=(parseInt(cross_marquee.style.top)+actualheight)+"px" cross_marquee2.style.top=parseInt(cross_marquee2.style.top)-copyspeed+"px" cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px" } else if (document.layers){ if (ns_marquee.top>(actualheight*(-1)+8)) ns_marquee.top-=copyspeed else ns_marquee.top=parseInt(marqueeheight)+8 } }