//Blog Autoslide 
var BlogSliderTimer;
var SliderAutostartTimer;
//Define slider vars
var SlideInAction = 0;
var slider_imgs_cnt = 0;
var Slider_Timer;
var Slider_AutostartTimer;
var FadeInAction = 0;
var expanderHeight = 180;
var SliderCurrentPage = 0;
var SliderMaxPage = 0;
var BlogImagePosition = 0;

window.addEvent('domready', function()
{
    new FormCheck('form1');
	var objSubNavs = $$("#navigation .strecher");
	var objSubNavs2 = $$("#navigation .strecher ul");
	var counter = 0;

	//create our Accordion instance
	var myAccordion = new Accordion(objSubNavs, objSubNavs2, {
		opacity: false,
		display: GetDefaultAccordianStatus(),
		onActive: function(toggler, element)
		{
			toggler.set('tween', { duration: 1000 }).tween('color', '#C90087');
		},
		onBackground: function(toggler, element)
		{
			toggler.setStyle('color', '#00ABEB');
		}
	});

	//
	if ($('TagExpander'))
	{
		$('TagExpander').addEvent('click', function()
		{
			var Fxblogtags = new Fx.Tween($('HiddenTags'));
			//alert($('HiddenTags').getStyle('height'));
			if ($('HiddenTags').getStyle('height') == '0')
			{
				//Expand
				$('TagExpander').setStyle('background-position', '-12px 0px');
				Fxblogtags.start('height', '100');
			}
			else
			{
				//Contract
				$('TagExpander').setStyle('background-position', '0px 0px');
				Fxblogtags.start('height', '100');
			}
		});
	}

  //Google Chrome hates this effect, poohey!
	if (Browser.Engine.name != "webkit")
	{
  scrollovers_Init();
  }

	objSubNavs.each(function(objSubNav, i)
	{
		objSubNav.objRoller = scrollovers_headings[counter];

		counter++;

		objSubNav.addEvent("mouseenter", function(event)
		{
			this.objRoller.elementObject.MouseIsOver = true;
			setTimeout('scrollovers_RollDown(\'' + this.objRoller.elementObject.Id + '\')', 100);
			//myAccordion.display(i);
		});

		objSubNav.addEvent("click", function(event)
		{
			myAccordion.display(i);
		});

		objSubNav.addEvent("mouseleave", function(event)
		{
			this.objRoller.elementObject.MouseIsOver = false;
			setTimeout('scrollovers_RollUp(\'' + this.objRoller.elementObject.Id + '\')', 100);
			//myAccordion.display(GetDefaultAccordianStatus());
			//myAccordion.display(-1);		
		});
	});

	//Fade in content DIV's

	if ($('right-col-holder') != null)
	{
		var FxrightColHolder = new Fx.Tween('right-col-holder', { duration: 'long' });
		FxrightColHolder.start('opacity', '0', '1');
	}

	if ($('center-col-holder') != null)
	{
		var FxcenterColHolder = new Fx.Tween('center-col-holder');
		FxcenterColHolder.start('opacity', '0', '1');
	}

	//Add click event to footer expander
	if ($chk($('footerExpander')))
	{
		$('footerExpander').addEvent('click', function()
		{
			var expandElement = $('FooterLinks');
			var expandedValue = '180px';
			var FxFooterTween = new Fx.Tween(expandElement, { duration: 'long', transition: Fx.Transitions.Sine.easeInOut });
			var FxFooterContent = new Fx.Tween($('footerContent'), { duration: 'long', transition: Fx.Transitions.Sine.easeInOut });
			var FxPush = new Fx.Tween($('push'), { duration: 'long', transition: Fx.Transitions.Sine.easeInOut });
			var FxWrapper = new Fx.Tween($('wrapper'), { duration: 'long', transition: Fx.Transitions.Sine.easeInOut });
			var FxfooterExpander = new Fx.Tween($('footerExpander'), { duration: 'long', transition: Fx.Transitions.Sine.easeInOut });
			var Fxfooter = new Fx.Tween($('footer'), { duration: 'long', transition: Fx.Transitions.Sine.easeInOut });

			//alert(expandElement.getStyle('height'));
			if (expandElement.getStyle('height') != expandedValue)
			{
				FxfooterExpander.start('top', -(expanderHeight + 12) + 'px');
				FxPush.start('height', (expanderHeight + 37) + 'px');
				FxWrapper.start('margin-bottom', + -(expanderHeight + 37) + 'px');
				FxFooterTween.start('height', expanderHeight + 'px');
				$('footerExpander').setStyle('background-image', 'url(/resources/images/footerContract.png)');
			}
			else
			{
				FxfooterExpander.start('top', '-12px');
				//FxFooterContent.start('height', '0px');
				FxPush.start('height', '37px');
				FxWrapper.start('margin-bottom', '-37px');
				FxFooterTween.start('height', '0px');
				$('footerExpander').setStyle('background-image', 'url(/resources/images/footerExpander.png)');
			}
		});
	}

	//Initiate the slider

	if ($('sliderSpacer') != null)
	{
		$('sliderSpacer').setStyle('height', 230);
	}

	//Check for content int the content mover div, and if it exists, copy hte content to the bodyContent DIV
	if ($('contentMover') != null && $('bodyContent') != null)
	{
		$('contentMover').inject($('bodyContent'), 'top');
	}

	
});



