/**
 *  street slide-show toggle, persistance
**/

var streetSlideShow;

// turn slideshow on/off
window.addEvent('domready', function()
{
	$('street-toggle').addEvent('click', function()
	{
		if (! $('street'))
		{
//			Cookie.dispose('hide-street', {domain:location.host, path:'/'});
//			Cookie.dispose('hide-street', {path:'/'});
			Cookie.write('hide-street', 'false', {domain:location.host, path:'/'});
			window.location = window.location;
			return;
		}

		if ($('street').getStyle('display') == 'none')
		{
//			Cookie.dispose('hide-street');
			Cookie.write('hide-street', 'false', {domain:location.host, path:'/'});
			streetSlideShow.play();
			$('street').reveal();
			$(this).set('class', 'icon-control up-a');
		}
		else
		{
			Cookie.write('hide-street', 'true', {domain:location.host, path:'/'});
//			Cookie.write('hide-street', 'true', {path:'/'});
			streetSlideShow.pause();
			$('street').dissolve();
			$(this).set('class', 'icon-control dn-a');
		}
	});
});


/**
 *
**/
function s2c_slideshow(page)
{
	// no slideshow required
	if (! page) return;

	$$('#slideshow img.slide-image').removeClass('hide');

	// slideshow 'navigation' dots
	var ss_nav = $('slideshow-navigation').getElements('li');
	new Tips(ss_nav);

	ss_nav.each(function(item, index)
	{
		item.addEvent('click', function(event) {
			streetSlideShow.pause();
			var transition = (streetSlideShow.index < index) ? 'pushLeft' : 'pushRight';
			streetSlideShow.show(index, {transition: transition});
			// streetSlideShow.play();
		});
	});

	// slideshow: default (home page/contact etc)
	if (page == 'home')
	{
		streetSlideShow = new SlideShow('slideshow', {
			autoplay: true,
			delay: 8000,
			transition:'pushLeft',
			onShow: function(data) {
				ss_nav[data.previous.index].removeClass('current');
				ss_nav[data.next.index].addClass('current');
			}
		});

		return;
	}

	// slideshow: sales/scooter
    $$('div.slide-roadsign').set('tween', {transition: 'bounce:out'});
	$$('div.slide-brand-glow').set('tween', {duration: 150}).fade('hide');
	$$('a.slide-brand').fade('hide');

	streetSlideShow = new SlideShow('slideshow', {
		autoplay: true,
		delay: 6000,
		transition:'pushLeft',
		onPlay: function() {
			$('slideshow').getElement('div.slide-roadsign').tween('top', 0);

			$('slideshow').getElement('h1.slide-scootertext').tween('left', 20);

			(function(){$('slideshow').getElement('div.slide-brand-glow').fade(0.5);}).delay(400);
			(function(){$('slideshow').getElement('div.slide-brand-glow').fade(0.2);}).delay(550);
			(function(){$('slideshow').getElement('div.slide-brand-glow').fade(1.0);}).delay(700);

			(function(){$('slideshow').getElement('a.slide-brand').fade('in');}).delay(1000);
		},
		onShow: function(data) {
			ss_nav[data.previous.index].removeClass('current');
			ss_nav[data.next.index].addClass('current');
		},
		onShowComplete: function(data) {
			data.previous.element.getElement('div.slide-roadsign').setStyle('top', -220);
			data.previous.element.getElement('h1.slide-scootertext').setStyle('left', 1150);
			data.previous.element.getElement('div.slide-brand-glow').fade('hide');
			data.previous.element.getElement('a.slide-brand').fade('hide');

			//
			data.next.element.getElement('div.slide-roadsign').tween('top', 0);

			data.next.element.getElement('h1.slide-scootertext').tween('left', 20);

			(function(){data.next.element.getElement('div.slide-brand-glow').fade(0.5);}).delay(400);
			(function(){data.next.element.getElement('div.slide-brand-glow').fade(0.2);}).delay(550);
			(function(){data.next.element.getElement('div.slide-brand-glow').fade(1.0);}).delay(700);

			(function(){data.next.element.getElement('a.slide-brand').fade('in');}).delay(1000);
		}
	});

	// slideshow interacts with scooter images
	if (page == 'sales')
	{
		$$('ul.scooters li').each(function(item, index)
		{
			item.addEvent('mouseenter', function(event) {
				if (streetSlideShow.index == index) return;
				streetSlideShow.pause();
				var transition = (streetSlideShow.index < index) ? 'pushLeft' : 'pushRight';
				streetSlideShow.show(index, {transition: transition});
				// streetSlideShow.play();
			});
		});
	}

}