sliderBox = 'container'
	slideInFx = new Array()
	sliderIds = new Array()
	sliderXBut = new Array()//simple method to associate a button with a slide
	numSliders = 0
	
	function initSliders()	{
	
		$('home').addEvent('mouseover', hideAllSliders)
		addSlider('entSol', 'sl1')
		addSlider('smallBus', 'sl2')
		
		$('prodServ').addEvent('mouseover', hideAllSliders)		
		$('support').addEvent('mouseover', hideAllSliders)
		$('prodsheets').addEvent('mouseover', hideAllSliders)
		//addSlider('prodServ', 'sl3')
		//addSlider('support', 'sl4')
	}
		
	function addSlider(but, id)
	{
		sliderXBut[but] = id
		$(id).setStyle('width',  "0px")
		sliderIds[numSliders] = id
		numSliders++
		
		slideInFx[id] = new Fx.Style(id, 'width', {duration: 500})		
		startLeft = $(sliderBox).getCoordinates().left
		
		//for ie
		if(!window.gecko)
		{
			//alert($(sliderBox).getCoordinates().left)
			//commented out because ie would choke because without it specified margin-left return 'auto' which cant be converted to an int		
			//startLeft -=  155//$(sliderBox).getStyle('margin-left').toInt() 
			$(id).scrollTo(startLeft)
		}
		else
		{
		
		//$(id).scrollTo(startLeft)
		$(id).setStyle('left',  startLeft + "px")	
		}
		
		$(but).addEvent('mouseover', enterStageLeft)
		
	}
	
	function cancelOtherSliders(id)
	{
		for(x = 0; x < sliderIds.length; x++)
		{
			if(sliderIds[x] != id && (  $(sliderIds[x]).getCoordinates().width != 0 )  )
				exitStageLeft(sliderIds[x])
		}
			
	
	}
	
	function hideAllSliders()
	{
		
		for(x = 0; x < sliderIds.length; x++)
		{
				exitStageLeft(sliderIds[x])
		}
	}
	
	function enterStageLeft(event)
	{
		eventObj = event.srcElement || event.target
		//alert(eventObj.id)
		id = sliderXBut[eventObj.id]
		
		cancelOtherSliders(id)
		slideInFx[id].stop()
		slideInFx[id].start($(sliderBox).getCoordinates().width)
		
	}
	
	function exitStageLeft(id)
	{	
		slideInFx[id].stop()
		slideInFx[id].start($(id).getCoordinates().width, 0)
	}