function IsEmail(str)
{
	var pattern = /^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
	return pattern.test(str);
}

/*function IsNumber(str) {
    var number = /^[0-9]+$/;
    return number.test(str);
}*/


function GetDefaultAccordianStatus()
{
	var Istatus = -1;

	// Made expanded selection
	var URL = location.href;
	URL = URL.toLowerCase();


	URL = URL.replace("http://localhost:2259/", "");
	URL = URL.replace("http://www.wearealight.com/", "");
	URL = URL.replace("http://www.wearealight.co.uk/", "");

	switch (URL)
	{
		case "":
			var strID = 'linkHello';
			$(strID).setStyle('color', '#00ABEB');
			Istatus = -1;
			break;
		case "brand-identity/":
			var strID = 'linkShowcaseBrand';
			$(strID).getFirst().setStyle('color', '#00ABEB')
			$(strID).getFirst().setStyle('font-weight', 'bold')
			Istatus = 0;
			break;
		case "graphic-design-for-print/":
			var strID = 'linkShowcasegraphics';
			$(strID).getFirst().setStyle('color', '#00ABEB')
			$(strID).getFirst().setStyle('font-weight', 'bold')
			Istatus = 0;
			break;
		case "web-design-web-development-showcase/":
			var strID = 'linkShowcaseDev';
			$(strID).getFirst().setStyle('color', '#00ABEB')
			$(strID).getFirst().setStyle('font-weight', 'bold')
			Istatus = 0;
			break;
		case "creative-process-strategy/":
			var strID = 'linkExpertiseStratergy';
			$(strID).getFirst().setStyle('color', '#00ABEB')
			$(strID).getFirst().setStyle('font-weight', 'bold')
			Istatus = 1;
			break;
		case "brand-identity-expertise/":
			var strID = 'linkExpertiseBrand';
			$(strID).getFirst().setStyle('color', '#00ABEB')
			$(strID).getFirst().setStyle('font-weight', 'bold')
			Istatus = 1;
			break;
		case "graphic-design/":
			var strID = 'linkExpertiseGraphic';
			$(strID).getFirst().setStyle('color', '#00ABEB')
			$(strID).getFirst().setStyle('font-weight', 'bold')
			Istatus = 1;
			break;
		case "award-winning-web-design/":
			var strID = 'linkExpertiseWeb';
			$(strID).getFirst().setStyle('color', '#00ABEB')
			$(strID).getFirst().setStyle('font-weight', 'bold')
			Istatus = 1;
			break;
		case "software-and-web-development/":
			var strID = 'linkExpertiseDev';
			$(strID).getFirst().setStyle('color', '#00ABEB')
			$(strID).getFirst().setStyle('font-weight', 'bold')
			Istatus = 1;
			break;
		case "internet-marketing/":
			var strID = 'linkExpertiseSEO';
			$(strID).getFirst().setStyle('color', '#00ABEB')
			$(strID).getFirst().setStyle('font-weight', 'bold')
			Istatus = 1;
			break;
		case "about-alight-design-agency/":
			var strID = 'linkAgencyAbout';
			$(strID).getFirst().setStyle('color', '#00ABEB')
			$(strID).getFirst().setStyle('font-weight', 'bold')
			Istatus = 2;
			break;
		case "client-testimonials/":
			var strID = 'linkAgencyTest';
			$(strID).getFirst().setStyle('color', '#00ABEB')
			$(strID).getFirst().setStyle('font-weight', 'bold')
			Istatus = 2;
			break;
		case "sweet-jobs/":
			var strID = 'linkAgencyCareers';
			$(strID).getFirst().setStyle('color', '#00ABEB')
			$(strID).getFirst().setStyle('font-weight', 'bold')
			Istatus = 2;
			break;
		case "blog/":
			var strID = 'linkBlog';
			$(strID).getFirst().setStyle('color', '#00ABEB')
			$(strID).getFirst().setStyle('font-weight', 'bold')
			Istatus = 3;
			break;
		case "contact/":
			//alert('');
			var strID = 'linkContact';
			$(strID).setStyle('color', '#00ABEB');
			Istatus = -1;
			break;
		case "alight-clients/":
			// nothing to do
			var strID = 'linkClients';
			$(strID).setStyle('color', '#00ABEB');
			Istatus = -1;
			break;
		default:
			Istatus = -1;
			break;
	}

	if (URL.indexOf("blog") == 0)
	{
		var strID = 'linkBlog';
		$(strID).getFirst().setStyle('color', '#00ABEB')
		$(strID).getFirst().setStyle('font-weight', 'bold')
		Istatus = 3;
	}

	if (URL.indexOf("alight-clients") == 0)
	{
		var strID = 'linkClients';
		$(strID).setStyle('color', '#00ABEB');
		Istatus = -1;
	}

	//alert(URL);

	return Istatus;
}

