window.addEvent('domready', function()
{
	//slideshow js

	var call = setInterval('MoveSlide()', 3000);

	var tween = new Fx.Tween($('slideshow-wrapper'));

	var isTweening = false;

	$('slideshow-container').removeClass('noscript');

	if( $('slideshow') )
	{
		tween.start('left', 0);
		$('slideshow').getElements('a').addEvent('click', function(event) {
			event = new Event(event).stop();

			var activeImage = $('slideshow-wrapper').getElement('.inUse');

			if ((this.id == 'previous') && isTweening == false)
			{
				isTweening = true;

				if( $('pause') )
				{
					call = pause( $('pause'), call );
				}


				var moveAmount = 354;
				activeImage.removeClass('inUse');
				var v = activeImage.id;
				v --;

				if(activeImage.id == 0)
				{
					v = 4;
					moveAmount = -354 * 4;
				}

				var nextActiveImage = $('slideshow-wrapper').getElementById(String(v));
				nextActiveImage.addClass('inUse');
				var currentLeft = $('slideshow-wrapper').getStyle("left");
				currentLeft = parseInt(currentLeft.replace('px', ''));

				$('slideshow-wrapper').set('tween', {
					onComplete: function(e) {
							isTweening = false;
						}
					});
				$('slideshow-wrapper').tween('left', currentLeft + moveAmount);
			}

			if ((this.id == 'next') && isTweening == false)
			{
				isTweening = true;

				if( $('pause') )
				{
					call = pause( $('pause'), call );
				}

				var moveMultiplyer = parseInt(activeImage.id) + 1;
				var moveAmount = -354 * moveMultiplyer;
				activeImage.removeClass('inUse');
				var i = activeImage.id;
				i ++;

				if(activeImage.id == 4)
				{
					i = 0;
					moveAmount = 0;
				}

				var nextActiveImage = $('slideshow-wrapper').getElementById(String(i));
				nextActiveImage.addClass('inUse');


				$('slideshow-wrapper').set('tween', {
					onComplete: function(e) {
							isTweening = false;
						}
					});
				$('slideshow-wrapper').tween('left', moveAmount);
			}
			if (this.id == 'pause')
			{
				call = pause( this, call );
			}
			else if (this.id == 'play')
			{
				call = play( this, call );
			}

		});
	}







	//remove noscript
	$('container').removeClass('noscript');

	$('tabs').getElements('a').addEvent('click', function(e){

		e = new Event(e).stop();

		var activeTab = $('tabs').getElement('.active');
			activeTab.toggleClass('active');
			activeTab.toggleClass('hide');

		var lookFor = findPartner(activeTab.getElement('a'));
			$(lookFor).getParent().toggleClass('hide');

		var parentDiv = this.getParent();
		var lookFor = findPartner(this);
			$(lookFor).getParent().toggleClass('hide');
			parentDiv.toggleClass('hide');
			parentDiv.toggleClass('active');


		//##  change container ##//
		var content = $('textbg').getElement('.active');
			content.toggleClass('active');
			content.toggleClass('hide');

		var contClass = this.id.split('-');
		var contClass = contClass[0];
		//$('textbg').className = contClass;

		//ammends '-panel' to the end of the content panels (whin, sher, etc.)
		//then changes the state to hide/active base on which tab is clicked
		$(contClass+'-panel').toggleClass('hide');
		$(contClass+'-panel').toggleClass('active');


		//## change border colour to match tabs ##//
		var barClass = this.id.split('-');
		var barClass = barClass[0];
		$('tab-bottom-bar-pg2').className = barClass;

		if(barClass == 'xmass')
		{
			var color = '#0f1362';
		}
		if(barClass == 'whin')
		{
			var color = '#0465b3';
		}
		if(barClass == 'sher')
		{
			var color = '#1954a9';
		}
		if(barClass == 'elve')
		{
			var color = '#232789';
		}
		if(barClass == 'long')
		{
			var color = '#0d3680';
		}

		$('tab-bottom-bar-pg2').setStyle('background-color', color);

	});

	function findPartner(object) {
		var parentDiv = object.getParent();

		var ID = object.id;
		var ID = ID.split('-');

		if (ID[1] == 'off')
		{
			var endtext = '-on';
		}
		else
		{
			var endtext = '-off';
		}
		var lookFor = ID[0]+endtext;

		return lookFor;
	}
});

//function pause()

function pause( el, call )
{
	call = clearInterval(call);
	el.removeClass('pause');
	el.addClass('play');
	el.id = 'play';

	return call;
}

function play( el, call )
{
	call = setInterval('MoveSlide()', 3000);
	el.removeClass('play');
	el.addClass('pause');
	el.id = 'pause';

	return call;
}

function MoveSlide()
{
	var tween = new Fx.Tween($('slideshow-wrapper'));

	var activeImage = $('slideshow-wrapper').getElement('.inUse');

	if (activeImage.id != 4)
	{
		var moveMultiplyer = parseInt(activeImage.id) + 1;
		var moveAmount = -354 * moveMultiplyer;
		activeImage.removeClass('inUse');
		var i = activeImage.id;
		i ++;
		var nextActiveImage = $('slideshow-wrapper').getElementById(String(i));
		nextActiveImage.addClass('inUse');
		tween.start('left', moveAmount);
	}
	else
	{
		var moveAmount = 0;
		activeImage.removeClass('inUse');
		var nextActiveImage = $('slideshow-wrapper').getElementById(String(0));
		nextActiveImage.addClass('inUse');
		tween.start('left', moveAmount);
	}
}