//Browser Check
iens6 = document.all || document.getElementById;
ns4 = document.layers;

//GLOBAL VARIABLES
var scrollerName;
var viewerName;
var scroller;
var viewer;
var thetext;
var winHeight;
var scrollerWidth;
var winWidth;
var startW = 0;
var openTimer;
var scrollDir;

ScrollImage.Registry = [];
//END GLOBAL VARIABLES

// Global Object
function ScrollImage(id, src){
	this.id = id;
	this.src = src;
	ScrollImage.Registry[id] = this;
}

// GLOBAL FUNCTIONS
function loadButtons()
{
	leftButton = new Image();
	//leftButton.src = "Global/images/ourproducts/left-scroll-button.gif";
	leftButton.src = ScrollImage.Registry[1].src;
	
	activeLeftButton = new Image();
	//activeLeftButton.src = "Global/images/ourproducts/left-scroll-button-active.gif";
	activeLeftButton.src = ScrollImage.Registry[2].src;
	
	rightButton = new Image();
	//rightButton.src = "Global/images/ourproducts/right-scroll-button.gif";
	rightButton.src = ScrollImage.Registry[3].src;
	
	activeRightButton = new Image();
	//activeRightButton.src = "Global/images/ourproducts/right-scroll-button-active.gif";
	activeRightButton.src = ScrollImage.Registry[4].src;
}

function setScroll( direction ) 
{
	scrollDir = direction;
	if ( iens6 )
	{
		scrollerName = "horizontalSlider";
		viewerName = "horizontalSliderWindow"
		scroller = document.getElementById ? document.getElementById( scrollerName ) : document.all.scrollerName;
		viewer = document.getElementById ? document.getElementById( viewerName ) : document.all.viewerName;
		
		scrollerWidth = scroller.style.width.substring( 0, scroller.style.width.length - 2 ) * 1;
		winWidth = viewer.style.width.substring( 0, viewer.style.width.length - 2 ) * 1;
	}
	if ( openTimer )
	{
		clearTimer();
	}
	else
	{
		viewIt( direction );
	}
}

function clearTimer()
{
	clearTimeout( openTimer );
	openTimer = null;
}

function viewIt( direction ) 
{
	if ( openTimer )
	{
		clearTimer();
	}
	
	if ( direction == 'left' )
	{
		if ( startW <= scrollerWidth - winWidth ) 
		{
			if ( iens6 ) 
			{
				leftButtonName = "leftSliderButton";
				leftButton = document.getElementById ? document.getElementById( leftButtonName ) : document.all.leftButtonName;
				leftButton.style.visibility = 'visible';
				startW = ( startW <= scrollerWidth - winWidth ) ? startW : scrollerWidth - winWidth;
				scroller.style.left = -startW + 'px';
				
				startW += 1;
				openTimer = setTimeout( "viewIt( 'left' )", 10 );
			}
		}
		else
		{
			clearTimer();
			rightButtonName = "rightSliderButton";
			rightButton = document.getElementById ? document.getElementById( rightButtonName ) : document.all.rightButtonName;
			rightButton.style.visibility = 'hidden';
			
			setOverState( 'scrollLeft', 'left-scroll-button.gif', '' );
		}
	}
	else if ( direction == 'right' )
	{
		if ( startW >= 0 )
		{
			if ( iens6 )
			{
				rightButtonName = "rightSliderButton";
				rightButton = document.getElementById ? document.getElementById( rightButtonName ) : document.all.rightButtonName;
				rightButton.style.visibility = 'visible';
				startW = ( startW > 0 ) ? startW : 0;
				scroller.style.left = -startW + 'px';

				startW -= 1;
				openTimer = setTimeout( "viewIt( 'right' )", 10 );
			}
		}
		else
		{
			clearTimer();
			leftButtonName = "leftSliderButton";
			leftButton = document.getElementById ? document.getElementById( leftButtonName ) : document.all.leftButtonName;
			leftButton.style.visibility = 'hidden';
			
			setOverState( 'scrollRight', 'right-scroll-button.gif', '' );
		}
	}
}

function setOnState( image, fileName, direction )
{
	if ( openTimer )
	{
		overStateDirection = scrollDir;
	}
	else
	{
		overStateDirection = '';
	}

	setOverState( image, fileName, overStateDirection );
}

function setOverState( image, fileName, direction )
{
	var img = document.getElementById( image );
	//img.src = 'Global/images/ourproducts/' + fileName;
	img.src = ScrollImage.Registry[5].src + fileName;
	
	if ( scrollDir != '' )
	{
		scrollDir = direction;
	}
}

function setOutState()
{
	if ( !openTimer )
	{
		setOverState( 'scrollLeft', 'left-scroll-button.gif', '' );
		setOverState( 'scrollRight', 'right-scroll-button.gif', '' );
	}
	else
	{
		if ( scrollDir == 'left' )
		{
			setOverState( 'scrollLeft', 'left-scroll-button.gif', scrollDir );
			setOverState( 'scrollRight', 'right-scroll-button-active.gif', scrollDir );
		}
		
		if ( scrollDir == 'right' )
		{
			setOverState( 'scrollRight', 'right-scroll-button.gif', scrollDir );
			setOverState( 'scrollLeft', 'left-scroll-button-active.gif', scrollDir );
		}
	}
}