/***********************************************
* 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/more_left.gif'
var gorightimage='images/more_right.gif'
//configure menu width (in px):
var menuwidth=620
//configure menu height (in px):
var menuheight=100
//Specify scroll buttons directions ("normal" or "reverse"):
var scrolldir="reverse"
//configure scroll speed (1-10), where larger is faster
var scrollspeed=9
//specify menu content
var menucontents='<table border="0" cellspacing="0" cellpadding="6" height="100">				<tr>                  <td align="center" class="media_links" valign="bottom" nowrap><a href="performance.php" class="media_links" target="_top"> <img border="0" src="images/performance.gif" width="84" height="64" alt="Performance"><br>                    Performance</a></td>				  <td align="center" class="media_links" valign="bottom" nowrap><a href="gaming.php" class="media_links" target="_top" target="_top"> <img border="0" src="images/gaming.gif" width="84" height="64" alt="Gaming"><br>				    Gaming</a></td>				  <td align="center" class="media_links" valign="bottom" nowrap><a href="networking.php" class="media_links" target="_top"> <img border="0" src="images/networking.gif" width="84" height="64" alt="Networking"><br>				    Networking</a></td>				  <td align="center" class="mac_links" valign="bottom" nowrap><a href="portability.php" class="media_links" target="_top"> <img border="0" src="images/portability.gif" alt="Portability" width="84" height="64"><br>				    Portability</a></td>				  <td align="center" class="mac_links" valign="bottom" nowrap><a href="security.php" class="media_links" target="_top"> <img border="0" src="images/security.gif" width="84" height="64" alt="Security"><br>				    Security</a></td>				  <td align="center" class="mac_links" valign="bottom" nowrap><a href="upgrading.php" class="media_links" target="_top"> <img border="0" src="images/upgrading.gif" alt="Upgrading" width="84" height="64"><br>				    Upgrading</a></td>                  <td align="center" class="media_links" valign="bottom" nowrap><a href="teaser_interrupting.php" class="media_links" target="_top"> 					<img border="0" src="images/interupt.gif" width="85" height="66" alt="Interrupting"><br>                    Interupt (mini)</a></td>                  <td align="center" class="media_links" valign="bottom" nowrap><a href="email.php" class="media_links" target="_top"> 					<img border="0" src="images/email.gif" width="85" height="66" alt="Email"><br>                    Email</a></td>                  <td align="center" class="media_links" valign="bottom" nowrap><a href="bootcamp.php" class="media_links" target="_top"><img border="0" src="images/bootcamp.gif" width="84" height="64" alt="Bootcamp"><br>                    Boot Camp</a></td>                  <td align="center" class="media_links" valign="bottom" nowrap><a href="teaser_overclocking.php" class="media_links" target="_top"> 					<img border="0" src="images/overclock.gif" width="85" height="66" alt="Overclocking"><br>                    Overclock (mini)</a></td>                  <td align="center" class="media_links" valign="bottom" nowrap><a href="os.php" class="media_links" target="_top"><img border="0" src="images/os.gif" width="84" height="64" alt="OS"><br>                    OS</a></td>                  <td align="center" class="media_links" valign="bottom" nowrap><a href="services.php" class="media_links" target="_top"><img border="0" src="images/services.gif" width="84" height="64" alt="Services"><br>                    Services</a></td>                  <td align="center" class="media_links" valign="bottom" nowrap><a href="teaser_defragging.php" class="media_links" target="_top"> 					<img border="0" src="images/defrag.gif" width="85" height="66" alt="Defragging"><br>                    Defrag (mini)</a></td>                  <td align="center" class="media_links" valign="bottom" nowrap><a href="widgets.php" class="media_links" target="_top"><img border="0" src="images/widgets.gif" width="84" height="64" alt="OS"><br>                    Widgets</a></td>                  <td align="center" class="media_links" valign="bottom" nowrap><a href="metaphors.php" class="media_links" target="_top"><img border="0" src="images/metaphors.gif" width="84" height="64" alt="Services"><br>                    Metaphors</a></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 (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 href="#" '+leftdircode+'><img src="'+goleftimage+'"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 href="#" '+rightdircode+'>')
write('<img src="'+gorightimage+'"border=0></a>')
write('</td></table>')
}
}