/*
function colorNyromodal(name){
	var color = " ";
	switch(name)
	{
	case "age" :
		color = '#E4D0D3';
		break;
	case "corps" :
		color = '#FDEBD9';
		break;
	case "cheveux" :
		color = '#FFD7E7';
		break;
	case "spa" :
		color = '#D4E5D7';
		break;	
	case "hydratante" :
		color = '#e9e7da';
		break;
	//Default
	default : 
		color = '#E0E4D0';
		break;
	}
	return color;
}
//*/
function colorTemplate(name){
	var color = " ";
	switch(name)
	{
	case "age" :
		color = '#E4D0D3';
		break;
	case "corps" :
		color = '#FDEBD9';
		break;
	case "cheveux" :
		color = '#FFD7E7';
		break;
	case "spa" :
		color = '#D4E5D7';
		break;	
	case "hydratante" :
		color = '#e9e7da';
		break;
	//Default
	default : 
		color = '#E0E4D0';
		break;
	}
	return color;
}

function loadRollhover(name){
	var Rightsize = ' ';
	var time = ' ';
	var isforme = false; // se declenche que si la page est concernée par un rollhover sinon pose pbe sur IE
	switch(name)
	{
		case "age" :
			time = 2500;
			Rightsize = 580;
			$("#rollhoverActive").css('width', '153px');
			isforme = true
		break;
		case "corps" :
			time = 3000;
			Rightsize = 270;
			$("#rollhoverActive").css('width', '130px');
			isforme = true
		break;
		case "cheveux" :
			time = 2500;
			Rightsize = 108;
			$("#rollhoverActive").css('width', '150px');
			isforme = true
		break;
		case "hydratante" :
			time = 2000;
			Rightsize = 408;
			$("#rollhoverActive").css('width', '150px');
			isforme = true
		break;
		case "spa" :
			time = 2000;
			Rightsize = 6;
			$("#rollhoverActive").css('width', '95px');
			isforme = true
		break;	
		default : 
			break;
	}
		if (isforme == true){
			//Fond d'écran des div
			$("#rollhoverLeft").css('background', 'url("img/'+name+'/rollhoverLeft.png") transparent top left no-repeat');
			$("#rollhoverActive").css('background', 'url("img/'+name+'/rollhoverActive.png") transparent top left no-repeat');
			$("#rollhoverRight").css('background', 'url("img/'+name+'/rollhoverRight.png") transparent top left no-repeat');
			//Animation des rollhover
			
			// Modification des animation opacity en hide ou show car IE gère mal les modification d'opacity sur les png24.
			/*
				$("#rollhoverLeft").animate({right:'0', opacity: 'hide'}, time);
				$("#rollhoverActive").animate({right: Rightsize + 'px', opacity: 'show'}, time);
				$("#rollhoverRight").animate({right:'900', opacity: 'hide'}, time);
			//*/
			$("#rollhoverLeft").animate({right:'0'}, time, function(){$("#rollhoverLeft").hide()});
			$("#rollhoverActive").show();
			$("#rollhoverActive").animate({right: Rightsize + 'px'}, time);
			$("#rollhoverRight").animate({right:'900'}, time, function(){$("#rollhoverRight").hide()});
		}
			
	return;	
}

function loadAnimation(name){
	var myheight = ' ';
	var mymargintop = ' ';
	var mywidth = ' ';
	var mytime = ' ';
	
	switch(name)
	{
		case "accueil" :
				myheight = '434';
				mymargintop = '-380';
				mywidth = '335';
			break;
		case "histoire" :
				myheight = '446';
				mymargintop = '-360';
				mywidth = '335';	
			break;
		case "innovation" :
				myheight = '453';
				mymargintop = '-330';
				mywidth = '294';
			break;
		case "vip" :
				myheight = '384';
				mymargintop = '-320';
				mywidth = '337';
			break;
		//*
		//*
		case "age" :
				myheight = '332';
				mymargintop = '-300';
				mywidth = '298';
			break;			
		//*/	
		
		case "corps" :
				myheight = '377';
				mymargintop = '-270';
				mywidth = '286';
			break;		
		case "cheveux" :
				myheight = '286';
				mymargintop = '-260';
				mywidth = '295';
			break;		
		case "spa" :
				myheight = "377";
				mymargintop = "-280";
				mywidth = '296';
			break;
		case "hydratante" :
				myheight = '377';
				mymargintop = '-300';
				mywidth = '255';
			break;
		case "mentions" :
				myheight = '327';
				mymargintop = '-200';
				mywidth = '330';
			break;
		case "contact" :
				myheight = '338';
				mymargintop = '-250';
				mywidth = '444';
			break;
		//Default
		default : 
			break;
	}
		$("#animation").css('height', myheight + 'px');
		$("#animation").css('margin-top', mymargintop + 'px');
		$("#animation").animate({width: mywidth + 'px'}, 1500);
	return;	
}