var SlideInAction = 0;
var slider_imgs_cnt = 0;
var Slider_Timer;
var Slider_AutostartTimer;

function toggleSidebar()
{
	var Effect1 = new Fx.Morph('postWindow', { duration: 500, transition: Fx.Transitions.Sine.easeOut });
	// var Effect2 = new Fx.Morph('leftcol', {duration: 500, transition: Fx.Transitions.Sine.easeOut});
	var Effect2 = new Fx.Morph('navigation-holder', { duration: 500, transition: Fx.Transitions.Sine.easeOut });

	// var Effect3 = new Fx.Morph('rightcol', {duration: 500, transition: Fx.Transitions.Sine.easeOut});
	var Effect3 = new Fx.Morph('right-col-holder', { duration: 500, transition: Fx.Transitions.Sine.easeOut });
	var Effect4 = new Fx.Morph($$('div.shadow-sidebar').pop(), { duration: 500, transition: Fx.Transitions.Sine.easeOut });
	if (SlideInAction == 1) { setTimeout('toggleSidebar', 500); return false; }
	$('postWindow').setStyle('display', 'none');
	$('sidebar-open-close').setStyle('visibility', 'hidden');

	if ($('sidebar-open-close').hasClass('close'))
	{
		$('sidebar-open-close').className = 'open';
		$('sidebar-open-close').setProperty('html', 'open');
		//$('leftcol').setStyle('width', 263);
		$('navigation-holder').setStyle('width', 263);
		$('postWindow').setStyle('margin-left', -189);
		SlideInAction = 1;
		Effect3.start({ 'margin-left': [452, 263] });

		Effect4.addEvent('complete', function()
		{
			$('sidebar-open-close').setStyle('visibility', 'visible');
			$('postWindow').setStyle('display', '');
			SlideInAction = 0;
		});
		Effect4.start({ 'left': [215, 30] });

	} else
	{
		SlideInAction = 1;
		$('sidebar-open-close').className = 'close';
		$('sidebar-open-close').setProperty('html', 'close');

		Effect1.start({
			'margin-left': [-189, 0]
		});
		Effect2.start({
			'width': [263, 452]
		});
		Effect3.start({
			'margin-left': [263, 452]
		});
		Effect4.start({
			'left': [263, 452]
		});


		Effect4.addEvent('complete', function()
		{
			$('rightcol').setStyle('margin-left', 452);
			$('leftcol').setStyle('width', 452);
			$('postWindow').setStyle('margin-left', 0);
			$$('div.shadow-sidebar').pop().setStyle('left', 452);
			$('sidebar-open-close').setStyle('visibility', 'visible');
			$('postWindow').setStyle('display', '');
			SlideInAction = 0;
		});
	}
}


