// JavaScript Document for Olay UK microsites.

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

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');
				
			} else {
				
				$('.' + initiativeShow[i]).css('display', 'none');
				
			}
			
			if ($('a').hasClass('nextInitiative' + i)) {
				
				nUrl = initiatives[i];
				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(){
													 
	if ($('div').hasClass('bgHomepage')) {
		
		initiatives = [
			"/definity-eye-illuminator/index.php",
			"/totaleffects/index.php",
			"/index-regenerist-eye-derma-pod.php"
		];
		
		initiativeClasses = [
			"bgHomepage",
			"totalEffects",
			"regeneristEyeDermaPodNew"
		];
		
		initiativeShow = [
			"showDefinity",
			"showTotalEffects",
			"showDermaPodNew"
		];
	
	}
	
	if ($('div').hasClass('totalEffects')) {
		
		initiatives = [
			"/definity-eye-illuminator/index.php",
			"/totaleffects/index.php",
			"/index-regenerist-eye-derma-pod.php"
		];
		
		initiativeClasses = [
			"bgHomepage",
			"totalEffects",
			"regeneristEyeDermaPodNew"
		];
		
		initiativeShow = [
			"showDefinity",
			"showTotalEffects",
			"showDermaPodNew"
		];
		
	}
	
		if ($('div').hasClass('regeneristEyeDermaPodNew')) {
		
		initiatives = [
			"/definity-eye-illuminator/index.php",
			"/totaleffects/index.php",
			"/index-regenerist-eye-derma-pod.php"
		];
		
		initiativeClasses = [
			"bgHomepage",
			"totalEffects",
			"regeneristEyeDermaPodNew"
		];
		
		initiativeShow = [
			"showDefinity",
			"showTotalEffects",
			"showDermaPodNew"
		];
		
	}
	
	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);
	
});