// ******************************************************* //
// Fonction qui pourra être appelée pour recharger le fond //
// ******************************************************* //
function maj_bg(){

	// Détection d'IE 6
	var is_ie6 = navigator.userAgent.toLowerCase().indexOf('msie 6.0') > -1;
	
	//Resize du background
	var $winheight = $(window).height();
	$("img.source-image").attr({ height: $winheight });
	
	if (is_ie6)
	{
		$('#global').css({'width': 575});
	}
	else
	{
		$('#global').css({'width':'50%'});
		var largeur_global = $('#global').width();
		if (largeur_global >= 800) {
			$('#global').css({'width':800});
			$('#header').css({'width':800});
			$('#contenu').css({'width':800});
			$('#spacer').css({'width':800});
		}
		if (largeur_global < 575) {
			$('#global').css({'width':575});
			$('#header').css({'width':575});
			$('#contenu').css({'width':575});
			$('#spacer').css({'width':575});
		}
	}
	
	// Dimensions des références
	var largeurTdReferences = Math.round(($('#global').width()*0.95)*0.24);
	$('.img_reference').css({'width':largeurTdReferences});
	
	// var hauteurImgRef = Math.round($('.img_reference').height());
	var hauteurImgRef = Math.round(largeurTdReferences/1.96);
	$('.img_reference').css({'height':hauteurImgRef});
	$('.titre_ref').css({
		'width':largeurTdReferences,
		'height':hauteurImgRef
	});
	
	var global = $('#global').width();
	var video = $('#video').height();
	var largeurEcran = $(window).width();		

	var largeurFenetre = $(window).width();
	if (largeurFenetre <= 1007)
	{
		// Affichage pour les téléphones portables
		if (largeurFenetre <= 649)
		{
			$('#cadre').css({
				'position': 'relative',
				'float': 'none',
				'left': 74,
				'background-image': 'url(/images/contenu_bg.png)',
				'width': 350,
				'height': 200,
				'top': 0,
				'right': '',
				'padding-left': 225
			});
			$('#cadre_index').css({
				'position': 'relative',
				'float': 'none',
				'left': 74,
				'background-image': 'url(/images/contenu_bg.png)',
				'width': 220,
				'height': 150,
				'top': 0,
				'right': '',
				'padding-left': 355,
				'padding-top': 20
			});
		} else
		{
			$('#cadre').css({
				'left': 657,
				'position': 'absolute',
				'float': 'right',
				'top': '65%',
				'background-image': 'none'
			});
			$('#cadre_index').css({
				'left': 787,
				'right': 0,
				'bottom': 83,
				'float': 'right',
				'height': 150,
				'position': 'absolute',
				'background-image': 'none',
				'width': 220
			});
		}
	}
	else if(largeurFenetre > 1007)
	{
		$('#cadre').css({ 'left': '', 'right': 0 });
		$('#cadre_index').css({ 'left': '', 'right': 0 });
	}
	
	var largeurVideo = $("#global").width() * 1.06557;
	var hauteurVideo = Math.round(largeurVideo * 0.5294);
	var largeurPlayer = largeurVideo - 190;

	$("#video").css({'height': hauteurVideo });
	if (hauteurVideo <= 240) {
		$("img.playerVideo").css({'height': 240});
	}
	if (hauteurVideo > 240) {
		$("img.playerVideo").css({ width: largeurPlayer, height: Math.round(hauteurVideo) });
	}
	$("#container").css({ width: largeurPlayer, height: hauteurVideo });
	
	var winHeight = $(window).height(); 
	var SiteHeight = $("#global").height();
	var TmpHeight = $("#spacer").height();
	var SpacerHeight = winHeight - (SiteHeight-TmpHeight);
	$("#spacer").css({'height': SpacerHeight });
}