function initSlider()
{
	if ($('sliderSpacer'))
	{
		$('sliderSpacer').setStyle("height", 230);
	}

	var li_str = '';
	$$('#slider div').each(function(i, n)
	{
		if (n == 0)
		{
			i.className = 'center';
			i.style.left = '50px';
		}
		if (n == 1)
		{
			i.className = 'next';
			i.style.right = '-544px';
		}
		li_str += '<li ' + ((n == 0) ? ' class="active"' : '') + '><span onclick="showSlideManually(' + n + ')">' + (n + 1) + '</span></li>';
		img = i.getChildren('img');
		img.addEvent('click', function() { showSlideManually(n); });
		img.addEvent('mouseover', function() { pullSlideUp(i) });
		img.addEvent('mouseout', function() { pullSlideDown(i) });
		slider_imgs_cnt++;
	});

	$('slider_pager').set('html', '<ul>' + li_str + '</ul>');
	Slider_Timer = AutoSlide.periodical(10000);
}


function AutoSlide()
{
	if (SlideInAction == 0)
	{
		$$('#slider_pager li').each(function(li, n)
		{
			if (li.className == "active") { old_slide = n };
		});
		num = old_slide + 1;
		if (num == slider_imgs_cnt) num = 0;
		showSlide(num);
	}
}

function showSlideManually(num)
{
	showSlide(num);
	Slider_AutostartTimer = $clear(Slider_AutostartTimer);
	Slider_Timer = $clear(Slider_Timer);
	var restart_AutoSlide = function()
	{
		Slider_Timer = AutoSlide.periodical(10000);
	};
	Slider_AutostartTimer = restart_AutoSlide.delay(120000);
}

var first_slide = 0;
var last_slide = 0;
var global_duration = 0;

