jQuery.noConflict();

(function($) {
	var inFade = false;

	$(document).ready(function()
	{
		$('#arrow').click(function()
		{
			if (inFade == true)
			{
				return;
			}

			var toHeight = $('#screen ol li img').height() + $('#screen ol li h2').height() - 12 - 1; // 12 = padding and margins; 1 = mac ff fix

			if ($('#arrow img').attr('src') == '/img/screen/arrow-expanded.png')
			{
				$('#screen li').animate({
					height: toHeight
				}, 750);
				$('#arrow img').attr('src', '/img/screen/arrow-contracted.png');
			}
			else
			{
				$('#screen li').animate({
					height: '182px'
				}, 750);
				$('#arrow img').attr('src', '/img/screen/arrow-expanded.png');
			}
		});

		$('.callbtn').colorbox({width:'350px', height:'370px', href:'/tpl/call-now.tpl.php', iframe:true});
		
		//REMOVED SO IT AUTOSTARTS
		//$('#fader1').click(function()
		//{
			inFade = true;
			delay = 2000;
			darker = '#111111';
			lighter = '#2b2b2b';

			$('#fade2').animate({backgroundColor: lighter}, delay);

			$('#fader2').css({opacity: 0, zIndex: 100, display: 'block'}).animate({opacity: 1.0}, delay, function() {
				$('#fade2').delay(delay).animate({backgroundColor: darker}, delay);
				$('#fade3').delay(delay).animate({backgroundColor: lighter}, delay);

				$('#fader3').css({opacity: 0, zIndex: 200, display: 'block'}).delay(delay).animate({opacity: 1.0}, delay, function() {
					$('#fade3').delay(delay).animate({backgroundColor: darker}, delay);
					$('#fade4').delay(delay).animate({backgroundColor: lighter}, delay);

					$('#fader4').css({opacity: 0, zIndex: 300, display: 'block'}).delay(delay).animate({opacity: 1.0}, delay, function() {
						$('#fade4').delay(delay).animate({backgroundColor: darker}, delay);
						$('#fade5').delay(delay).animate({backgroundColor: lighter}, delay);

						$('#fader5').css({opacity: 0, zIndex: 400, display: 'block'}).delay(delay).animate({opacity: 1.0}, delay, function() {
							$('#fade5').delay(delay).animate({backgroundColor: darker}, delay);
							$('#fade6').delay(delay).animate({backgroundColor: lighter}, delay);

							$('#fader6').css({opacity: 0, zIndex: 500, display: 'block'}).delay(delay).animate({opacity: 1.0}, delay, function() {
								$('#fader1, #fader2, #fader3, #fader4, #fader5').css({opacity: 0, zIndex: 10, display: 'none'});
								$(this).css({zIndex: 10});
								inFade = false;
							});
						});
					});
				});
			});
		//});

		$('area.replay').click(function()
		{
			inFade = true;
			delay = 2000;
			darker = '#111111';
			lighter = '#2b2b2b';

			$('#fade2').animate({backgroundColor: lighter}, delay);

			$('#fader2').css({opacity: 0, zIndex: 100, display: 'block'}).animate({opacity: 1.0}, delay, function() {
				$('#fade2').delay(delay).animate({backgroundColor: darker}, delay);
				$('#fade3').delay(delay).animate({backgroundColor: lighter}, delay);

				$('#fader3').css({opacity: 0, zIndex: 200, display: 'block'}).delay(delay).animate({opacity: 1.0}, delay, function() {
					$('#fade3').delay(delay).animate({backgroundColor: darker}, delay);
					$('#fade4').delay(delay).animate({backgroundColor: lighter}, delay);

					$('#fader4').css({opacity: 0, zIndex: 300, display: 'block'}).delay(delay).animate({opacity: 1.0}, delay, function() {
						$('#fade4').delay(delay).animate({backgroundColor: darker}, delay);
						$('#fade5').delay(delay).animate({backgroundColor: lighter}, delay);

						$('#fader5').css({opacity: 0, zIndex: 400, display: 'block'}).delay(delay).animate({opacity: 1.0}, delay, function() {
							$('#fade5').delay(delay).animate({backgroundColor: darker}, delay);
							$('#fade6').delay(delay).animate({backgroundColor: lighter}, delay);

							$('#fader6').css({opacity: 0, zIndex: 500, display: 'block'}).delay(delay).animate({opacity: 1.0}, delay, function() {
								$('#fader1, #fader2, #fader3, #fader4, #fader5').css({opacity: 0, zIndex: 10, display: 'none'});
								$(this).css({zIndex: 10});
								inFade = false;
							});
						});
					});
				});
			});
		});

	});
})(jQuery);
