/***********************************************
* 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/balranyil.gif'
var gorightimage='../images/jobbranyil.gif'
//configure menu width (in px):
var navbarmenuwidth=360
//configure menu height (in px):
var navbarmenuheight=55
//Specify scroll buttons directions ("normal" or "reverse"):
var navbarscrolldir="reverse"
//configure scroll speed (1-10), where larger is faster
var navbarscrollspeed=10
//specify menu content
var nbmenucontents='<table width="360" height="50" border="0" cellpadding="0" cellspacing="0">\
<tr class="termnevpiciblack">\
<td width="48" height="33"><div align="center"><a href="joanna.htm"><img src="images/joanna_green-pici.jpg" width="44" height="33" border="0" class="borderimage" onMouseOver="borderit(this,\'#009754\')" onMouseOut="borderit(this,\'#7d7b7b\')"></a></div></td>\
<td width="7"><div align="center"></div></td><td width="48"><div align="center"><a href="nellie.htm"><img src="images/nellie_turq-pici.jpg" width="44" height="33" border="0" class="borderimage" onMouseOver="borderit(this,\'#009754\')" onMouseOut="borderit(this,\'#7d7b7b\')"></a></div></td>\
<td width="7"><div align="center"></div></td><td width="48"><div align="center"><a href="clara.htm"><img src="images/clara_black-pici.jpg" width="44" height="33" border="0" class="borderimage" onMouseOver="borderit(this,\'#009754\')" onMouseOut="borderit(this,\'#7d7b7b\')"></a></div></td>\
<td width="7"><div align="center"></div></td><td width="48"><div align="center"><a href="eva.htm"><img src="images/eva_black-pici.jpg" width="44" height="33" border="0" class="borderimage" onMouseOver="borderit(this,\'#009754\')" onMouseOut="borderit(this,\'#7d7b7b\')"></a></div></td>\
<td width="7"><div align="center"></div></td><td width="48"><div align="center"><a href="michelle.htm"><img src="images/michelle_white-pici.jpg" width="44" height="33" border="0" class="borderimage" onMouseOver="borderit(this,\'#009754\')" onMouseOut="borderit(this,\'#7d7b7b\')"></a></div></td>\
<td width="7"><div align="center"></div></td><td width="48"><div align="center"><a href="cara.htm"><img src="images/cara_bracelets pici.jpg" width="44" height="33" border="0" class="borderimage" onMouseOver="borderit(this,\'#009754\')" onMouseOut="borderit(this,\'#7d7b7b\')"></a></div></td>\
<tr class="termnevpiciblack">\
<td height="18"><div align="center">Joanna</div></td>\
<td width="7"><div align="center"></div></td><td><div align="center">Nellie</div></td>\
<td width="7"><div align="center"></div></td><td><div align="center">Clara</div></td>\
<td width="7"><div align="center"></div></td><td><div align="center">Eva</div></td>\
<td width="7"><div align="center"></div></td><td><div align="center">Michelle</div></td>\
<td width="7"><div align="center"></div></td><td><div align="center">Kara</div></td>\
</tr></table>'

////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 (navbarscrolldir=="reverse"){
var tempswap=leftdircode
leftdircode=rightdircode
rightdircode=tempswap
}
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-5000">'+nbmenucontents+'</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=nbmenucontents
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(nbmenucontents)
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)>(navbarmenuwidth-actualwidth)){
cross_scroll.style.left=parseInt(cross_scroll.style.left)-navbarscrollspeed+"px"
}
else if (document.layers&&ns_scroll.left>(navbarmenuwidth-actualwidth))
ns_scroll.left-=navbarscrollspeed
}
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)+navbarscrollspeed+"px"
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=navbarscrollspeed
}
righttime=setTimeout("moveright()",50)
}

function writeNavbarContainer(){
	if (iedom || document.layers) {
		with (document) {
			write('<table border="0" cellspacing="0" cellpadding="2">')
			//write('<td valign="top"><a href="#" ' + leftdircode + '><img src="' + goleftimage + '"border=0></a> </td>')
			write('<td valign="top"></td>')
			write('<td width="' + navbarmenuwidth + 'px" valign="top">')
			if (iedom) {
				write('<div style="position:relative;width:' + navbarmenuwidth + 'px;height:' + navbarmenuheight + 'px;overflow:hidden;">')
				write('<div id="test2" style="position:absolute;left:0;top:0">')
				write('</div></div>')
			}
			else 
				if (document.layers) {
					write('<ilayer width=' + navbarmenuwidth + ' height=' + navbarmenuheight + ' name="ns_scrollmenu">')
					write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
				}
			write('</td>')
			//write('<td valign="top"> <a href="#" ' + rightdircode + '>')
			//write('<img src="' + gorightimage + '"border=0></a>')
			write('<td valign="top"></td>')
			write('</td></table>')
		}
	}
}