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


////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 cellspacing="0" cellpadding="0" height="120">')
		write('<td valign="top"><a href="#" onfocus="this.blur()" '+leftdircode+'><img name="goleft" src="'+goleftimage+'"border=0 onMouseOver="document.goleft.src = \'images/arrow_left_03_over.gif\'" onMouseOut="document.goleft.src = \'images/arrow_left_03.gif\'"></a></td>')
		write('<td width="'+menuwidth+'px" valign="top">')
		if (iedom)
		{
			write('<div style="margin-top: 0px; position:relative;width:'+menuwidth+'px;height:'+menuheight+'px;overflow:hidden;">')
			write('<img src="images/model_nav_fade_left.png" style="width:30px; height:120px;position:absolute;left:0px;top:0; padding-top:0px; z-index:1;" />')
			write('<img src="images/model_nav_fade_right.png" style="width:30px; height:120px;position:absolute;float:right;left:451px;top:0; padding-top:0px;z-index:1;" />')
		
			write('<div id="test2" style="position:absolute;left:0;top:0;">')
			write('<span style="color:#ffffff; padding-left:200px; padding-top:200px;"><img src="CCAjax/ajax-loader.gif" /> loading...</span></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="top"><a href="#" onfocus="this.blur()" '+rightdircode+'>')
		write('<img name="goright" src="'+gorightimage+'"border=0 onMouseOver="document.goright.src = \'images/arrow_03right_over.gif\'" onMouseOut="document.goright.src = \'images/arrow_03right.gif\'"></a>')
		write('</td></table>')
	}
}
// function modified by Jasper to remove underline of link when mouseover
// and enlarge the picture when mouse over link
// these two functions must be placed on the page
function scrollingModelChange(linkObject, imageSource)
{
	var imageObject = linkObject.childNodes[0];
	imageObject.src = imageSource;
}
function scrollingDerivativeChange(ImageID, imageSource)
{
	var imageObject = document.getElementById(ImageID)
	imageObject.src = imageSource;
}