/**********************************************************************************************************************************
		HOMEPAGE
***********************************************************************************************************************************/

var imageWidth = 955 + 5;
var slide = 0;
var slideCount = 0;
var scrollFx;
var scrollTimer;

function initSlideshow()
{
	try
	{
		scrollFx = new Fx.Scroll('hp_slider', {
		mode: 'horizontal',
		duration: 1200,
		transition: 'quad:in:out'
		 });
		slideCount = ($$('#hp_layer img')).length;
		var totalWidth = imageWidth * slideCount;
		$('hp_layer').style.width = totalWidth + 'px';
		var myFunction = function()
		{
			nextSlide();
		}
		scrollTimer = myFunction.periodical(5000);
	} catch(e)
	{
	}
}

function nextSlide(e)
{
	try
	{
		try
		{
			$('label_' + slide).fade('out');
		} catch(e)
		{
		}
		if (typeof(e) !== 'undefined')
		{
			resetTimer();
		}
		slide = slide + 1;
		if (slide == slideCount)
		{
			slide = 0;
		}
		try
		{
			$('label_' + slide).fade(0.7);
		} catch(e)
		{
		}
		doSlide();
	} catch(e)
	{
	}
}
function resetTimer()
{
	//Mouseclick - clear the timer and define a cooldown
	clearInterval(scrollTimer);
	var resumeFunction = function()
	{
		var myFunction = function()
		{
			nextSlide();
		}
		scrollTimer = myFunction.periodical(5000);
	}
	scrollTimer = resumeFunction.delay(5000);
}
function prevSlide(e)
{
	if (typeof(e) !== 'undefined')
	{
		resetTimer();
	}
	slide = slide - 1;
	if (slide < 0)
	{
		slide = slideCount - 1;
	}
	doSlide();
}
function doSlide()
{
	scrollFx.cancel();
	newScroll = imageWidth * slide;
	scrollFx.start(newScroll, 0);
}

/**********************************************************************************************************************************
		DEALERS
***********************************************************************************************************************************/
var curDealer = -1;
function ShowDealer(id)
{
	if (curDealer != id)
	{
		if (curDealer >= 0)
		{
			dealerID = 'deal_details_' + curDealer;
			$('dealer_' + curDealer).removeClass('active', true);
			$(dealerID).slide('out');
		}
		curDealer = id;
		dealerID = 'deal_details_' + curDealer;
		$(dealerID).slide('in');
		$('dealer_' + id).addClass('active', true);
	}
	map.setCenter(markers[id].getLatLng(), 13);
	var myFunction = function(){
		dealerFx.toElement('dealer_' + id); 
	};
 	myFunction.delay(500);
}