/***********************************************
* 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='images/arrow_left_off.gif'
var gorightimage='images/arrow_right_off.gif'
//configure menu width (in px):
var menuwidth=680
//configure menu height (in px):
var menuheight=290
//Specify scroll buttons directions ("normal" or "reverse"):
var scrolldir="normal"
//configure scroll speed (1-10), where larger is faster
var scrollspeed=10

//specify menu content
//var menucontents=''	GALLERY IMAGE VALUES STORED IN GALLERY#.js



var menucontents  = '<table border=0 xstyle="border:1px solid yellow"><tr align=center>'
    menucontents += '<td><img src="images/spacer.gif" width=20></td>'

for (i=1; i<ThumbArray.length; i++) { 

	menucontents += '<td class="greenlink13"><a href="javascript:CallPopup(\'popup.asp?img='
	menucontents += FullArray[i]
	menucontents += '\','
	menucontents += SizeArray[i]
	menucontents += ')"><img src="'
	menucontents += ThumbArray[i]
	menucontents += '" border=0></a><br><nobr>'


	//menucontents += '<td class="greenlink13"><img src="'
	//menucontents += ThumbArray[i]
	//menucontents += '"><br><nobr>'
	menucontents += NameArray[i]
	menucontents += '</nobr><br><a href="javascript:CallPopup(\'popup.asp?img='
	menucontents += FullArray[i]
	menucontents += '\','
	menucontents += SizeArray[i]
	menucontents += ')" class="greenlink9">click to enlarge</a></td>'
	menucontents += '<td><img src="images/spacer.gif" width=40></td>'
}
menucontents += '</tr> </table>'

////////////////////

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

var iedom=document.all||document.getElementById
var leftdircode='onMouseover="moveleft(); turnOn(\'image4\')" onMouseout="clearTimeout(lefttime); turnOff(\'image4\')"'
var rightdircode='onMouseover="moveright(); turnOn(\'image5\')" onMouseout="clearTimeout(righttime); turnOff(\'image5\')"'

if (scrolldir=="reverse") {
  var tempswap=leftdircode
  leftdircode=rightdircode
  rightdircode=tempswap
}
if (iedom)
  document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-5000">'+menucontents+'</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('<table border="0" cellspacing="0" cellpadding="2">')
    write('<td valign="middle"><a xhref="#" '+leftdircode+'><img src="'+goleftimage+'" name="image4" border=0></a> </td>')

    write('<td width="'+menuwidth+'px" valign="top">')
    if (iedom) {
      write('<div style="position:relative;width:'+menuwidth+'px;height:'+menuheight+'px;overflow:hidden;">')
      write('<div id="test2" style="position:absolute;left:0;top:0">')
      write('</div></div>')
    }
    else if (document.layers) {
      write('<ilayer width='+menuwidth+' height='+menuheight+' name="ns_scrollmenu">')
      write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
    }
    write('</td>')
    write('<td valign="middle"> <a xhref="#" '+rightdircode+'>')
    write('<img src="'+gorightimage+'" name="image5" border=0></a>')
    write('</td></table>')
  }
}