// ************************ //
// AU CHARGEMENT DE LA PAGE //
// ************************ //
$(document).ready(function() {

	// Détection d'IE 6
	var is_ie6 = navigator.userAgent.toLowerCase().indexOf('msie 6.0') > -1;

	// Préchargement de toutes les images de fond du site
	var image0 = new Image();
	image0.src = 'http://www.cyres.fr/images/edito/20100422161004.jpg';
	var image1 = new Image();
	image1.src = 'http://www.cyres.fr/images/edito/20100422163829.jpg';
	var image2 = new Image();
	image2.src = 'http://www.cyres.fr/images/edito/20100422163811.jpg';
	var image3 = new Image();
	image3.src = 'http://www.cyres.fr/images/edito/20100422163750.jpg';
	var image4 = new Image();
	image4.src = 'http://www.cyres.fr/images/edito/20100422163852.jpg';
	var image5 = new Image();
	image5.src = 'http://www.cyres.fr/images/edito/default.jpg';
	var image6 = new Image();
	image6.src = 'http://www.cyres.fr/images/edito/danseuse.jpg';
	var image7 = new Image();
	image7.src = 'http://www.cyres.fr/images/body_background/Contact.jpg';	
	
	var winheight = $(window).height();
	$("img.source-image").attr({
		height: winheight
	});
	$("img.source-image").css({
		'display': 'block'
	});


	// Appel du diaporama
	var diapo = 1;
	//diaporama();
	if (is_ie6)
	{
		$('#global').css({'width': 575});
	}
	else
	{
		$('#global').css({'width':'50%'});
		var largeur_global = $('#global').width();
		if (largeur_global >= 800) {
			$('#global').css({'width':800});
			$('#header').css({'width':800});
			$('#contenu').css({'width':800});
			$('#spacer').css({'width':800});
		}
		if (largeur_global < 575) {
			$('#global').css({'width':575});
			$('#header').css({'width':575});
			$('#contenu').css({'width':575});
			$('#spacer').css({'width':575});
		}
	}
	
	// Dimensions des références
	var largeurTdReferences = Math.round(($('#global').width()*0.95)*0.24);
	$('.img_reference').css({'width':largeurTdReferences});
	
	// var hauteurImgRef = Math.round($('.img_reference').height());
	var hauteurImgRef = Math.round(largeurTdReferences/1.96);
	$('.img_reference').css({'height':hauteurImgRef});
	$('.titre_ref').css({
		'width':largeurTdReferences,
		'height':hauteurImgRef
	});
	
	// Diaporama Accueil
	/*function diaporama() {
		$('img.playerVideo').fadeIn(1500, function() {
			$('img.playerVideo').fadeOut(1500, function() {
				$('img.playerVideo').attr({'src': '/images/video'+diapo+'.jpg'});
			});
			diapo++;
			if (diapo > 4) {
				diapo = 1;
			}
		});
		setTimeout(diaporama, 3000);
	};*/
	
	
	
	$('#cadre').css({ 'right': 0 });
	var largeurFenetre = $(window).width();
	if (largeurFenetre <= 1007)
	{
		// Affichage pour les téléphones portables
		if (largeurFenetre <= 649)
		{
			$('#cadre').css({
				'position': 'relative',
				'float': 'none',
				'left': 74,
				'background-image': 'url(/images/contenu_bg.png)',
				'width': 350,
				'height': 200,
				'top': 0,
				'right': '',
				'padding-left': 225
			});
			$('#cadre_index').css({
				'position': 'relative',
				'float': 'none',
				'left': 74,
				'background-image': 'url(/images/contenu_bg.png)',
				'width': 220,
				'height': 150,
				'top': 0,
				'right': '',
				'padding-left': 355,
				'padding-top': 20
			});
		} else
		{
			$('#cadre').css({
				'left': 657,
				'position': 'absolute',
				'float': 'right',
				'top': '65%',
				'background-image': 'none'
			});
			$('#cadre_index').css({
				'left': 787,
				'right': 0,
				'bottom': 83,
				'float': 'right',
				'height': 150,
				'position': 'absolute',
				'background-image': 'none',
				'width': 220
			});
		}
	}
	else if(largeurFenetre > 1007)
	{
		$('#cadre').css({ 'left': '', 'right': 0 });
		$('#cadre_index').css({ 'left': '', 'right': 0 });
		// Détermination de la largeur du global
		largeurGlobal = largeurFenetre -(74+40+350);
	}
	
	// Initialisation des tailles du conteneur
	var largeurVideo = $("#global").width() * 1.06557;
	var largeurPlayer = largeurVideo - 190;
	var hauteurVideo = largeurPlayer * 0.5294;
	// var global = $('#global').width();
	
	if (is_ie6)
	{
		$("img.playerVideo").css({
			'width': 450,
			'height': 240
		});
	}
	else
	{
		$("#video").css({'height': Math.round(hauteurVideo) });/**/
		if (hauteurVideo <= 240) {
			$("img.playerVideo").css({'height': 240});
			$("#video").css({'height': 240+'px' });/**/
		}
		if (hauteurVideo > 240) {
			$("img.playerVideo").css({ width: largeurPlayer, height: Math.round(hauteurVideo) });
		}
		
		//$("#contenu_video").css({ width: largeurPlayer, height: Math.round(hauteurVideo) });
		
	}
	
	// ********************************** //
	// AU REDIMENSIONNEMENT DE LA FENETRE //
	// ********************************** //
	$(window).resize(function(){
		//Resize du background
		var $winheight = $(window).height();
		$("img.source-image").attr({ height: $winheight });
		
		if (is_ie6)
		{
			$('#global').css({'width': 575});
		}
		else
		{
			$('#global').css({'width':'50%'});
			var largeur_global = $('#global').width();
			if (largeur_global >= 800) {
				$('#global').css({'width':800});
				$('#header').css({'width':800});
				$('#contenu').css({'width':800});
				$('#spacer').css({'width':800});
			}
			if (largeur_global < 575) {
				$('#global').css({'width':575});
				$('#header').css({'width':575});
				$('#contenu').css({'width':575});
				$('#spacer').css({'width':575});
			} else {
				$('#global').css({'width':'50%'});
				$('#header').css({'width':'100%'});
				$('#contenu').css({'width':'100%'});
				$('#spacer').css({'width':'50%'});
			}
		}

		// Dimensions des références
		var largeurTdReferences = Math.round(($('#global').width()*0.95)*0.24);
		$('.img_reference').css({'width':largeurTdReferences});
		
		// var hauteurImgRef = Math.round($('.img_reference').height());
		var hauteurImgRef = Math.round(largeurTdReferences/1.96);
		$('.img_reference').css({'height':hauteurImgRef});
		$('.titre_ref').css({
			'width':largeurTdReferences,
			'height':hauteurImgRef
		});
		
		var global = $('#global').width();
		var video = $('#video').height();
		var largeurEcran = $(window).width();
		
		var largeurFenetre = $(window).width();
		if (largeurFenetre <= 1007)
		{
			// Affichage pour les téléphones portables
			if (largeurFenetre <= 649)
			{
				$('#cadre').css({
					'position': 'relative',
					'float': 'none',
					'left': 74,
					'background-image': 'url(/images/contenu_bg.png)',
					'width': 350,
					'height': 200,
					'top': 0,
					'right': '',
					'padding-left': 225
				});
				$('#cadre_index').css({
					'position': 'relative',
					'float': 'none',
					'left': 74,
					'background-image': 'url(/images/contenu_bg.png)',
					'width': 220,
					'height': 150,
					'top': 0,
					'right': '',
					'padding-left': 355,
					'padding-top': 20
				});
			} else
			{
				$('#cadre').css({
					'left': 657,
					'position': 'absolute',
					'float': 'right',
					'top': '65%',
					'background-image': 'none'
				});
				$('#cadre_index').css({
					'left': 787,
					'right': 0,
					'bottom': 83,
					'float': 'right',
					'height': 150,
					'position': 'absolute',
					'background-image': 'none',
					'width': 220
				});
			}
		}
		else if(largeurFenetre > 1007)
		{
			$('#cadre').css({ 'left': '', 'right': 0 });
			$('#cadre_index').css({ 'left': '', 'right': 0 });
			// Détermination de la largeur du global
			largeurGlobal = largeurFenetre -(74+40+350);
		}
		
		var largeurVideo = $("#global").width() * 1.06557;
		var largeurPlayer = largeurVideo - 190;
		var hauteurVideo = largeurPlayer * 0.5294;
		var global = $('#global').width();
		$("#video").css({'height': Math.round(hauteurVideo)	});/**/
		if (hauteurVideo <= 240) {
		$("img.playerVideo").css({'height': 240});
		$("#video").css({'height':240+'px'	});/**/
		}
		if (hauteurVideo > 240) {
			$("img.playerVideo").css({ width: largeurPlayer, height: Math.round(hauteurVideo) });
		}
		$("#container").css({ width: largeurPlayer, height: Math.round(hauteurVideo) });
		
		var winHeight = $(window).height(); 
		var SiteHeight = $("#global").height();
		var SpacerHeight = winHeight - SiteHeight;
		$("#spacer").css({'height': SpacerHeight });		
	 });
	
	var winHeight = $(window).height(); 
	var SiteHeight = $("#global").height();
	var SpacerHeight = winHeight - SiteHeight;
	if(SpacerHeight > 0) {
		$("#spacer").css({'height': SpacerHeight });
	}
	else {
		$("#spacer").css({'height': 0 });
	}
	
	var global = $('#global').width();
	var video = $('#video').height();
	
	// Solutions
	$('.solutions_titre').hover(function() {
		$(this).children('.image_titre').css({'top': '-37px'});
		$(this).children('.titre_hover').fadeIn('fast');
	},
	function() {
		$(this).children('.titre_hover').fadeOut('fast');
		$(this).children('.image_titre').css({'background-color': 'red'});
	});
});