function loadTemplate(name){
	var color = colorTemplate(name);
	$('#' + name).css('background' , color);
	$('#header').css('background', 'url("img/'+name+'/header.jpg") ' + color + ' top left no-repeat'); //header
}

function addToFavoris(page) {
	if ( navigator.appName != 'Microsoft Internet Explorer' )
	{ 
		window.sidebar.addPanel("Alexis Cosmetic","http://www.alexis-cosmetic.fr/" + page,""); 
	}else
	{ 
		window.external.AddFavorite("http://www.alexis-cosmetic.fr","Alexis Cosmetic"); 
	} 
}
	
function onReady(){
	$("#left .active").attr('src', 'img/'+ $("#left .active").attr('id') +'_active.png');
	
	$("#left li").hover( function(){
		if ($(this).children('a').children('img').hasClass('active')){}else{$(this).children('a').children('img').attr('src', 'img/'+ $(this).children('a').children('img').attr('id') +'_active.png');}
	});
	$("#left li").mouseout( function(){
		if ($(this).children('a').children('img').hasClass('active')){}else{$(this).children('a').children('img').attr('src', 'img/'+ $(this).children('a').children('img').attr('id') +'.png');}
	});
	
	//Hover sur le menu
	//Si l'image à la classe "active" on ne fait rien. sinon on récupere l'id du href parent et on change la source de l'image en ajoutant _active.png
	$('#top-menu img').hover( function() {
		if ($(this).hasClass('active')){}else{$(this).attr('src', 'img/'+ $(this).parent('a').attr('id') +'_active.png');}
	});
	$('#top-menu img').mouseout( function() {
		if ($(this).hasClass('active')){}else{$(this).attr('src', 'img/'+ $(this).parent('a').attr('id') +'.png');}
	});
	
	
	//Hover sur le sous-menu
	//Si l'image à la classe "active" on ne fait rien. sinon on récupere l'id du href parent et on change la source de l'image en ajoutant _active.png
	$('#sous-menu img').hover( function() {
		if ($(this).hasClass('active')){}else{$(this).attr('src', 'img/'+ $(this).parent('a').attr('id') +'_active.png');}
	});
	$('#sous-menu img').mouseout( function() {
		if ($(this).hasClass('active')){}else{$(this).attr('src', 'img/'+ $(this).parent('a').attr('id') +'.png');}
	});
	
	
	var menu = $("#MenuName").val();
	$("#"+menu).children('img').attr('src', 'img/'+menu+'_active.png');
	$("#"+menu).children('img').addClass('active');
	
	$(".addToFavorite").click( function(){
		addToFavoris($("#pageName").val());
	});
	
	var name = $('body').attr('id');

	$('.popup').nyroModal({
		bgColor: colorTemplate(name),
		galleryLinks: '<a href="#" class="nyroModalPrev">Prev</a><a href="#" class="nyroModalNext">Next</a>',
		addImageDivTitle: false,
		closeButton: '<a href="#" class="nyroModalClose" id="closeBut" title="fermer">Fermer</a>'
	});
	
	$('#preload').hide();
	
	// stop et play de la musique
	$('.play').click( function(){
			parent.sound.startPlayer();
		});
	$('.stop').click( function(){
			parent.sound.stopPlayer();
		});
		
	$('#left a').click(function(){
			parent.sound.stopPlayer();
	});
	loadTemplate(name, loadRollhover(name, loadAnimation(name)))
};