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 = 401;
				activeImage.removeClass('inUse');
				var v = activeImage.id;
				v --;
				
				if(activeImage.id == 0)
				{
					v = 4;
					moveAmount = -401 * 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 = -401 * 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 = '#841a84';
		}
		if(barClass == 'sher')
		{
			var color = '#78005e';
		}
		if(barClass == 'elve')
		{
			var color = '#212688';
		}
		if(barClass == 'long')
		{
			var color = '#504577';
		}
		
		$('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 = -401 * 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);	
	}
}