function showSlide(num)
{
	//Num is the index of the item that has been requested as center by a click
	if (SlideInAction == 0)
	{
		var SliderDirection = 'right';
		var duration_var = (!global_duration) ? 500 : global_duration;
		var slides = $$('#slider div');
		$$('#slider_pager li').each(function(li, n)
		{
			if (li.className == "active") old_slide = n;
		});

		if (old_slide == num)
		{
			//alert("clicked");
			//alert($(slides[num]).getCoordinates($('slider')).right);
			return false;
		}

		//Determin direction
		SliderDirection = (old_slide > num) ? 'right' : 'left';
		var diff = Math.abs(old_slide - num);

		if (diff == 1)
		{
			//alert("left2");
			$$('#slider_pager li').each(function(li, n) { li.className = ''; });
			$$('#slider_pager li')[num].className = "active";

			if (SliderDirection == 'left')
			{		//image slides to the left 		
				if (slides[num - 1])
					var SlideCenter = new Fx.Morph(slides[num - 1], { duration: duration_var, transition: Fx.Transitions.Sine.easeInOut });
				var SlideNext = new Fx.Morph(slides[num], { duration: duration_var, transition: Fx.Transitions.Sine.easeInOut });

				SlideInAction = 1;

				//Animate image in the centre to the left 
				if (slides[num - 1])
				{
					//alert("sfdgfsdg");
					slides[num - 1].style.right = '';
					SlideCenter.start({ 'left': [-544] });
				}

				//slides[num].style.right = '';


				//Animates the right most image to the center 					
				slNext_left_position = $(slides[num]).getCoordinates().left;

				//alert(slNext_left_position);
				SlideNext.start({ 'left': [50] });

				SlideCenter.addEvent('complete', function()
				{
					slides.each(function(div) { div.className = ''; });
					if (slides[num - 1])
						slides[num - 1].className = 'prev';
					slides[num].className = 'center';
					if (slides[num + 1])
					{
						slides[num + 1].className = 'next';
						slides[num + 1].style.left = '';
						slides[num + 1].style.right = '-544px';
					}
					SlideInAction = 0;

					if (global_duration)
					{
						next = num + 1;
						showSlide(next); //if diff > 1
					}
				});
			}
			else
			{
				//---------- image slides to the RIGHT ----------------
				//If there is another slide after the current focused one
				if (slides[num + 1])
					var SlideCenter = new Fx.Morph(slides[num + 1], { duration: duration_var, transition: Fx.Transitions.Sine.easeOut });
				var SlidePrev = new Fx.Morph(slides[num], { duration: duration_var, transition: Fx.Transitions.Sine.easeOut });

				SlideInAction = 1;
				slides[num].className = 'center';
				//Animate right image into centre position
				if (slides[num + 1])
				{
					slCenter_right_position = $(slides[num]).getCoordinates($('slider')).right
					slides[num + 1].style.left = '';
					slides[num + 1].style.right = slCenter_right_position;

					//alert("xx");
					slCenter_left_position = $(slides[num + 1]).getCoordinates().left;
					//alert(slCenter_right_position); 

					//alert("xx");
					SlideCenter.start({  //start center to next
						'right': [slCenter_right_position, -544]
					});
				}

				//Animate image to slide in from left into view
				slides[num].style.right = '';
				SlidePrev.start({ 'left': [-580, 40] });

				//clear class of next slidein if exists 		
				if (slides[num + 2]) slides[num + 2].className = '';

				//Add classes 
				SlidePrev.addEvent('complete', function()
				{
					slides.each(function(div) { div.className = ''; });
					if (slides[num - 1])
					{
						slides[num - 1].className = 'prev';
						//slides[num-1].style.left = '-584px';
					}
					slides[num].className = 'center';
					if (slides[num + 1])
						slides[num + 1].className = 'next';

					SlideInAction = 0;
					if (global_duration)
					{
						next = num - 1;
						showSlide(next);
					}
				});
			}

			//End of left right selection

			if (num == last_slide)
			{
				global_duration = 0;
				first_slide = 0;
				last_slide = 0;
			}
		}
		//diff > 1 
		else
		{
			if (SliderDirection == 'left')
			{
				next = old_slide + 1;
			} else
			{
				next = old_slide - 1;
			}
			last_slide = num;
			first_slide = next;
			global_duration = 500 / diff;
			showSlide(next);
		}
	}
}


function pullSlideUp(obj)
{
	if (SlideInAction == 0)
	{
		if (obj.hasClass('center'))
			return false;

		SlideInAction = 1;
		if (obj.hasClass('prev'))
			direction = 'left';
		if (obj.hasClass('next'))
			direction = 'right';

		var SlideCenter = new Fx.Morph($$('#slider div.center')[0], { duration: 150, transition: Fx.Transitions.Sine.easeOut });
		var start_pos = 50;
		var end_pos = (direction == 'left') ? 45 : 55;
		SlideCenter.start({  //start next to center
			'left': [start_pos, end_pos]
		});
		SlideCenter.addEvent('complete', function() { SlideInAction = 0; });
	}
}

function pullSlideDown(obj)
{
	if (SlideInAction == 0)
	{
		if (obj.hasClass('center'))
			return false;

		SlideInAction = 1;
		if (obj.hasClass('prev'))
			direction = 'left';
		if (obj.hasClass('next'))
			direction = 'right';

		var SlideCenter = new Fx.Morph($$('#slider div.center')[0], { duration: 150, transition: Fx.Transitions.Sine.easeOut });
		var start_pos = (direction == 'left') ? 45 : 55;
		var end_pos = 50;
		SlideCenter.start({  //start next to center
			'left': [start_pos, end_pos]
		});
		SlideCenter.addEvent('complete', function() { SlideInAction = 0; });
	}
}