// ----------------------------------------------
// Fichier de fonctions jQuery
// *** Exécuté lorsque la fenêtre est redimensionnée
//
// Site : ISEL LOGISTIQUE
// Auteur : Grégory BELLENCONTRE - Agence Iceberg
// ----------------------------------------------

function rez() {
	window.onresize = resizeWin; // Déclenche la fonction quand la fenêtre est redimensionnée.
};

function resizeWin() {
	var windowW = $(window).width(); // Largeur de la fenêtre
	var windowH = $(window).height(); // Hauteur de la fenêtre
	var documentW = $(document).width(); // Largeur du document
	var documentH = $(document).height(); // Hauteur du document
	var bandeauW = 393; // Largeur fixe du bandeau principal
	
	// ------------------------------------------------------
	// ----- ACCUEIL
	// ------------------------------------------------------
	
	// BARRE DE NAVIGATION
	var navigationW = ((((windowW - bandeauW)/2)*0.7)*2) + bandeauW;
	navigationW = Math.round(parseInt(navigationW)) + 'px';
	$("#nav").css('width',navigationW);	
	$("#bandeau").css('height',documentH+"px");
	
	if (rightSide == false && leftSide == false) {
		var bandeau = (windowW - bandeauW)/2;
		bandeau = Math.round(parseInt(bandeau)) + 'px';
		$("#bandeau").css('left',bandeau);
		
		$(".side").css('overflow','hidden');
	
		// Si la hauteur de la fenêtre est inférieure à 795px (hauteur mini choisie)
		if (windowH < 795) {
			$("body").css('overflow-y','scroll');
		}
		else {
			$("body").css('overflow-y','hidden');
		}
	}
	
	// ------------------------------------------------------
	// ----- CÔTÉ GAUCHE
	// ------------------------------------------------------
	
	if (leftSide == true) {
		$("#raisons-unique").css('height',documentH + "px");
		
		if (windowH < 795) { // Si la hauteur de la fenêtre est inférieure à 795px (hauteur minimum définie)
			$("body").css('overflow-y','scroll');
		}
		else {
			$("body").css('overflow-y','hidden');
		}
	
		$("#bandeau").css('height',documentH +'px'); // Hauteur du bandeau sur le côté gauche
		
		var posBandeau = windowW - bandeauW; // Position du bandeau sur l'écran
		
		if (posBandeau < 900) { // Si le bandeau doit être positionné à moins de 900px de la gauche
			posBandeau = 900; // Il reste à 900
		}
		
		$("#bandeau").css('left',posBandeau + 'px'); // Application de la position
		
		var sideW = parseInt(windowW - bandeauW + 5) + 'px'; // Largeur des côtés
		$("table").css('width',sideW);
		$("table").css('height',documentH + "px");
		
		var caseW = (windowW - bandeauW)/3-1; // Largeur dune case
		
		if (caseW < 300) { // Si la larger de la case passe sous la barre des 300
			caseW = 300; // Elle reste fixée à 300px minimum
			$("body").css('overflow-x','scroll'); // On scrollera pour lire les informations
		}
		else {
			$("body").css('overflow-x','hidden');
		}
		
		caseW = parseInt(caseW);
		
		var caseH = Math.round(windowH/3+1); // Hauteur d'une case
		
		if (windowH < 810) { // Si la hauteur de la fenêtre est inférieure à 810px (hauteur minimum définie)
			caseH = 274; // La hauteur des cases change pour 210px
			$("body").css('overflow-y','scroll'); // On scrollera de ce fait pour lire les informations
			$("#bandeau").css('height',documentH + "px");
			$("table").css('height',documentH + "px");
		}
		else {
			$("body").css('overflow-y','hidden');
			$("#bandeau").css('height',documentH + "px");
		}
		
		caseH = parseInt(caseH);
		
		// Application de la hauteur aux éléments
		$("table").css('height',caseH*3 + "px");
		$("table td").css('height',caseH + "px"); 
		$("table td div").css('height',caseH + "px");
		$("table td span").css('height',caseH + "px");
		
		// Application de la largeur aux éléments
		$("table").css('width',windowW-bandeauW +"px");
		$("table td").css('width',caseW + "px");
		$("table td div").css('width',caseW + "px");
		$("table td span").css('width',caseW + "px");
		
		// GESTION DES IMAGES A L'INTÉRIEUR DES CASES
		var imageW = (caseW - 270)/2; // Largeur (Case - Largeur de l'image divisés par 2)
		var imageH = (caseH - 180)/2; // Hauteur (Case - Hauteur de l'image divisés par 2)
		imageW = parseInt(imageW) + "px";
		imageH = parseInt(imageH) + "px";
		
		$("td div img").css('margin-left',imageW); // Application de la largeur
		$("td div img").css('margin-top',imageH); // Application de la hauteur
	}
	
	// ------------------------------------------------------
	// ----- CÔTÉ DROIT
	// ------------------------------------------------------
	
	if (rightSide == true) {
		$("body").css('overflow-y','scroll');
		$("#organiser-monde").css('height',documentH + "px");
		$("#organiser-monde").css('width',windowW - bandeauW + "px");
		$("#organiser-monde").css('min-width',"750px");
		
		if (windowW < 1150) { // Si la largeur de la fenêtre est inférieure à 1150px (largeur mini définie)
			$("body").css('width',"1150px");
			$("body").css('overflow-x','scroll');
		}
		else {
			$("body").css('width',windowW+"px");
			$("body").css('overflow-x','hidden');
		}
	}
}