// JavaScript Document
/*
Cross browser Marquee script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com
Modified by jscheuer1 for continuous content. Credit MUST stay intact
*/
//Specify the marquee's width (in pixels)
var marqueewidth="480px"
//Specify the marquee's height
var marqueeheight="100px"
//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
//configure background color:
var marqueebgcolor="#c0c0c0"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1
//Specify the marquee's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
var marqueecontent='<nobr><a href="i.php?num=1&click=marquee"><img src="site_images/tutorials/1.jpg" width="100" height="100" border="0" alt="Jesture Hat"></a><a href="i.php?num=2&click=marquee">&nbsp;<img src="site_images/tutorials/2.jpg" width="100" height="100" border="0" alt="Reusable Grocery Bag"></a><a href="i.php?num=3&click=marquee">&nbsp;<img src="site_images/tutorials/3.jpg" width="100" height="100" border="0" alt="CD Wallet"></a><a href="i.php?num=4&click=marquee">&nbsp;<img src="site_images/tutorials/4.jpg" width="100" height="100" border="0" alt="Customized wallet"></a><a href="i.php?num=5&click=marquee">&nbsp;<img src="site_images/tutorials/5.jpg" width="100" height="100" border="0" alt="Potato Toy"></a><a href="i.php?num=6&click=marquee">&nbsp;<img src="site_images/tutorials/6.jpg" width="100" height="100" border="0" alt="Woven Basket"></a><a href="i.php?num=7&click=marquee">&nbsp;<img src="site_images/tutorials/7.jpg" width="100" height="100" border="0" alt="Vest"></a><a href="i.php?num=8&click=marquee">&nbsp;<img src="site_images/tutorials/8.jpg" width="100" height="100" border="0" alt="Corsage"></a><a href="i.php?num=9&click=marquee">&nbsp;<img src="site_images/tutorials/9.jpg" width="100" height="100" border="0" alt="Graduation Hat"></a><a href="i.php?num=10&click=marquee">&nbsp;<img src="site_images/tutorials/10.jpg" width="100" height="100" border="0" alt="Bowling Pin"></a><a href="i.php?num=11&click=marquee">&nbsp;<img src="site_images/tutorials/11.jpg" width="100" height="100" border="0" alt="Book Bag"></a><a href="i.php?num=12&click=marquee">&nbsp;<img src="site_images/tutorials/12.jpg" width="100" height="100" border="0" alt="Homecoming Mum"></a><a href="i.php?num=13&click=marquee">&nbsp;<img src="site_images/tutorials/13.jpg" width="100" height="100" border="0" alt="Pirate Hat"></a><a href="i.php?num=14&click=marquee">&nbsp;<img src="site_images/tutorials/14.jpg" width="100" height="100" border="0" alt="Fairy Costume"></a><a href="i.php?num=15&click=marquee">&nbsp;<img src="site_images/tutorials/15.jpg" width="100" height="100" border="0" alt="Holiday Stocking"></a><a href="i.php?num=16&click=marquee">&nbsp;<img src="site_images/tutorials/16.jpg" width="100" height="100" border="0" alt="Laptop Bag"></a><a href="i.php?num=17&click=marquee">&nbsp;<img src="site_images/tutorials/17.jpg" width="100" height="100" border="0" alt="Santa Hat"></a><a href="i.php?num=18&click=marquee">&nbsp;<img src="site_images/tutorials/18.jpg" width="100" height="100" border="0" alt="Trophy"></a><a href="i.php?num=19&click=marquee">&nbsp;<img src="site_images/tutorials/19.jpg" width="100" height="100" border="0" alt="White Elephant"></a><a href="i.php?num=20&click=marquee">&nbsp;<img src="site_images/tutorials/20.jpg" width="100" height="100" border="0" alt="Lunar Lander"></a><a href="i.php?num=21&click=marquee">&nbsp;<img src="site_images/tutorials/21.jpg" width="100" height="100" border="0" alt="Christmas Tree Topper"></a></nobr>'

////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;right:0px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, cross_marquee2, ns_marquee
function populate(){
if (iedom){
var initFill=(full==1)? '8px' : parseInt(marqueewidth)+8+"px"
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.right=initFill
cross_marquee2=document.getElementById? document.getElementById("iemarquee2") : document.all.iemarquee2
cross_marquee2.innerHTML=cross_marquee.innerHTML=marqueecontent
cross_marquee2.style.right=(parseInt(cross_marquee.style.right)+actualwidth+8)+"px" //indicates following #1
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.right=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
setTimeout('righttime=setInterval("scrollmarquee()",60)',initPause)
}
window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.right)<(actualwidth*(-1)+8))
cross_marquee.style.right=(parseInt(cross_marquee2.style.right)+actualwidth+8)+"px"
if (parseInt(cross_marquee2.style.right)<(actualwidth*(-1)+8))
cross_marquee2.style.right=(parseInt(cross_marquee.style.right)+actualwidth+8)+"px"
cross_marquee2.style.right=parseInt(cross_marquee2.style.right)-copyspeed+"px"
cross_marquee.style.right=parseInt(cross_marquee.style.right)-copyspeed+"px"
}
else if (document.layers){
if (ns_marquee.right>(actualwidth*(-1)+8))
ns_marquee.right-=copyspeed
else
ns_marquee.right=parseInt(marqueewidth)+8
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;right:0px;top:0px;display:inline;"></div>')
write('<div id="iemarquee2" style="position:absolute;right:0px;top:0px;display:inline;"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" right=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}