// JavaScript Document for Olay UK microsites.

jQuery.log = function(message) { if(window.console) { console.debug(message); } else { alert(message);}};

var initiatives = new Array();
var initiativeClasses = new Array();
var initiativeShow = new Array();
var prev;
var pUrl;
var next;
var nUrl;
var isPlaying = false;


function animateInitiatives() {

	var href = $(this).attr('href');
	
	
	
	$('#switchOver').fadeOut(1000, function() {

		$('#containerMain').removeClass();

		for (var i = 0; i < initiatives.length; i++) {

			
			
			if (href == initiatives[i]) {
				
				
				$('#containerMain').addClass(initiativeClasses[i]);
				$('.' + initiativeShow[i]).css('display', 'block');
				$('.' + initiativeShow[i]).find('div').css('display', 'block');

			} else {

				$('.' + initiativeShow[i]).css('display', 'none');
				$('.' + initiativeShow[i]).find('div').css('display', 'none');

			}

			if ($('a').hasClass('nextInitiative' + i)) {

				nUrl = initiatives[i];
				//console.log(nUrl);
			//console.log(href);
				if (i == initiatives.length -1) {

					next = 0;

				} else {

					next = i + 1;

				}

			}

			if ($('a').hasClass('prevInitiative' + i)) {

				pUrl = initiatives[i];
				if (i == 0) {

					prev = initiatives.length -1;

				} else {

					prev = i - 1;

				}

			}

		}

		$('#prevUrl').attr('href', pUrl);
		$('#prevUrl').removeClass().addClass('animation prevInitiative' + prev);
		$('#nextUrl').attr('href', nUrl);
		$('#nextUrl').removeClass().addClass('animation nextInitiative' + next);
		$('#switchOver').fadeIn(1000);

	});

	return false;

}

$(document).ready(function(){


	//$('.regeneristEyeDermaPodNew #containerAnimationLinks h4').css('color','#000');


	if ($('div').hasClass('bgTwiggy')) {

		initiatives = [
			"/home/twiggy/include_home_twiggy.php",
			"/home/regenerist/include_home_regenerist.php",
			"/home/clean/include_home_clean.php",
			"/home/luna/include_home_luna.php"
		];

		initiativeClasses = [
			"bgTwiggy",
			"bgRegenerist",
			"regeneristEyeDermaPodNew",
			"lunaClass"
		];

		initiativeShow = [
			"showTwiggy",
			"showRegenerist",
			"showDermaPodNew",
			"showLuna"

		];

	}

	if ($('div').hasClass('regeneristEyeDermaPodNew')) {

		initiatives = [
			"/home/twiggy/include_home_twiggy.php",
			"/home/regenerist/include_home_regenerist.php",
			"/home/clean/include_home_clean.php",
			"/home/luna/include_home_luna.php"
		];

		initiativeClasses = [
			"bgTwiggy",
			"bgRegenerist",
			"regeneristEyeDermaPodNew",
			"lunaClass"
		];

		initiativeShow = [
			"showTwiggy",
			"showRegenerist",
			"showDermaPodNew",
			"showLuna"

		];

	}


	if ($('div').hasClass('luna')) {

		initiatives = [
			"/home/luna/include_home_luna.php",
			"/home/twiggy/include_home_twiggy.php",			
			"/home/clean/include_home_clean.php",
			"/home/regenerist/include_home_regenerist.php"
			
		];

		initiativeClasses = [
			
			"lunaClass",
			"bgTwiggy",			
			"regeneristEyeDermaPodNew",
			"bgRegenerist"
		];

		initiativeShow = [
			
			"showLuna",
			"showTwiggy",			
			"showDermaPodNew",
			"showRegenerist"

		];

	}
	
	if ($('div').hasClass('bgRegenerist')) {

		initiatives = [			
			
			"/home/regenerist/include_home_regenerist.php",
			
			"/home/twiggy/include_home_twiggy.php",
			
			"/home/clean/include_home_clean.php",
			"/home/luna/include_home_luna.php",
		];

		initiativeClasses = [			
			
			"bgRegenerist",
			
			"bgTwiggy",
			"regeneristEyeDermaPodNew",
			"lunaClass",
		];

		initiativeShow = [			
			
			"showRegenerist",
			
			"showTwiggy",
			"showDermaPodNew",
			"showLuna",
		];

	}



	for (var i = 0; i < initiatives.length; i++) {

		$('.' + initiativeShow[i]).css('display', 'none');

		if ($('div').hasClass(initiativeClasses[i])) {

			$('.' + initiativeShow[i]).css('display', 'block');

		}

	}

	$('.animation').click(animateInitiatives);

});