// JavaScript Document

window.addEvent('domready', function(){
									 

	if($('homePic-01'))
	{
		$('homePicColour-01').setStyle('opacity',0);
		$('homePicColour-02').setStyle('opacity',0);
		$('homePicColour-03').setStyle('opacity',0);
		$('homePicColour-04').setStyle('opacity',0);
		
		$('video').setStyle('opacity', 0);
		$('videoOverlay').setStyle('opacity', 0);
		$('videoOverlay').addEvent('click', function(){
			$('video').setStyle('display','none');
			$('videoOverlay').setStyle('display','none');
		});
		$('closeVideo').addEvent('click', function(){
			$('video').setStyle('display','none');
			$('videoOverlay').setStyle('display','none');
		});
		var firstTime = false;
		
		// FIRST ONE
		var picFade = new Fx.Tween($('homePicColour-01'), {duration: 300, transition: Fx.Transitions.Sine.easeInOut});		
		$('homeFourPic-01').addEvents({
			
			'mouseover': function(){
				picFade.cancel();
				picFade.start('opacity', 1);
			},
			'mouseleave': function(){
				picFade.cancel();
				picFade.start('opacity', 0);
			}
		});
		
		// SECOND ONE
		var picFade2 = new Fx.Tween($('homePicColour-02'), {duration: 300, transition: Fx.Transitions.Sine.easeInOut});		
		$('homeFourPic-02').addEvents({
			
			'mouseover': function(){
				picFade2.cancel();
				picFade2.start('opacity', 1);
			},
			'mouseleave': function(){
				picFade2.cancel();
				picFade2.start('opacity', 0);
			}
		});
		
		// THIRD ONE
		var picFade3 = new Fx.Tween($('homePicColour-03'), {duration: 300, transition: Fx.Transitions.Sine.easeInOut});		
		$('homeFourPic-03').addEvents({
			
			'mouseover': function(){
				picFade3.cancel();
				picFade3.start('opacity', 1);
			},
			'mouseleave': function(){
				picFade3.cancel();
				picFade3.start('opacity', 0);
			},
			'click': function(){
				
				
				$('video').setStyle('display','block');
				$('videoOverlay').setStyle('display','block');
				$('video').setStyle('opacity','1');
				$('videoOverlay').setStyle('opacity','1');
				
				var win = window.getCoordinates();
				var dia = $('video').getCoordinates();
				$('video').setStyles({
					'left':(win.width/2) - (dia.width/2),
					'top':(win.height/2) - (dia.height/2)
				});
			}
		});
		
		// FOURTH ONE
		var picFade4 = new Fx.Tween($('homePicColour-04'), {duration: 300, transition: Fx.Transitions.Sine.easeInOut});		
		$('homeFourPic-04').addEvents({
			
			'mouseover': function(){
				picFade4.cancel();
				picFade4.start('opacity', 1);
			},
			'mouseleave': function(){
				picFade4.cancel();
				picFade4.start('opacity', 0);
			}
		});
	
	
		var slides = $$('#bannerList li');
		var fade = new Fx.Elements(slides, {wait: false, duration: 4000, transition: Fx.Transitions.Cubic.easeOut});
		var totalSlides = 0;
		var currentSlide = -1;
		
		slides.each(function(slide, i)
		{
			if(i)
			{
				slide.setStyle('opacity', 0);
				$('slide-0'+(i + 1)+'b').setStyle('opacity', 0);
			}
			
			totalSlides++;
		});
		
		$$('.bannerTop').setStyle('opacity','0');
		var fadeInSlide = function()
		{
			currentSlide++;
			if(currentSlide >= totalSlides)
			{
				currentSlide = 0;
			}
			
			var effects = {};
			slides.each(function(slide, i){
				if(currentSlide == i){
					effects[i] = {'opacity': [1]};
				}else{
					effects[i] = {'opacity': [0]};
				}
			});
			
			var textDelay = firstTime ? 1000 : 1000;
			//var t = setTimeout('fadeInSlideInside("'+currentSlide+'");', textDelay);
			var t = setTimeout('changeBannerText("'+currentSlide+'");', textDelay);
			fade.start(effects);
			firstTime = true;
		}
	
		var timer = fadeInSlide.periodical(6000);
		fadeInSlide();
	}
	
});
	
	
function changeBannerText(number)
{
	$('bannerTop'+number).fade(1); //.className = 'bannerText'+number;
	
	if(number == 0)
	{
		var previous = 2;
	}else{
		var previous = (number - 1);
	}
	
	$('bannerTop'+previous).fade(0);
}

		
function fadeInSlideInside(slideNumber)
{
	slideNumber ++;
	
	var start = 0;
	var end = 0;
	var top = 0;
	switch(slideNumber)
	{
		case 1:
			start = -20;
			end = 20;
			top = 200;
			break;
		case 2:
			start = -20;
			end = 20;
			top = 200;
			break;
		case 3:
			start = -20;
			end = 20;
			top = 200;
			break;
		case 4:
			start = 280;
			end = 330;
			top = 250;
			break;
		default:
			start = 0;
			end = 50;
			break;
	}
	
	var effect = new Fx.Morph($('slide-0'+slideNumber+'b'), {duration: 500, transition: Fx.Transitions.Sine.easeOut});		
	effect.start({
		'opacity': [0,1],
		'background-position': [start+' '+top+'px', end+' '+top+'px']
	});
	//$('slide-0'+slideNumber+'b').fade(0,1);
	var t = setTimeout('fadeOutSlideInside("'+slideNumber+'");', 3000);
}

		
function fadeOutSlideInside(slideNumber)
{
	var start = 0;
	var end = 0;
	var top = 0;
	switch(parseInt(slideNumber))
	{
		case 1:
			start = 20;
			end = -20;
			top = 200;
			break;
		case 2:
			start = 20;
			end = -20;
			top = 200;
			break;
		case 3:
			start = 20;
			end = -20;
			top = 200;
			break;
		case 4:
			start = 330;
			end = 280;
			top = 250;
			break;
		default:
			start = 50;
			end = 0;
			break;
	}
	
	var effect = new Fx.Morph($('slide-0'+slideNumber+'b'), {duration: 500, transition: Fx.Transitions.Sine.easeIn});		
	effect.start({
		'opacity': [1,0],
		'background-position': [start+' '+top+'px', end+' '+top+'px']
	});
}