
/***********************************************
* Scrollable Menu Links- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

//configure path for left and right arrows
var goleftimage='pointer.gif'
var gorightimage='pointer.gif'
//configure menu width (in px):
var menuwidth=508
//configure menu height (in px):
var menuheight=79
//Specify scroll buttons directions ("normal" or "reverse"):
var scrolldir="reverse"
//configure scroll speed (1-10), where larger is faster
var scrollspeed=6
//specify menu content
var menucontents='<nobr><a href="/sneakpeek/clarence/script.gif" rel="lightbox[sneak-peek]"><img src="/sneakpeek/thumbs/clarence/t_script.gif" style="margin: 0px 8px 0px 16px; border: 1px solid #e9e9e9;" onMouseover="initLightbox()" ></a><a href="/sneakpeek/clarence/minion.gif" rel="lightbox[sneak-peek]"><img src="/sneakpeek/thumbs/clarence/t_minion.gif" style="margin: 0px 8px 0px 8px; border: 1px solid #e9e9e9;" onMouseover="initLightbox()" ></a><a href="/sneakpeek/clarence/bucket.gif" rel="lightbox[sneak-peek]"><img src="/sneakpeek/thumbs/clarence/t_bucket.gif" style="margin: 0px 8px 0px 8px; border: 1px solid #e9e9e9;" onMouseover="initLightbox()" ></a><a href="/sneakpeek/clarence/shadows.gif" rel="lightbox[sneak-peek]"><img src="/sneakpeek/thumbs/clarence/t_shadows.gif" style="margin: 0px 8px 0px 8px; border: 1px solid #e9e9e9;" onMouseover="initLightbox()" ></a><a href="/sneakpeek/clarence/random.gif" rel="lightbox[sneak-peek]"><img src="/sneakpeek/thumbs/clarence/t_random.gif" style="margin: 0px 8px 0px 8px; border: 1px solid #e9e9e9;" onMouseover="initLightbox()" ></a><a href="/sneakpeek/clarence/sketches.gif" rel="lightbox[sneak-peek]"><img src="/sneakpeek/thumbs/clarence/t_sketches.gif" style="margin: 0px 8px 0px 8px; border: 1px solid #e9e9e9;" onMouseover="initLightbox()" ></a><a href="/sneakpeek/clarence/tea.gif" rel="lightbox[sneak-peek]"><img src="/sneakpeek/thumbs/clarence/t_tea.gif" style="margin: 0px 8px 0px 8px; border: 1px solid #e9e9e9;" onMouseover="initLightbox()" ></a><a href="/sneakpeek/cookie/cookie.gif" rel="lightbox[sneak-peek]"><img src="/sneakpeek/thumbs/cookie/t_cookie.gif" style="margin: 0px 8px 0px 8px; border: 1px solid #e9e9e9;" onMouseover="initLightbox()" ></a><a href="/sneakpeek/cookie/boss.gif" rel="lightbox[sneak-peek]"><img src="/sneakpeek/thumbs/cookie/t_boss.gif" style="margin: 0px 8px 0px 8px; border: 1px solid #e9e9e9;" onMouseover="initLightbox()" ></a><a href="/sneakpeek/cookie/dive.gif" rel="lightbox[sneak-peek]"><img src="/sneakpeek/thumbs/cookie/t_dive.gif" style="margin: 0px 8px 0px 8px; border: 1px solid #e9e9e9;" onMouseover="initLightbox()" ></a><a href="/sneakpeek/cookie/ohoh.gif" rel="lightbox[sneak-peek]"><img src="/sneakpeek/thumbs/cookie/t_ohoh.gif" style="margin: 0px 8px 0px 8px; border: 1px solid #e9e9e9;" onMouseover="initLightbox()" ></a><a href="/sneakpeek/cookie/staple.gif" rel="lightbox[sneak-peek]"><img src="/sneakpeek/thumbs/cookie/t_staple.gif" style="margin: 0px 40px 0px 8px; border: 1px solid #e9e9e9;" onMouseover="initLightbox()" ></a></nobr>'

////NO NEED TO EDIT BELOW THIS LINE////////////

var iedom=document.all||document.getElementById
var leftdircode='onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"'
var rightdircode='onMouseover="moveright()" onMouseout="clearTimeout(righttime)"'
if (scrolldir=="reverse"){
var tempswap=leftdircode
leftdircode=rightdircode
rightdircode=tempswap
}
if (iedom)
document.write('<span id="temp" style="visibility:hidden;margin-left:-5000px;margin-top:-100px;">'+menucontents.replace(/sneak-peek/g, "sneakpeek")+'</span>')
var actualwidth=''
var cross_scroll, ns_scroll
var loadedyes=0
function fillup(){
if (iedom){
cross_scroll=document.getElementById? document.getElementById("test2") : document.all.test2
cross_scroll.innerHTML=menucontents
actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
loadedyes=1
}
window.onload=fillup

function moveleft(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)){
cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px"
}
else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
}
lefttime=setTimeout("moveleft()",50)
}

function moveright(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)<0)
cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px"
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=scrollspeed
}
righttime=setTimeout("moveright()",50)
}


if (iedom||document.layers){
with (document){
write('<div style="margin:0px; padding:0px; width:'+menuwidth+'px; height:'+menuheight+'px; background-image:url(\'/sneakpeek/sneak-peek-bg.jpg\');">')
write('<div style="margin:13px 0px 0px 0px; padding:0px; float:left;"><a href="#" onClick="return false;" '+leftdircode+'><img src="/sneakpeek/'+goleftimage+'"border=0></a></div>')
write('<div style="float:left; position:relative; width:474px; height:79px; overflow:hidden;">')
write('<div id="test2" style="position:absolute;left:0;top:22; padding-top:22px; overflow:hidden;">')
write('</div></div>')
write('<div style="margin:13px 0px 0px 0px; padding:0px; float:right;"> <a href="#" onClick="return false;" '+rightdircode+'><img src="/sneakpeek/'+gorightimage+'"border=0></a></div></div>')
}
}

addLoadEvent(initRollArchive);  // run initRollArchive onLoad